From 622142f34d88bbb65d161fb623734aa2eeeea7a7 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 14 May 2026 00:35:04 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 259 ++++++++++++----------------------------------- 1 file changed, 62 insertions(+), 197 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index f4361cf..dfde1c8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,25 +32,15 @@ export default function LandingPage() { @@ -59,62 +49,39 @@ export default function LandingPage() {
@@ -126,19 +93,13 @@ export default function LandingPage() { metrics={[ { icon: Award, - label: "Years Experience", - value: "15+", - }, + label: "Years Experience", value: "15+"}, { icon: Shield, - label: "Projects Completed", - value: "500+", - }, + label: "Projects Completed", value: "500+"}, { icon: CheckCircle, - label: "Satisfied Homeowners", - value: "100%", - }, + label: "Satisfied Homeowners", value: "100%"}, ]} metricsAnimation="slide-up" /> @@ -151,35 +112,17 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "f1", - title: "Cedar Wood Fencing", - descriptions: [ - "Naturally durable and beautiful timber.", - "Expertly stained for long-term protection.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/closeup-carpenters-hands-process-cutting-wood-with-jigsaw_169016-51867.jpg?_wi=1", - imageAlt: "cedar wood texture closeup", - }, + id: "f1", title: "Cedar Wood Fencing", descriptions: [ + "Naturally durable and beautiful timber.", "Expertly stained for long-term protection."], + imageSrc: "http://img.b2bpic.net/free-photo/closeup-carpenters-hands-process-cutting-wood-with-jigsaw_169016-51867.jpg", imageAlt: "cedar wood texture closeup"}, { - id: "f2", - title: "Vinyl Privacy Panels", - descriptions: [ - "Low-maintenance, weather-resistant solutions.", - "Modern designs to suit any aesthetic.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/plants-door_1361-94.jpg?_wi=2", - imageAlt: "cedar wood texture closeup", - }, + id: "f2", title: "Vinyl Privacy Panels", descriptions: [ + "Low-maintenance, weather-resistant solutions.", "Modern designs to suit any aesthetic."], + imageSrc: "http://img.b2bpic.net/free-photo/plants-door_1361-94.jpg", imageAlt: "cedar wood texture closeup"}, { - id: "f3", - title: "Secure Metal Fences", - descriptions: [ - "High-security wrought iron and chain link.", - "Powder-coated for maximum rust resistance.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/couple-working-farm_23-2150454938.jpg?_wi=1", - imageAlt: "cedar wood texture closeup", - }, + id: "f3", title: "Secure Metal Fences", descriptions: [ + "High-security wrought iron and chain link.", "Powder-coated for maximum rust resistance."], + imageSrc: "http://img.b2bpic.net/free-photo/couple-working-farm_23-2150454938.jpg", imageAlt: "cedar wood texture closeup"}, ]} title="Fencing Solutions for Every Need" description="Our team delivers superior protection and curb appeal through high-grade materials and expert installation." @@ -191,27 +134,16 @@ export default function LandingPage() { textboxLayout="split" gridVariant="bento-grid" useInvertedBackground={true} + animationType="slide-up" metrics={[ { - id: "m1", - value: "95%", - title: "Referral Rate", - description: "Happy clients recommending us.", - icon: Heart, + id: "m1", value: "95%", title: "Referral Rate", description: "Happy clients recommending us.", icon: Heart, }, { - id: "m2", - value: "24h", - title: "Quote Response", - description: "Fast turnarounds for all inquiries.", - icon: Zap, + id: "m2", value: "24h", title: "Quote Response", description: "Fast turnarounds for all inquiries.", icon: Zap, }, { - id: "m3", - value: "5y", - title: "Warranty Coverage", - description: "Standing behind every installation.", - icon: ShieldCheck, + id: "m3", value: "5y", title: "Warranty Coverage", description: "Standing behind every installation.", icon: ShieldCheck, }, ]} title="Why Choose The Cedar Mill?" @@ -226,64 +158,28 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - name: "James P.", - role: "Homeowner", - company: "Cedar Creek", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/carpenter-process-professional-tool-precision-drilling-wood_169016-52999.jpg", - imageAlt: "A carpenter in the process a professional tool for precision drilling in wood", - }, + id: "t1", name: "James P.", role: "Homeowner", company: "Cedar Creek", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/carpenter-process-professional-tool-precision-drilling-wood_169016-52999.jpg", imageAlt: "A carpenter in the process a professional tool for precision drilling in wood"}, { - id: "t2", - name: "Sarah W.", - role: "Homeowner", - company: "River Valley", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/plants-door_1361-94.jpg?_wi=3", - imageAlt: "A carpenter in the process a professional tool for precision drilling in wood", - }, + id: "t2", name: "Sarah W.", role: "Homeowner", company: "River Valley", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/plants-door_1361-94.jpg", imageAlt: "A carpenter in the process a professional tool for precision drilling in wood"}, { - id: "t3", - name: "David M.", - role: "Architect", - company: "Metro Designs", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/closeup-carpenters-hands-process-cutting-wood-with-jigsaw_169016-51867.jpg?_wi=2", - imageAlt: "A carpenter in the process a professional tool for precision drilling in wood", - }, + id: "t3", name: "David M.", role: "Architect", company: "Metro Designs", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/closeup-carpenters-hands-process-cutting-wood-with-jigsaw_169016-51867.jpg", imageAlt: "A carpenter in the process a professional tool for precision drilling in wood"}, { - id: "t4", - name: "Elena R.", - role: "Homeowner", - company: "Oak Ridge", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/couple-working-farm_23-2150454938.jpg?_wi=2", - imageAlt: "A carpenter in the process a professional tool for precision drilling in wood", - }, + id: "t4", name: "Elena R.", role: "Homeowner", company: "Oak Ridge", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/couple-working-farm_23-2150454938.jpg", imageAlt: "A carpenter in the process a professional tool for precision drilling in wood"}, { - id: "t5", - name: "Mark L.", - role: "Homeowner", - company: "Pine Hills", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682001.jpg", - imageAlt: "A carpenter in the process a professional tool for precision drilling in wood", - }, + id: "t5", name: "Mark L.", role: "Homeowner", company: "Pine Hills", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682001.jpg", imageAlt: "A carpenter in the process a professional tool for precision drilling in wood"}, ]} kpiItems={[ { - value: "500+", - label: "Fences Built", - }, + value: "500+", label: "Fences Built"}, { - value: "4.9/5", - label: "Star Rating", - }, + value: "4.9/5", label: "Star Rating"}, { - value: "100%", - label: "On Time", - }, + value: "100%", label: "On Time"}, ]} title="What Our Clients Say" description="Trusted by hundreds of homeowners across the county." @@ -295,20 +191,11 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "q1", - title: "How long does a cedar fence last?", - content: "With proper staining and maintenance, cedar fences typically last 15–20 years.", - }, + id: "q1", title: "How long does a cedar fence last?", content: "With proper staining and maintenance, cedar fences typically last 15–20 years."}, { - id: "q2", - title: "Do you handle permits?", - content: "Yes, we manage all necessary permit filings for your installation.", - }, + id: "q2", title: "Do you handle permits?", content: "Yes, we manage all necessary permit filings for your installation."}, { - id: "q3", - title: "What is the warranty period?", - content: "All workmanship is covered by our 5-year structural warranty.", - }, + id: "q3", title: "What is the warranty period?", content: "All workmanship is covered by our 5-year structural warranty."}, ]} sideTitle="Questions?" faqsAnimation="blur-reveal" @@ -322,24 +209,16 @@ export default function LandingPage() { description="Let's discuss your vision for your property boundary." inputs={[ { - name: "name", - type: "text", - placeholder: "Your Name", - required: true, + name: "name", type: "text", placeholder: "Your Name", required: true, }, { - name: "email", - type: "email", - placeholder: "Email Address", - required: true, + name: "email", type: "email", placeholder: "Email Address", required: true, }, ]} textarea={{ - name: "message", - placeholder: "Tell us about your fencing project...", - required: true, + name: "message", placeholder: "Tell us about your fencing project...", required: true, }} - imageSrc="http://img.b2bpic.net/free-photo/couple-working-farm_23-2150454938.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/couple-working-farm_23-2150454938.jpg" /> @@ -347,37 +226,23 @@ export default function LandingPage() {