Website Templates

Section 1: HERO (Above the Fold)
├── H1: "[City]'s #1 [Service] Contractor"
├── Subheadline: Trust statement + years in business
├── CTA Button: "Get Your Free Estimate"
├── Hero Image: Project photo (not stock)
└── Trust Bar: License # | Insured | BBB A+ | Google 4.9★

Section 2: SERVICES GRID (3-6 cards)
├── Service Card: Icon + Name + 2-line desc + "Learn More"
├── Layout: 3-column grid on desktop, stacked on mobile
└── Link each card to its dedicated service page

Section 3: SOCIAL PROOF
├── Google Reviews Widget (min 4.5 stars)
├── 2-3 Photo Testimonials with Name + Location
└── "See All Reviews" link to reviews page

Section 4: BEFORE / AFTER GALLERY
├── Sliding comparison images (3 projects)
└── Project type + location + brief scope

Section 5: LEAD CAPTURE
├── "Get a Free Quote in 24 Hours"
├── Form: Name | Phone | Email | Service | ZIP
└── Trust signals below form: "No spam. No obligation."

SPEED & PERFORMANCE
✅ Page loads in under 3 seconds on 4G
✅ Images compressed to WebP format
✅ Lazy loading enabled for below-fold images
✅ No render-blocking CSS or JavaScript
✅ Google PageSpeed score > 80 mobile

TAP TARGETS & NAVIGATION
✅ All buttons are at least 48x48px
✅ Click-to-call button visible on every page
✅ Hamburger menu items have adequate spacing
✅ Form fields are large enough for thumb input
✅ No horizontal scrolling on any page

CONTENT & LAYOUT
✅ Font size minimum 16px for body text
✅ Hero text readable without pinching to zoom
✅ Service cards stack vertically on mobile
✅ Testimonials display as swipeable carousel
✅ Footer has click-to-call and click-to-map