|
|
|
|
@@ -15,35 +15,24 @@ export default function LandingPage() {
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
|
borderRadius="soft"
|
|
|
|
|
borderRadius="pill"
|
|
|
|
|
contentWidth="mediumSmall"
|
|
|
|
|
sizing="medium"
|
|
|
|
|
background="aurora"
|
|
|
|
|
cardStyle="glass-depth"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="solid"
|
|
|
|
|
primaryButtonStyle="flat"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
headingFontWeight="bold"
|
|
|
|
|
headingFontWeight="medium"
|
|
|
|
|
>
|
|
|
|
|
<ReactLenis root>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleApple
|
|
|
|
|
navItems={[
|
|
|
|
|
{
|
|
|
|
|
name: "Home",
|
|
|
|
|
id: "hero",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "About",
|
|
|
|
|
id: "about",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "Services",
|
|
|
|
|
id: "features",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "Contact",
|
|
|
|
|
id: "contact",
|
|
|
|
|
},
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Services", id: "features" },
|
|
|
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
]}
|
|
|
|
|
brandName="Affordable Fence"
|
|
|
|
|
/>
|
|
|
|
|
@@ -52,46 +41,31 @@ export default function LandingPage() {
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroLogo
|
|
|
|
|
logoText="Affordable Fencing"
|
|
|
|
|
description="Quality fence installations for your home and garden. Reliable, durable, and budget-friendly solutions tailored for your property."
|
|
|
|
|
description="Elegant, clean, and durable fencing solutions. We combine professional craftsmanship with timeless design to enhance your property's value and security."
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Get a Free Quote",
|
|
|
|
|
href: "#contact",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
text: "Our Services",
|
|
|
|
|
href: "#features",
|
|
|
|
|
},
|
|
|
|
|
{ text: "Get a Quote", href: "#contact" },
|
|
|
|
|
{ text: "Our Services", href: "#features" },
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/preparing-plants-planting-seedlings-square-black-boxes-with-cells-planting-spring-primrose-flowers-park-hello-spring-gardening-spring_166373-3538.jpg"
|
|
|
|
|
imageAlt="Quality residential fencing"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/exterior-modern-residential-building_637285-1921.jpg"
|
|
|
|
|
imageAlt="Modern residential fencing"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<SplitAbout
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="Built to Last, Priced to Please"
|
|
|
|
|
description="We believe every home deserves quality security and privacy without breaking the bank. With years of local experience, we deliver durable fencing with precision and care."
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
title="Crafted for Elegance"
|
|
|
|
|
description="We believe in simplicity and durability. Every project is handled with a minimalist approach, ensuring our fencing seamlessly integrates with your home's architecture."
|
|
|
|
|
bulletPoints={[
|
|
|
|
|
{
|
|
|
|
|
title: "Expert Craftsmanship",
|
|
|
|
|
description: "Years of experience building lasting structures.",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Affordable Rates",
|
|
|
|
|
description: "Transparent pricing with no hidden costs.",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Premium Materials",
|
|
|
|
|
description: "Only high-quality woods and metals used.",
|
|
|
|
|
},
|
|
|
|
|
{ title: "Minimalist Design", description: "Clean lines and sophisticated aesthetic." },
|
|
|
|
|
{ title: "High-Grade Materials", description: "Long-lasting durability meets refined style." },
|
|
|
|
|
{ title: "Expert Precision", description: "Meticulous attention to every detail." },
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384856.jpg"
|
|
|
|
|
imageAlt="Professional fence installation"
|
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
|
imageAlt="Precision fence installation"
|
|
|
|
|
mediaAnimation="opacity"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -102,123 +76,55 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
title: "Classic Wood",
|
|
|
|
|
author: "Natural Beauty",
|
|
|
|
|
description: "Beautiful cedar and pine wood fences for a timeless, warm look.",
|
|
|
|
|
tags: [
|
|
|
|
|
"Residential",
|
|
|
|
|
"Natural",
|
|
|
|
|
],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13035.jpg",
|
|
|
|
|
},
|
|
|
|
|
id: "1", title: "Modern Privacy", author: "Sleek Design", description: "Contemporary panels that offer complete privacy without sacrificing visual appeal.", tags: ["Residential", "Modern"],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pieces-wood-each-other-forming-fence_181624-32752.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
title: "Metal Security",
|
|
|
|
|
author: "Robust Defense",
|
|
|
|
|
description: "Durable metal fencing that combines security with modern style.",
|
|
|
|
|
tags: [
|
|
|
|
|
"Security",
|
|
|
|
|
"Modern",
|
|
|
|
|
],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-residential-building_637285-1921.jpg",
|
|
|
|
|
},
|
|
|
|
|
id: "2", title: "Classic Security", author: "Robust Defense", description: "Strong and reliable metal structures tailored for modern properties.", tags: ["Security", "Robust"],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13035.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
title: "Vinyl Privacy",
|
|
|
|
|
author: "Low Maintenance",
|
|
|
|
|
description: "Easy-to-clean vinyl solutions for total backyard privacy.",
|
|
|
|
|
tags: [
|
|
|
|
|
"Privacy",
|
|
|
|
|
"Durable",
|
|
|
|
|
],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pieces-wood-each-other-forming-fence_181624-32752.jpg",
|
|
|
|
|
},
|
|
|
|
|
id: "3", title: "Custom Enclosures", author: "Tailored Fit", description: "Bespoke designs perfectly fitted for unique garden layouts.", tags: ["Bespoke", "Design"],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/preparing-plants-planting-seedlings-square-black-boxes-with-cells-planting-spring-primrose-flowers-park-hello-spring-gardening-spring_166373-3538.jpg"},
|
|
|
|
|
]}
|
|
|
|
|
title="Our Fencing Solutions"
|
|
|
|
|
description="We offer a wide range of fencing materials to suit your specific aesthetic and security needs."
|
|
|
|
|
title="Refined Fencing Solutions"
|
|
|
|
|
description="Explore our curated selection of high-quality fencing designed for the discerning homeowner."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardTwo
|
|
|
|
|
animationType="scale-rotate"
|
|
|
|
|
animationType="opacity"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
name: "Sarah J.",
|
|
|
|
|
role: "Homeowner",
|
|
|
|
|
testimonial: "Excellent service and very affordable prices. Highly recommended!",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-friends-handshaking-outdoors_23-2149073970.jpg",
|
|
|
|
|
},
|
|
|
|
|
id: "1", name: "James & Clara", role: "Homeowners", testimonial: "The design is simple, clean, and elegant. Exactly what we wanted for our home.", imageSrc: "http://img.b2bpic.net/free-photo/male-friends-handshaking-outdoors_23-2149073970.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
name: "Mike R.",
|
|
|
|
|
role: "Homeowner",
|
|
|
|
|
testimonial: "Fast installation and great communication throughout the process.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-female-tourist-carrying-camera-shoulder-looking-building-city_23-2148027183.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
name: "Emily D.",
|
|
|
|
|
role: "Homeowner",
|
|
|
|
|
testimonial: "My new fence looks amazing and it was completed in just two days.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tender-family-with-baby_1153-2634.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4",
|
|
|
|
|
name: "John K.",
|
|
|
|
|
role: "Homeowner",
|
|
|
|
|
testimonial: "They provided the best quote and the quality of work is outstanding.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5",
|
|
|
|
|
name: "Linda M.",
|
|
|
|
|
role: "Homeowner",
|
|
|
|
|
testimonial: "Professional, clean, and quick work. My backyard feels so private now.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pensive-girl-posing-fence_1153-541.jpg",
|
|
|
|
|
},
|
|
|
|
|
id: "2", name: "Robert H.", role: "Developer", testimonial: "Sophisticated craftsmanship and an incredibly professional team. Outstanding work.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-tourist-carrying-camera-shoulder-looking-building-city_23-2148027183.jpg"},
|
|
|
|
|
]}
|
|
|
|
|
title="What Our Clients Say"
|
|
|
|
|
description="Trusted by hundreds of local homeowners for their fencing needs."
|
|
|
|
|
title="Timeless Quality"
|
|
|
|
|
description="Our clients appreciate the minimalist elegance and durability we bring to every installation."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactCTA
|
|
|
|
|
tag="Inquire"
|
|
|
|
|
title="Elevate your property"
|
|
|
|
|
description="Let's discuss how we can bring an elegant fencing solution to your home."
|
|
|
|
|
buttons={[{ text: "Get a Consultation", href: "mailto:hello@affordablefence.com" }]}
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
background={{
|
|
|
|
|
variant: "plain",
|
|
|
|
|
}}
|
|
|
|
|
tag="Get in touch"
|
|
|
|
|
title="Ready for a new fence?"
|
|
|
|
|
description="Reach out to us for a free estimate and start your property enhancement today."
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Contact Us Now",
|
|
|
|
|
href: "mailto:hello@affordablefence.com",
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoReveal
|
|
|
|
|
logoText="Affordable Fencing"
|
|
|
|
|
leftLink={{
|
|
|
|
|
text: "Privacy Policy",
|
|
|
|
|
href: "#",
|
|
|
|
|
}}
|
|
|
|
|
rightLink={{
|
|
|
|
|
text: "Terms of Service",
|
|
|
|
|
href: "#",
|
|
|
|
|
}}
|
|
|
|
|
leftLink={{ text: "Privacy", href: "#" }}
|
|
|
|
|
rightLink={{ text: "Terms", href: "#" }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
