Skip to content

SamShahinDev/dirtfree-website

Repository files navigation

Dirt Free Carpet - Professional Marketing Website

Modern, SEO-optimized marketing website for Dirt Free Carpet & Upholstery Cleaning, a Houston-based carpet cleaning company established in 1989. Complete digital presence with service pages, booking integration, and customer portal access.

Live Site: dirtfreecarpet.com (if deployed)

🎯 Overview

Professional marketing website built with modern web technologies to showcase carpet cleaning services, capture leads, and facilitate online bookings. Optimized for local SEO targeting Houston and surrounding areas.

Key Features: 9 service pages, 8 location-specific pages, integrated booking system, customer reviews, responsive design, and customer portal authentication.

πŸ› οΈ Tech Stack

Framework: Next.js 15.5.4 (App Router), React 19
Styling: Tailwind CSS 4, shadcn/ui components
Database: Supabase (customer portal integration)
Deployment: Vercel
Performance: Turbopack for fast builds
SEO: Optimized meta tags, structured data, sitemap

✨ Key Features

Marketing Pages

  • Homepage - Hero section, service checker, benefits, featured services
  • 9 Service Pages - Carpet cleaning, upholstery, pet stain removal, water damage, tile & grout, area rugs, commercial, air duct, natural stone
  • 8 Location Pages - Houston, Katy, Sugar Land, The Woodlands, Cypress, Tomball, Spring, Pearland
  • About Page - Company history (est. 1989), team, values
  • Contact Page - Service area checker, contact form, phone/email
  • Reviews Page - Customer testimonials and ratings

Core Components

  • Service Area Checker - Instant quote/booking for service areas
  • Benefits Section - Truck-mounted technology, 30-min dry time
  • Process Section - 4-step cleaning process visualization
  • Before/After Gallery - Visual proof of service quality
  • Reviews Section - Social proof and testimonials
  • Trust Badges - Family-owned since 1989, licensed & insured

Customer Features

  • Online Booking - Integrated booking confirmation flow
  • Customer Portal - SSO authentication for existing customers
  • Service Area Verification - Real-time service availability check
  • Same-Day Service - Availability messaging

πŸ“ Project Structure

dirtfree-website/
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ app/
β”‚   β”‚   β”œβ”€β”€ (pages)/
β”‚   β”‚   β”‚   β”œβ”€β”€ page.tsx              # Homepage
β”‚   β”‚   β”‚   β”œβ”€β”€ about/                # About page
β”‚   β”‚   β”‚   β”œβ”€β”€ contact/              # Contact page
β”‚   β”‚   β”‚   └── reviews/              # Reviews page
β”‚   β”‚   β”œβ”€β”€ services/                 # 9 service pages
β”‚   β”‚   β”œβ”€β”€ service-areas/            # 8 location pages
β”‚   β”‚   β”œβ”€β”€ booking-confirmation/     # Booking flow
β”‚   β”‚   └── auth/                     # Customer portal SSO
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ home/                     # Homepage sections
β”‚   β”‚   └── ui/                       # Reusable UI components
β”‚   └── lib/                          # Utilities
β”œβ”€β”€ public/                           # Static assets
└── types/                            # TypeScript definitions

πŸš€ Quick Start

Prerequisites

  • Node.js 18+
  • npm or yarn

Installation

# Clone repository
git clone https://github.com/SamShahinDev/dirtfree-website.git
cd dirtfree-website

# Install dependencies
npm install

# Start development server
npm run dev

Visit http://localhost:3000

Build for Production

# Build optimized production bundle
npm run build

# Start production server
npm start

🎨 Design Highlights

  • Mobile-First - Responsive design optimized for all devices
  • Fast Loading - Optimized images, code splitting, Turbopack builds
  • Professional UI - shadcn/ui components for consistency
  • Accessibility - WCAG AA compliant, keyboard navigation
  • SEO Optimized - Meta tags, Open Graph, structured data

πŸ“Š SEO Strategy

Local SEO

  • Location-specific landing pages (8 cities)
  • Service-specific content (9 services)
  • Structured data markup
  • Google Business Profile integration ready

On-Page SEO

  • Optimized meta titles and descriptions
  • Header hierarchy (H1-H6)
  • Alt text for all images
  • Internal linking structure
  • Fast page load times

Target Keywords

  • "carpet cleaning Houston"
  • "professional carpet cleaners Katy"
  • "pet stain removal Sugar Land"
  • Location + service combinations

οΏ½οΏ½ Technical Features

  • App Router - Next.js 14+ modern routing
  • React Server Components - Optimized performance
  • Turbopack - Fast development builds
  • Type Safety - Full TypeScript coverage
  • Component Library - Radix UI + shadcn/ui
  • CSS Framework - Tailwind CSS 4
  • API Routes - Contact form, booking endpoints
  • Authentication - Supabase SSO integration

πŸ“± Pages Overview

Service Pages (9 total)

  1. Carpet Cleaning
  2. Upholstery Cleaning
  3. Pet Stain & Odor Removal
  4. Water Damage Restoration
  5. Tile & Grout Cleaning
  6. Area Rug Cleaning
  7. Commercial Cleaning
  8. Air Duct Cleaning
  9. Natural Stone Cleaning

Service Area Pages (8 total)

  1. Houston
  2. Katy
  3. Sugar Land
  4. The Woodlands
  5. Cypress
  6. Tomball
  7. Spring
  8. Pearland

🌐 Deployment

  • Platform: Vercel (optimal for Next.js)
  • Domain: Custom domain ready
  • Environment: Production, Preview, Development
  • CDN: Global edge network
  • Analytics: Vercel Analytics ready

πŸ“ˆ Performance

  • Lighthouse Score: 95+ target
  • First Contentful Paint: < 1.2s
  • Time to Interactive: < 2.5s
  • Cumulative Layout Shift: < 0.1

πŸ” Environment Variables

No API keys required for marketing website. Customer portal SSO uses Supabase (configured separately in CRM).

πŸ“ž Business Information

Company: Dirt Free Carpet & Upholstery Cleaning
Established: 1989
Service Area: Houston and surrounding areas
Specialty: Truck-mounted carpet cleaning technology

πŸ‘€ Author

Hussam Shahin
LinkedIn | GitHub


Status: Production marketing website | Complements Dirt Free CRM system | SEO-optimized for local service business | Built for Crowned Gladiator Enterprises LLC

About

Professional marketing website for carpet cleaning service | Next.js 15, React 19, SEO-optimized | 9 service pages, 8 location pages, booking integration

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages