From dafbf92cfe8494670c9dab040ca55476ce509451 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 30 May 2026 14:46:11 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 301 +++++++++++------------------------------------ 1 file changed, 66 insertions(+), 235 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 748ce76..adf019f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,35 +33,21 @@ export default function LandingPage() { @@ -69,21 +55,16 @@ export default function LandingPage() {
@@ -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() {