Merge version_2 into main #2
243
src/app/page.tsx
243
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Legend Exteriors"
|
||||
/>
|
||||
@@ -55,25 +47,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Seamless Exterior Construction Services"
|
||||
description="At Legend Exteriors and Construction Inc., we deliver stress-free home improvements from consultation to cleanup. We treat your home like our own."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yz72fb&_wi=1"
|
||||
imageAlt="professional construction workers site"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Consultation", href: "#contact"},
|
||||
{
|
||||
text: "View Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Our Services", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Delays", "Stressful Projects", "Poor Cleanup", "Unclear Pricing"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"On-time Delivery", "Seamless Process", "Spotless Cleanup", "Transparent Communication", "Professional Management"],
|
||||
}}
|
||||
title="Why Choose Legend Exteriors"
|
||||
description="We prioritize quality workmanship and an effortless customer experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
@@ -82,17 +87,11 @@ export default function LandingPage() {
|
||||
description="We believe great service matters just as much as great results. Our skilled crews are friendly, respectful, and dedicated to delivering a seamless experience for every homeowner."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Workmanship",
|
||||
description: "Highly experienced and skilled crews for roofing, siding, and improvements.",
|
||||
},
|
||||
title: "Expert Workmanship", description: "Highly experienced and skilled crews for roofing, siding, and improvements."},
|
||||
{
|
||||
title: "Clear Communication",
|
||||
description: "We ensure you are informed and comfortable every step of the way.",
|
||||
},
|
||||
title: "Clear Communication", description: "We ensure you are informed and comfortable every step of the way."},
|
||||
{
|
||||
title: "Dependable Service",
|
||||
description: "Reliable, efficient, and polished results you can trust for years.",
|
||||
},
|
||||
title: "Dependable Service", description: "Reliable, efficient, and polished results you can trust for years."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=att9gb&_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -100,33 +99,6 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Delays",
|
||||
"Stressful Projects",
|
||||
"Poor Cleanup",
|
||||
"Unclear Pricing",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"On-time Delivery",
|
||||
"Seamless Process",
|
||||
"Spotless Cleanup",
|
||||
"Transparent Communication",
|
||||
"Professional Management",
|
||||
],
|
||||
}}
|
||||
title="Why Choose Legend Exteriors"
|
||||
description="We prioritize quality workmanship and an effortless customer experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
@@ -134,20 +106,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Satisfaction Rate",
|
||||
},
|
||||
id: "m1", value: "100%", description: "Satisfaction Rate"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
id: "m3", value: "15+", description: "Years Experience"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -161,40 +124,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Senior Contractor",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yz72fb&_wi=2",
|
||||
imageAlt: "professional construction workers site",
|
||||
},
|
||||
id: "t1", name: "John Doe", role: "Senior Contractor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yz72fb&_wi=2", imageAlt: "professional construction workers site"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Project Manager",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=att9gb&_wi=2",
|
||||
imageAlt: "professional construction workers site",
|
||||
},
|
||||
id: "t2", name: "Jane Smith", role: "Project Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=att9gb&_wi=2", imageAlt: "professional construction workers site"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Ross",
|
||||
role: "Lead Roofing Tech",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5ynfov&_wi=1",
|
||||
imageAlt: "professional construction workers site",
|
||||
},
|
||||
id: "t3", name: "Mike Ross", role: "Lead Roofing Tech", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5ynfov&_wi=1", imageAlt: "professional construction workers site"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Lee",
|
||||
role: "Exterior Specialist",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=04ewgg&_wi=1",
|
||||
imageAlt: "professional construction workers site",
|
||||
},
|
||||
id: "t4", name: "Sarah Lee", role: "Exterior Specialist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=04ewgg&_wi=1", imageAlt: "professional construction workers site"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Miller",
|
||||
role: "Site Foreman",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=36e4z1&_wi=1",
|
||||
imageAlt: "professional construction workers site",
|
||||
},
|
||||
id: "t5", name: "David Miller", role: "Site Foreman", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=36e4z1&_wi=1", imageAlt: "professional construction workers site"},
|
||||
]}
|
||||
title="Meet Our Professional Crew"
|
||||
description="Our friendly and experienced professionals are the backbone of Legend Exteriors."
|
||||
@@ -208,59 +146,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Brown",
|
||||
role: "Homeowner",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5ynfov&_wi=2",
|
||||
},
|
||||
id: "t1", name: "Alice Brown", role: "Homeowner", company: "Local Community", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5ynfov&_wi=2"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob White",
|
||||
role: "Property Owner",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=04ewgg&_wi=2",
|
||||
},
|
||||
id: "t2", name: "Bob White", role: "Property Owner", company: "Local Community", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=04ewgg&_wi=2"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie Green",
|
||||
role: "Homeowner",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=36e4z1&_wi=2",
|
||||
},
|
||||
id: "t3", name: "Charlie Green", role: "Homeowner", company: "Local Community", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=36e4z1&_wi=2"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana Prince",
|
||||
role: "Property Owner",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vo26iq",
|
||||
},
|
||||
id: "t4", name: "Diana Prince", role: "Property Owner", company: "Local Community", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vo26iq"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Evan Wright",
|
||||
role: "Homeowner",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fqu8jb",
|
||||
},
|
||||
id: "t5", name: "Evan Wright", role: "Homeowner", company: "Local Community", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fqu8jb"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Customer Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Customer Rating"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Referral Rate",
|
||||
},
|
||||
value: "98%", label: "Referral Rate"},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Response Time",
|
||||
},
|
||||
value: "24h", label: "Response Time"},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Hear what our clients have to say about their construction experiences."
|
||||
@@ -273,30 +180,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a typical project take?",
|
||||
content: "Project timelines vary depending on the scope of work, but we provide clear estimates during your consultation.",
|
||||
},
|
||||
id: "f1", title: "How long does a typical project take?", content: "Project timelines vary depending on the scope of work, but we provide clear estimates during your consultation."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide cleanup services?",
|
||||
content: "Yes, we focus on a clean, polished finish and handle all debris removal.",
|
||||
},
|
||||
id: "f2", title: "Do you provide cleanup services?", content: "Yes, we focus on a clean, polished finish and handle all debris removal."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. We carry full insurance and licenses for all our construction activities.",
|
||||
},
|
||||
id: "f3", title: "Are you licensed and insured?", content: "Absolutely. We carry full insurance and licenses for all our construction activities."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve the entire metro area and surrounding suburbs. Contact us to see if your property is within our service zone.",
|
||||
},
|
||||
id: "f4", title: "What areas do you serve?", content: "We proudly serve the entire metro area and surrounding suburbs. Contact us to see if your property is within our service zone."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we partner with reputable financial institutions to offer flexible payment plans for your construction project.",
|
||||
},
|
||||
id: "f5", title: "Do you offer financing?", content: "Yes, we partner with reputable financial institutions to offer flexible payment plans for your construction project."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We are here to help."
|
||||
@@ -308,8 +200,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Start Your Home Improvement"
|
||||
description="Ready to get started? Contact our team for a professional consultation."
|
||||
@@ -323,29 +214,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Legend Exteriors",
|
||||
items: [
|
||||
title: "Legend Exteriors", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -356,4 +237,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user