Merge version_1 into main #2
162
src/app/page.tsx
162
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Our Services", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Booking", id: "contact"},
|
||||
]}
|
||||
brandName="ClearFlow Gutters"
|
||||
/>
|
||||
@@ -52,38 +44,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Protect Your Home with Expert Gutter Solutions"
|
||||
description="Don't let water damage compromise your foundation. We provide premium gutter installations for every home, specializing in K-Style and Half-Round systems."
|
||||
tag="Trusted Professional Installation"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Free Estimate", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250256.jpg?_wi=1",
|
||||
imageAlt: "Professional gutter installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250256.jpg", imageAlt: "Professional gutter installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250256.jpg?_wi=2",
|
||||
imageAlt: "Premium gutter system",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg?_wi=1",
|
||||
imageAlt: "K-Style gutter profile",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16088.jpg?_wi=1",
|
||||
imageAlt: "Half-Round gutter installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-male-engineer-wearing-safety-helmet-uniform-holding-note-pad-pencil-taking-work-notes-isolated-white-background_141793-132970.jpg",
|
||||
imageAlt: "Contractor inspection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250256.jpg", imageAlt: "Premium gutter system"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -98,23 +71,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "K-Style Gutters",
|
||||
description: "The most popular choice for modern homes. Efficient drainage with a sharp, aesthetic profile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg?_wi=2",
|
||||
imageAlt: "K-Style Gutter",
|
||||
},
|
||||
title: "K-Style Gutters", description: "The most popular choice for modern homes. Efficient drainage with a sharp, aesthetic profile.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", imageAlt: "K-Style Gutter"},
|
||||
{
|
||||
title: "Half-Round Gutters",
|
||||
description: "Perfect for traditional, historic, or high-end homes. Elegant, curved design with superior water flow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16088.jpg?_wi=2",
|
||||
imageAlt: "Half-Round Gutter",
|
||||
},
|
||||
title: "Half-Round Gutters", description: "Perfect for traditional, historic, or high-end homes. Elegant, curved design with superior water flow.", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16088.jpg", imageAlt: "Half-Round Gutter"},
|
||||
{
|
||||
title: "Seamless Installation",
|
||||
description: "Custom fit on-site to minimize leaks and enhance visual appeal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg?_wi=3",
|
||||
imageAlt: "Seamless gutter installation",
|
||||
},
|
||||
title: "Seamless Installation", description: "Custom fit on-site to minimize leaks and enhance visual appeal.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", imageAlt: "Seamless gutter installation"},
|
||||
]}
|
||||
title="Why Choose Our Gutter Systems?"
|
||||
description="Built to last and designed to protect. We emphasize precision installation for long-term water management."
|
||||
@@ -128,59 +89,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-360.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-360.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Wilson",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "James Wilson", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Emily Chen", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Davis",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg",
|
||||
},
|
||||
id: "4", name: "Robert Davis", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Martinez",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-workers-high-five_23-2149366624.jpg",
|
||||
},
|
||||
id: "5", name: "Linda Martinez", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-workers-high-five_23-2149366624.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "1500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "1500+", label: "Projects Completed"},
|
||||
{
|
||||
value: "10",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "10", label: "Years Experience"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Customer Satisfaction"},
|
||||
]}
|
||||
title="Trusted by Local Homeowners"
|
||||
description="See why our neighbors trust us with their biggest investments."
|
||||
@@ -195,20 +125,11 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a typical gutter installation take?",
|
||||
content: "Most residential installations are completed within a single day by our professional crews.",
|
||||
},
|
||||
id: "1", title: "How long does a typical gutter installation take?", content: "Most residential installations are completed within a single day by our professional crews."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer warranties on your gutters?",
|
||||
content: "Yes, we provide a comprehensive 5-year workmanship warranty alongside manufacturer product warranties.",
|
||||
},
|
||||
id: "2", title: "Do you offer warranties on your gutters?", content: "Yes, we provide a comprehensive 5-year workmanship warranty alongside manufacturer product warranties."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Which gutter material is best for my home?",
|
||||
content: "It depends on your climate and home architecture; our consultants help you choose between aluminum, copper, or steel options.",
|
||||
},
|
||||
id: "3", title: "Which gutter material is best for my home?", content: "It depends on your climate and home architecture; our consultants help you choose between aluminum, copper, or steel options."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -217,18 +138,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Book Your Free Estimate Today"
|
||||
description="Ready to protect your foundation? Fill out the form or give us a call, and one of our gutter specialists will provide you with a transparent, no-obligation estimate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (555) 123-4567",
|
||||
},
|
||||
text: "Call (555) 123-4567"},
|
||||
{
|
||||
text: "Schedule Estimate",
|
||||
},
|
||||
text: "Schedule Estimate"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -239,29 +157,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user