A modern Next.js 13+ website built with React and TypeScript for Tampa Bay Concrete Coatings - a premier concrete coating company serving Florida.
- Framework: Next.js 14
- Language: TypeScript
- Styling: Tailwind CSS
- Package Manager: npm
app/
├── layout.tsx # Root layout with metadata
├── page.tsx # Homepage
├── globals.css # Global Tailwind styles
├── components/
│ ├── Navigation.tsx # Header with responsive menu
│ └── Footer.tsx # Footer with links and social
├── services/
│ └── page.tsx # Services detail page
├── contact/
│ └── page.tsx # Contact form and info
├── gallery/
│ └── page.tsx # Photo gallery
└── about/
└── page.tsx # About the company
public/
├── css/
├── js/
└── images/
- Hero section with CTA buttons
- About section
- Services overview (Epoxy Garage Floors, Metallic Resin Floors, Concrete Polishing)
- Service areas list (Tampa Bay & Surrounding Areas)
- Contact information: (727) 743-7242
- Image gallery
- Final CTA
- Detailed service descriptions:
- Epoxy Garage Floors
- Metallic Resin Floors
- Concrete Polishing
- Metallic Resin Floors
- Concrete Polishing
- Key benefits and applications for each service
- Process explanation
- Call-to-action
- Contact form
- Business information
- Phone, email, address, hours
- Form submission handling
- Image gallery showcasing projects
- Category filtering
- Hover effects
- Company story
- Mission statement
- Why choose us section
- ✅ Fully responsive design (mobile, tablet, desktop)
- ✅ Dark theme with orange accents (#ff8c00)
- ✅ Fast performance with Next.js
- ✅ SEO-friendly structure
- ✅ Contact form with validation
- ✅ Mobile menu navigation
- ✅ Service navigation links
- ✅ Social media links
- ✅ Smooth scrolling
- Primary Orange: #ff8c00
- Dark Background: #1a1a1a / #000000
- Light Gray: #f8f9fa
- Text Dark: #333333
# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run build
# Start production server
npm start
# Lint code
npm run lintThe development server will start at http://localhost:3000
- Company: Tampa Bay Concrete Coatings
- Phone: (727) 743-7242
- Address: 386 Tavernier Cir, Oldsmar, FL 34677
- Service Areas: Tampa Bay, Florida
- Epoxy Garage Floors - 10-20 year durability
- Metallic Resin Floors - 3D effect, 15+ years
- Concrete Polishing - Natural stone look, LEED certified
Ready to deploy to Vercel, Netlify, or any Node.js hosting:
# Vercel
vercel
# Build command: npm run build
# Start command: npm run start- Pages are built with TypeScript for type safety
- Component-based architecture for reusability
- Tailwind CSS for utility-first styling
- SVG icons for social media
- Form validation on contact page
- Mobile-first responsive design