bender/2d16bec0-edb7-41ad-8209-c2513b3ca411
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-30 14:46:13 +00:00
parent 5e15ac036c dafbf92cfe
commit 0f6c152d61
1 changed files with 66 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

301
src/app/page.tsx
View File

@@ -33,35 +33,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Gallery",
id: "gallery",
},
name: "Gallery", id: "gallery"},
{
name: "Team",
id: "team",
},
name: "Team", id: "team"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
]}
brandName="The Fenceboys"
button={{
text: "Get a Free Quote",
href: "#contact",
}}
text: "Get a Free Quote", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -69,21 +55,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
title="Crafting Toronto's Finest Fences & Decks"
description="Experience unparalleled quality, reliability, and service with The Fenceboys. Your property, perfected, delivered with solid workmanship and fair pricing."
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
text: "Get a Free Quote", href: "#contact"},
{
text: "View Our Work",
href: "#gallery",
},
text: "View Our Work", href: "#gallery"},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-girl-pajamas-with-pillow-relaxes-garden_72229-600.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/young-girl-pajamas-with-pillow-relaxes-garden_72229-600.jpg"
imageAlt="Luxurious wooden privacy fence by The Fenceboys"
/>
</div>
@@ -103,34 +84,16 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "craftsmanship",
label: "Quality First",
title: "Exceptional Craftsmanship",
items: [
"Solid workmanship and attention to detail",
"Highly skilled, bona fide tradespeople",
"Pride in work, shown in quality and finish",
],
id: "craftsmanship", label: "Quality First", title: "Exceptional Craftsmanship", items: [
"Solid workmanship and attention to detail", "Highly skilled, bona fide tradespeople", "Pride in work, shown in quality and finish"],
},
{
id: "pricing",
label: "Fair & Honest",
title: "Transparent Pricing & Value",
items: [
"Competitive and reasonable pricing",
"Straight shooters—no games",
"Delivering great work at a fair price",
],
id: "pricing", label: "Fair & Honest", title: "Transparent Pricing & Value", items: [
"Competitive and reasonable pricing", "Straight shooters—no games", "Delivering great work at a fair price"],
},
{
id: "service",
label: "Client Focused",
title: "Reliable & Professional Service",
items: [
"Friendly, approachable, and easy to communicate with",
"Responsive, punctual, and well-organized",
"Exceeded expectations, super clean up",
],
id: "service", label: "Client Focused", title: "Reliable & Professional Service", items: [
"Friendly, approachable, and easy to communicate with", "Responsive, punctual, and well-organized", "Exceeded expectations, super clean up"],
},
]}
title="Beyond the Build: Our Core Strengths"
@@ -147,65 +110,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "prod-1",
brand: "The Fenceboys",
name: "Classic Wood Privacy Fence",
price: "Custom Quote",
rating: 5,
reviewCount: "120+",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-field-full-yellow-flowers-trees-old-wooden-fence_181624-16284.jpg",
imageAlt: "Classic wooden privacy fence installed by The Fenceboys",
},
id: "prod-1", brand: "The Fenceboys", name: "Classic Wood Privacy Fence", price: "Custom Quote", rating: 5,
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-field-full-yellow-flowers-trees-old-wooden-fence_181624-16284.jpg", imageAlt: "Classic wooden privacy fence installed by The Fenceboys"},
{
id: "prod-2",
brand: "The Fenceboys",
name: "Modern Privacy Slatted Fence",
price: "Custom Quote",
rating: 5,
reviewCount: "85+",
imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance-with-nature_23-2149301042.jpg",
imageAlt: "Modern horizontal slatted privacy fence",
},
id: "prod-2", brand: "The Fenceboys", name: "Modern Privacy Slatted Fence", price: "Custom Quote", rating: 5,
reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance-with-nature_23-2149301042.jpg", imageAlt: "Modern horizontal slatted privacy fence"},
{
id: "prod-3",
brand: "The Fenceboys",
name: "Custom Driveway Gate",
price: "Custom Quote",
rating: 5,
reviewCount: "50+",
imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japanese-building_23-2149301135.jpg",
imageAlt: "Elegant custom-built wooden driveway gate",
},
id: "prod-3", brand: "The Fenceboys", name: "Custom Driveway Gate", price: "Custom Quote", rating: 5,
reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japanese-building_23-2149301135.jpg", imageAlt: "Elegant custom-built wooden driveway gate"},
{
id: "prod-4",
brand: "The Fenceboys",
name: "Integrated Retaining Wall",
price: "Custom Quote",
rating: 5,
reviewCount: "30+",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-metallic-straw-fake-leaf_23-2148289756.jpg",
imageAlt: "Stylish backyard with an integrated wooden retaining wall",
},
id: "prod-4", brand: "The Fenceboys", name: "Integrated Retaining Wall", price: "Custom Quote", rating: 5,
reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-metallic-straw-fake-leaf_23-2148289756.jpg", imageAlt: "Stylish backyard with an integrated wooden retaining wall"},
{
id: "prod-5",
brand: "The Fenceboys",
name: "Sleek Metal Perimeter Fence",
price: "Custom Quote",
rating: 5,
reviewCount: "25+",
imageSrc: "http://img.b2bpic.net/free-photo/retro-organ-wooden-case-antique-musical-instrument_169016-68668.jpg",
imageAlt: "Modern black metal fence for residential property",
},
id: "prod-5", brand: "The Fenceboys", name: "Sleek Metal Perimeter Fence", price: "Custom Quote", rating: 5,
reviewCount: "25+", imageSrc: "http://img.b2bpic.net/free-photo/retro-organ-wooden-case-antique-musical-instrument_169016-68668.jpg", imageAlt: "Modern black metal fence for residential property"},
{
id: "prod-6",
brand: "The Fenceboys",
name: "Durable Composite Decking",
price: "Custom Quote",
rating: 5,
reviewCount: "40+",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-caucasian-woman-trendy-panama-waist-neon-bag-roof-bangkok-with-mobile-phone_343596-30.jpg",
imageAlt: "Spacious composite deck with outdoor furniture",
},
id: "prod-6", brand: "The Fenceboys", name: "Durable Composite Decking", price: "Custom Quote", rating: 5,
reviewCount: "40+", imageSrc: "http://img.b2bpic.net/free-photo/stylish-caucasian-woman-trendy-panama-waist-neon-bag-roof-bangkok-with-mobile-phone_343596-30.jpg", imageAlt: "Spacious composite deck with outdoor furniture"},
]}
title="Transforming Properties, One Fence at a Time"
description="Explore a selection of our premium fence, deck, and retaining wall projects across Toronto. See the difference quality craftsmanship makes."
@@ -220,31 +141,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "metric-1",
value: "20+",
title: "Years of Expertise",
items: [
"Decades of experience in fence & deck installation.",
"Proven track record of success.",
],
id: "metric-1", value: "20+", title: "Years of Expertise", items: [
"Decades of experience in fence & deck installation.", "Proven track record of success."],
},
{
id: "metric-2",
value: "500+",
title: "Projects Completed",
items: [
"Transforming properties across Toronto.",
"From intricate designs to large-scale installations.",
],
id: "metric-2", value: "500+", title: "Projects Completed", items: [
"Transforming properties across Toronto.", "From intricate designs to large-scale installations."],
},
{
id: "metric-3",
value: "99%",
title: "Client Satisfaction",
items: [
"Dedicated to exceeding expectations.",
"Our reviews speak for themselves.",
],
id: "metric-3", value: "99%", title: "Client Satisfaction", items: [
"Dedicated to exceeding expectations.", "Our reviews speak for themselves."],
},
]}
title="A Legacy of Excellence in Fencing"
@@ -260,36 +166,14 @@ export default function LandingPage() {
useInvertedBackground={false}
groups={[
{
id: "fencing-experts",
groupTitle: "Our Fencing Experts",
members: [
id: "fencing-experts", groupTitle: "Our Fencing Experts", members: [
{
id: "member-al",
title: "Al",
subtitle: "Co-Founder & Lead Craftsman",
detail: "With decades of hands-on experience, Al is known for his meticulous attention to detail and ability to deliver solid workmanship that stands the test of time.",
imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg",
imageAlt: "Portrait of Al, Co-Founder of The Fenceboys",
},
id: "member-al", title: "Al", subtitle: "Co-Founder & Lead Craftsman", detail: "With decades of hands-on experience, Al is known for his meticulous attention to detail and ability to deliver solid workmanship that stands the test of time.", imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg", imageAlt: "Portrait of Al, Co-Founder of The Fenceboys"},
{
id: "member-matt",
title: "Matt",
subtitle: "Co-Founder & Project Manager",
detail: "Matt ensures every project runs smoothly, from timely estimates to professional execution. His friendly approach makes clients feel at ease from start to finish.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-waiter-wearing-visor-while-working-touchpad-outdoor-cafe-looking-camera_637285-6570.jpg",
imageAlt: "Portrait of Matt, Co-Founder of The Fenceboys",
},
id: "member-matt", title: "Matt", subtitle: "Co-Founder & Project Manager", detail: "Matt ensures every project runs smoothly, from timely estimates to professional execution. His friendly approach makes clients feel at ease from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/happy-waiter-wearing-visor-while-working-touchpad-outdoor-cafe-looking-camera_637285-6570.jpg", imageAlt: "Portrait of Matt, Co-Founder of The Fenceboys"},
{
id: "member-scott",
title: "Scott",
subtitle: "Skilled Tradesman",
detail: "Scott is a highly skilled and courteous member of the team, known for his well-organized work ethic and ensuring a tidy work site. He builds with as much care as if it were his own.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-man-with-yellow-neon-vest_23-2148269383.jpg",
imageAlt: "Portrait of Scott, Skilled Tradesman",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-pajamas-with-pillow-relaxes-garden_72229-600.jpg?_wi=2",
imageAlt: "experienced contractor smiling",
id: "member-scott", title: "Scott", subtitle: "Skilled Tradesman", detail: "Scott is a highly skilled and courteous member of the team, known for his well-organized work ethic and ensuring a tidy work site. He builds with as much care as if it were his own.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-man-with-yellow-neon-vest_23-2148269383.jpg", imageAlt: "Portrait of Scott, Skilled Tradesman"},
]
},
]}
title="The Craftsmen Behind The Quality"
@@ -306,29 +190,17 @@ export default function LandingPage() {
author="Annette - Toronto Homeowner"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
alt: "Annette",
},
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", alt: "Annette"},
{
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-351.jpg",
alt: "Carol Cooper",
},
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-351.jpg", alt: "Carol Cooper"},
{
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-park_839833-33980.jpg",
alt: "Big Jim",
},
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-park_839833-33980.jpg", alt: "Big Jim"},
{
src: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg",
alt: "W G M",
},
src: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg", alt: "W G M"},
{
src: "http://img.b2bpic.net/free-photo/loving-smiling-young-couple-holding-cup-coffee-hands_23-2147966417.jpg",
alt: "Christine & Justin",
},
src: "http://img.b2bpic.net/free-photo/loving-smiling-young-couple-holding-cup-coffee-hands_23-2147966417.jpg", alt: "Christine & Justin"},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-gay-couple-spending-time-together-having-date-park-lgbt-love-concept_58466-12309.jpg",
alt: "Chris Anderson",
},
src: "http://img.b2bpic.net/free-photo/portrait-happy-gay-couple-spending-time-together-having-date-park-lgbt-love-concept_58466-12309.jpg", alt: "Chris Anderson"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
@@ -341,30 +213,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "How do I get a quote for my project?",
content: "Simply reach out to us via our contact form, email, or phone. Matt or Al will schedule a visit to your property in Toronto to understand your needs and provide a timely, competitive, and transparent quote.",
},
id: "faq-1", title: "How do I get a quote for my project?", content: "Simply reach out to us via our contact form, email, or phone. Matt or Al will schedule a visit to your property in Toronto to understand your needs and provide a timely, competitive, and transparent quote."},
{
id: "faq-2",
title: "What types of fences and decks do you build?",
content: "We specialize in a wide range of custom fence installations including wood privacy fences, decorative fences, gates, retaining walls, and composite decks. We tailor solutions to your specific aesthetic and functional requirements.",
},
id: "faq-2", title: "What types of fences and decks do you build?", content: "We specialize in a wide range of custom fence installations including wood privacy fences, decorative fences, gates, retaining walls, and composite decks. We tailor solutions to your specific aesthetic and functional requirements."},
{
id: "faq-3",
title: "How long does a typical installation take?",
content: "Project timelines vary depending on complexity and scale. We provide clear timeframes in our quotes and are known for efficient, record-breaking completion times without compromising on quality or cleanup.",
},
id: "faq-3", title: "How long does a typical installation take?", content: "Project timelines vary depending on complexity and scale. We provide clear timeframes in our quotes and are known for efficient, record-breaking completion times without compromising on quality or cleanup."},
{
id: "faq-4",
title: "Are your services reasonably priced?",
content: "Yes, our clients consistently praise our competitive and fair pricing. We provide top-quality workmanship and materials at a value that often surpasses other quotes.",
},
id: "faq-4", title: "Are your services reasonably priced?", content: "Yes, our clients consistently praise our competitive and fair pricing. We provide top-quality workmanship and materials at a value that often surpasses other quotes."},
{
id: "faq-5",
title: "Do you handle all aspects of the project, including cleanup?",
content: "Absolutely. From initial design to the final, super clean cleanup, we manage every detail. We ensure your property is left spotless, just as described in our many positive reviews.",
},
id: "faq-5", title: "Do you handle all aspects of the project, including cleanup?", content: "Absolutely. From initial design to the final, super clean cleanup, we manage every detail. We ensure your property is left spotless, just as described in our many positive reviews."},
]}
title="Your Fencing Project, Simplified"
description="We believe in clear communication and transparency. Here are answers to some of the most common questions our clients ask about our services."
@@ -377,8 +234,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "rotated-rays-animated-grid",
}}
variant: "rotated-rays-animated-grid"}}
tag="Get Started"
title="Ready for Your Dream Fence or Deck?"
description="Contact The Fenceboys today for a free, no-obligation quote. Let's build something exceptional together for your Toronto property."
@@ -393,62 +249,37 @@ export default function LandingPage() {
logoText="The Fenceboys"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Wood Fences",
href: "#gallery",
},
label: "Wood Fences", href: "#gallery"},
{
label: "Privacy Fences",
href: "#gallery",
},
label: "Privacy Fences", href: "#gallery"},
{
label: "Custom Gates",
href: "#gallery",
},
label: "Custom Gates", href: "#gallery"},
{
label: "Retaining Walls",
href: "#gallery",
},
label: "Retaining Walls", href: "#gallery"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}