Merge version_1 into main #1
256
src/app/page.tsx
256
src/app/page.tsx
@@ -20,33 +20,25 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Best A&M Rain Gutters"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -54,12 +46,7 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="Best A&M Rain Gutters"
|
||||
description="Premium gutter cleaning and maintenance services for a safer, cleaner home. Expert care that protects your biggest investment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Cleaning",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Cleaning", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbm1mm"
|
||||
imageAlt="professional rain gutter cleaning service home"
|
||||
/>
|
||||
@@ -70,9 +57,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Excellence in Exterior Maintenance"
|
||||
description={[
|
||||
"For over a decade, Best A&M Rain Gutters has provided unparalleled exterior cleaning. We specialize in preventing water damage through meticulous debris removal and downspout inspection.",
|
||||
"Our team is trained to handle even the toughest gutter challenges, ensuring your home is prepared for every season.",
|
||||
]}
|
||||
"For over a decade, Best A&M Rain Gutters has provided unparalleled exterior cleaning. We specialize in preventing water damage through meticulous debris removal and downspout inspection.", "Our team is trained to handle even the toughest gutter challenges, ensuring your home is prepared for every season."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -83,27 +68,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Manual Cleaning",
|
||||
description: "Full debris removal by hand to protect your roof.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0r1c6u",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h40if5",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Downspout Inspection",
|
||||
description: "Ensuring proper flow throughout your drain system.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cowibx",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2r85dc",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Gutter Guards",
|
||||
description: "Professional installation of premium guard systems.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9jus9i",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6elbar",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{ title: "Manual Cleaning", description: "Full debris removal by hand to protect your roof.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0r1c6u", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h40if5", buttonText: "Learn More" },
|
||||
{ title: "Downspout Inspection", description: "Ensuring proper flow throughout your drain system.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cowibx", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2r85dc", buttonText: "Learn More" },
|
||||
{ title: "Gutter Guards", description: "Professional installation of premium guard systems.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9jus9i", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6elbar", buttonText: "Learn More" },
|
||||
]}
|
||||
title="Comprehensive Gutter Care"
|
||||
description="Detailed services designed to ensure your home remains safe and water-free year-round."
|
||||
@@ -116,59 +83,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$199",
|
||||
subtitle: "Single Story Home",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full Gutter Clearance",
|
||||
"Downspout Check",
|
||||
"Debris Disposal",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$299",
|
||||
subtitle: "Two Story Home",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full Gutter Clearance",
|
||||
"Downspout Check",
|
||||
"Debris Disposal",
|
||||
"Roof Sweep",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ultimate",
|
||||
badge: "Premium",
|
||||
price: "$449",
|
||||
subtitle: "Estate / Large Home",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Comprehensive Clearance",
|
||||
"Full System Flush",
|
||||
"Priority Scheduling",
|
||||
"Guaranteed Protection",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$199", subtitle: "Single Story Home", buttons: [{ text: "Select", href: "#contact" }], features: ["Full Gutter Clearance", "Downspout Check", "Debris Disposal"] },
|
||||
{ id: "pro", badge: "Popular", price: "$299", subtitle: "Two Story Home", buttons: [{ text: "Select", href: "#contact" }], features: ["Full Gutter Clearance", "Downspout Check", "Debris Disposal", "Roof Sweep"] },
|
||||
{ id: "ultimate", badge: "Premium", price: "$449", subtitle: "Estate / Large Home", buttons: [{ text: "Select", href: "#contact" }], features: ["Comprehensive Clearance", "Full System Flush", "Priority Scheduling", "Guaranteed Protection"] },
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Simple, flat-rate pricing based on your home size. No surprises."
|
||||
@@ -181,24 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: ShieldCheck,
|
||||
title: "Homes Secured",
|
||||
value: "2,500+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Droplet,
|
||||
title: "Gallons Diverted",
|
||||
value: "1M+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "12+",
|
||||
},
|
||||
{ id: "m1", icon: ShieldCheck, title: "Homes Secured", value: "2,500+" },
|
||||
{ id: "m2", icon: Droplet, title: "Gallons Diverted", value: "1M+" },
|
||||
{ id: "m3", icon: Award, title: "Years Experience", value: "12+" },
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="Proven results for residential gutter safety."
|
||||
@@ -211,60 +113,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zgbzsj",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Thompson",
|
||||
role: "Property Manager",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oqr3nv",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3baq3f",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Davis",
|
||||
role: "Real Estate Agent",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6iul4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice Johnson",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=44ba1c",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "Homeowner", company: "Client", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zgbzsj" },
|
||||
{ id: "2", name: "John Thompson", role: "Property Manager", company: "Client", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oqr3nv" },
|
||||
{ id: "3", name: "Emily Chen", role: "Homeowner", company: "Client", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3baq3f" },
|
||||
{ id: "4", name: "Robert Davis", role: "Real Estate Agent", company: "Client", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6iul4" },
|
||||
{ id: "5", name: "Alice Johnson", role: "Homeowner", company: "Client", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=44ba1c" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Retention",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Licensed",
|
||||
},
|
||||
{ value: "4.9", label: "Avg Rating" },
|
||||
{ value: "98%", label: "Retention" },
|
||||
{ value: "100%", label: "Licensed" },
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Real feedback from homeowners who trust Best A&M."
|
||||
@@ -276,21 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How often should I clean my gutters?",
|
||||
content: "Generally twice a year in the spring and fall.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer full debris removal?",
|
||||
content: "Yes, we remove all waste from site.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is your work insured?",
|
||||
content: "We are fully bonded and insured for your peace of mind.",
|
||||
},
|
||||
{ id: "q1", title: "How often should I clean my gutters?", content: "Generally twice a year in the spring and fall." },
|
||||
{ id: "q2", title: "Do you offer full debris removal?", content: "Yes, we remove all waste from site." },
|
||||
{ id: "q3", title: "Is your work insured?", content: "We are fully bonded and insured for your peace of mind." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries about gutter maintenance."
|
||||
@@ -301,9 +147,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Ready to Start?"
|
||||
title="Get Your Free Quote"
|
||||
description="Schedule a professional gutter evaluation for your property today."
|
||||
@@ -318,36 +162,12 @@ export default function LandingPage() {
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z5f8i3"
|
||||
logoText="Best A&M Rain Gutters"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user