Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
396
src/app/page.tsx
396
src/app/page.tsx
@@ -27,293 +27,129 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Affordable Fence Co"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Affordable Fence Co"
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Secure Your Property with Affordable Excellence"
|
||||
description="Providing top-tier fencing solutions for residential and commercial properties. Durable, stylish, and built to last."
|
||||
tag="Trusted Fencing Experts"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=1",
|
||||
imageAlt: "Modern residential wood fence",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=2",
|
||||
imageAlt: "Professional backyard fence installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=3",
|
||||
imageAlt: "Durable vinyl fencing solution",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=4",
|
||||
imageAlt: "Secure metal perimeter fencing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=5",
|
||||
imageAlt: "Custom privacy fence construction",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="5/5 based on 200+ local installations"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Secure Your Property with Affordable Excellence"
|
||||
description="Providing top-tier fencing solutions for residential and commercial properties. Durable, stylish, and built to last."
|
||||
tag="Trusted Fencing Experts"
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg", imageAlt: "Modern residential wood fence"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg", imageAlt: "Professional backyard fence installation"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="5/5 based on 200+ local installations"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Quality, Priced for Everyone"
|
||||
description="At Affordable Fence Co, we believe quality security should not break the bank. Our experienced team uses premium materials and precision engineering to deliver fencing that lasts generations."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "2000+",
|
||||
title: "Fences Installed",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-bearded-hipster-posing-fence-style-diversity_482257-40662.jpg"
|
||||
imageAlt="Our team installing a fence"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Quality, Priced for Everyone"
|
||||
description="At Affordable Fence Co, we believe quality security should not break the bank. Our experienced team uses premium materials and precision engineering to deliver fencing that lasts generations."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "2000+", title: "Fences Installed" },
|
||||
{ value: "100%", title: "Client Satisfaction" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-bearded-hipster-posing-fence-style-diversity_482257-40662.jpg"
|
||||
imageAlt="Our team installing a fence"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No hidden costs",
|
||||
"No subpar materials",
|
||||
"No missed deadlines",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Wooden Privacy Fencing",
|
||||
"Durable Vinyl Options",
|
||||
"Classic Ornamental Metal",
|
||||
"Chain Link Security",
|
||||
],
|
||||
}}
|
||||
title="Comprehensive Fencing Services"
|
||||
description="We specialize in a variety of materials and designs to suit every architectural style and budget."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{ items: ["No hidden costs", "No subpar materials", "No missed deadlines"] }}
|
||||
positiveCard={{ items: ["Wooden Privacy Fencing", "Durable Vinyl Options", "Classic Ornamental Metal", "Chain Link Security"] }}
|
||||
title="Comprehensive Fencing Services"
|
||||
description="We specialize in a variety of materials and designs to suit every architectural style and budget."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "prod-1",
|
||||
brand: "Timberline",
|
||||
name: "Cedar Wood Privacy",
|
||||
price: "From $25/ft",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=6",
|
||||
},
|
||||
{
|
||||
id: "prod-2",
|
||||
brand: "VinylPro",
|
||||
name: "White Picket Vinyl",
|
||||
price: "From $30/ft",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
id: "prod-3",
|
||||
brand: "IronGuard",
|
||||
name: "Modern Ornamental Iron",
|
||||
price: "From $45/ft",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=8",
|
||||
},
|
||||
]}
|
||||
title="Popular Fencing Styles"
|
||||
description="Explore our most requested fencing solutions tailored for your unique space."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "prod-1", brand: "Timberline", name: "Cedar Wood Privacy", price: "From $25/ft", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg" },
|
||||
{ id: "prod-2", brand: "VinylPro", name: "White Picket Vinyl", price: "From $30/ft", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg" },
|
||||
{ id: "prod-3", brand: "IronGuard", name: "Modern Ornamental Iron", price: "From $45/ft", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg" }
|
||||
]}
|
||||
title="Popular Fencing Styles"
|
||||
description="Explore our most requested fencing solutions tailored for your unique space."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional Service",
|
||||
quote: "They installed a beautiful fence in just two days. Professional and affordable!",
|
||||
name: "Sarah Johnson",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-thinking_93675-133241.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Great Quality",
|
||||
quote: "Solid craftsmanship, very impressed with the attention to detail.",
|
||||
name: "Michael Chen",
|
||||
role: "Property Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-laughing-daughter-sitting-table_259150-59411.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Fair Price",
|
||||
quote: "The most competitive pricing in the area without sacrificing quality.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-holding-coat-his-shoulder-standing-near-corporate-building_23-2147941464.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Professionalism",
|
||||
quote: "The crew was prompt and polite, worked very hard to meet our needs.",
|
||||
name: "David Kim",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-teenage-students_1328-1088.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Highly Recommended",
|
||||
quote: "Best experience I've had with home improvement services. Truly reliable.",
|
||||
name: "Jessica Lee",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-thinking_93675-133241.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Voices of Satisfied Homeowners"
|
||||
description="See why locals trust us with their properties."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Exceptional Service", quote: "They installed a beautiful fence in just two days. Professional and affordable!", name: "Sarah Johnson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/woman-thinking_93675-133241.jpg" },
|
||||
{ id: "2", title: "Great Quality", quote: "Solid craftsmanship, very impressed with the attention to detail.", name: "Michael Chen", role: "Property Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-laughing-daughter-sitting-table_259150-59411.jpg" },
|
||||
{ id: "3", title: "Fair Price", quote: "The most competitive pricing in the area without sacrificing quality.", name: "Emily Rodriguez", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-holding-coat-his-shoulder-standing-near-corporate-building_23-2147941464.jpg" },
|
||||
{ id: "4", title: "Professionalism", quote: "The crew was prompt and polite, worked very hard to meet our needs.", name: "David Kim", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-teenage-students_1328-1088.jpg" },
|
||||
{ id: "5", title: "Highly Recommended", quote: "Best experience I've had with home improvement services. Truly reliable.", name: "Jessica Lee", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/woman-thinking_93675-133241.jpg" }
|
||||
]}
|
||||
title="Voices of Satisfied Homeowners"
|
||||
description="See why locals trust us with their properties."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide free, no-obligation on-site estimates for all projects.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does installation take?",
|
||||
content: "Most residential projects are completed in 1-3 business days depending on size.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept major credit cards, checks, and financing options are available.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Ready for Your New Fence?"
|
||||
ctaDescription="Get your free on-site estimate today and take the first step toward a safer yard."
|
||||
ctaButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer free estimates?", content: "Yes, we provide free, no-obligation on-site estimates for all projects." },
|
||||
{ id: "f2", title: "How long does installation take?", content: "Most residential projects are completed in 1-3 business days depending on size." },
|
||||
{ id: "f3", title: "What payment methods do you accept?", content: "We accept major credit cards, checks, and financing options are available." }
|
||||
]}
|
||||
ctaTitle="Ready for Your New Fence?"
|
||||
ctaDescription="Get your free on-site estimate today and take the first step toward a safer yard."
|
||||
ctaButton={{ text: "Contact Us", href: "#" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682001.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Affordable Fence Co"
|
||||
copyrightText="© 2025 | Affordable Fence Co"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682001.jpg"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Residential", href: "#" }, { label: "Commercial", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Privacy Policy", href: "#" }, { label: "FAQ", href: "#contact" }] }
|
||||
]}
|
||||
logoText="Affordable Fence Co"
|
||||
copyrightText="© 2025 | Affordable Fence Co"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user