bender/8a63bcc2-ec54-4f6e-9a53-2547d32cd717
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-03 20:21:54 +00:00
Conversation 0 Commits 2 Files Changed 2 +49 -143
2 changed files with 49 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

182
src/app/page.tsx
View File

@@ -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>
);
}
}

10
src/app/styles/variables.css
View File

@@ -12,13 +12,13 @@
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--foreground: #1a1a1a;
--primary-cta: #000000;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #f0f0f0;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #e0e0e0;
--background-accent: #f9f9f9;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);