From 2d06b43daecb99b0d8e4d56a60ac46876e76c6cc Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 8 Apr 2026 02:50:33 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 260 +++++++++++------------------------------------ 1 file changed, 62 insertions(+), 198 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index c1d0093..600ce5f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -30,25 +30,15 @@ export default function LandingPage() { @@ -60,79 +50,40 @@ export default function LandingPage() { description="Trusted by homeowners across Greeley for expert roofing, siding, gutters, and storm restoration." testimonials={[ { - name: "Sarah J.", - handle: "Homeowner", - testimonial: "Installed metal roofing, gutters, and siding. No leaks, great cleanup, and works with insurance.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg?_wi=1", - imageAlt: "luxury home modern roof exterior", - }, + name: "Sarah J.", handle: "Homeowner", testimonial: "Installed metal roofing, gutters, and siding. No leaks, great cleanup, and works with insurance.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", imageAlt: "luxury home modern roof exterior"}, { - name: "Mike R.", - handle: "Homeowner", - testimonial: "On time, fair pricing, and better work than most in town. 5-star company.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg?_wi=1", - imageAlt: "roof replacement work professional", - }, + name: "Mike R.", handle: "Homeowner", testimonial: "On time, fair pricing, and better work than most in town. 5-star company.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg", imageAlt: "roof replacement work professional"}, { - name: "David K.", - handle: "Homeowner", - testimonial: "Re-roofed our house, added gutters, and even painted. Reliable and no nails left behind.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080188.jpg?_wi=1", - imageAlt: "seamless gutter installation", - }, + name: "David K.", handle: "Homeowner", testimonial: "Re-roofed our house, added gutters, and even painted. Reliable and no nails left behind.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080188.jpg", imageAlt: "seamless gutter installation"}, { - name: "Emily R.", - handle: "Homeowner", - testimonial: "The crew was professional and handled our claim seamlessly.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg?_wi=1", - imageAlt: "modern vinyl house siding", - }, + name: "Emily R.", handle: "Homeowner", testimonial: "The crew was professional and handled our claim seamlessly.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg", imageAlt: "modern vinyl house siding"}, { - name: "Jason L.", - handle: "Homeowner", - testimonial: "Best roofing experience we've had. Fast, honest, and high quality.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg?_wi=1", - imageAlt: "storm damage roof inspection", - }, + name: "Jason L.", handle: "Homeowner", testimonial: "Best roofing experience we've had. Fast, honest, and high quality.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg", imageAlt: "storm damage roof inspection"}, ]} buttons={[ { - text: "Get Free Estimate", - href: "#contact", - }, + text: "Get Free Estimate", href: "#contact"}, { - text: "Call (970) 702-6509", - href: "tel:9707026509", - }, + text: "Call (970) 702-6509", href: "tel:9707026509"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg" showDimOverlay={true} avatars={[ { - src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", - alt: "Customer 1", - }, + src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", alt: "Customer 1"}, { - src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", - alt: "Customer 2", - }, + src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", alt: "Customer 2"}, { - src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", - alt: "Customer 3", - }, + src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", alt: "Customer 3"}, { - src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", - alt: "Customer 4", - }, + src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", alt: "Customer 4"}, { - src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", - alt: "Customer 5", - }, + src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", alt: "Customer 5"}, ]} avatarText="Trusted by over 1,000+ local homeowners." /> @@ -145,64 +96,40 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Roofing", - description: "Full replacements, repairs, and high-quality metal, tile, and shingle systems.", - icon: Building2, + title: "Roofing", description: "Full replacements, repairs, and high-quality metal, tile, and shingle systems.", icon: Building2, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg?_wi=2", - }, + imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg?_wi=3", - }, + imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571915.jpg?_wi=1", - imageAlt: "roofing contractor professional consultation", }, { - title: "Gutters", - description: "Expert seamless gutter installation and comprehensive drainage solutions.", - icon: Droplets, + title: "Gutters", description: "Expert seamless gutter installation and comprehensive drainage solutions.", icon: Droplets, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080188.jpg?_wi=2", - }, + imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080188.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080188.jpg?_wi=3", - }, + imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080188.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg?_wi=3", - imageAlt: "luxury home modern roof exterior", }, { - title: "Siding", - description: "Upgrade your home's curb appeal and weather protection with modern siding.", - icon: LayoutDashboard, + title: "Siding", description: "Upgrade your home's curb appeal and weather protection with modern siding.", icon: LayoutDashboard, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg?_wi=2", - }, + imageSrc: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg?_wi=3", - }, + imageSrc: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg?_wi=4", - imageAlt: "roof replacement work professional", }, { - title: "Storm & Insurance", - description: "Expert insurance claim assistance and fast storm damage restoration services.", - icon: Cloud, + title: "Storm & Insurance", description: "Expert insurance claim assistance and fast storm damage restoration services.", icon: Cloud, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg?_wi=2", - }, + imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg?_wi=3", - }, + imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080188.jpg?_wi=4", - imageAlt: "seamless gutter installation", }, ]} title="Complete Exterior Solutions" @@ -217,19 +144,13 @@ export default function LandingPage() { metrics={[ { icon: Star, - label: "Rating", - value: "4.9+", - }, + label: "Rating", value: "4.9+"}, { icon: CheckCircle, - label: "Projects", - value: "1000+", - }, + label: "Projects", value: "1000+"}, { icon: ShieldCheck, - label: "Insurance Claims", - value: "Expert", - }, + label: "Insurance Claims", value: "Expert"}, ]} metricsAnimation="slide-up" /> @@ -242,64 +163,28 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - name: "Sarah J.", - role: "Greeley, CO", - company: "Homeowner", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg?_wi=4", - imageAlt: "modern vinyl house siding", - }, + id: "1", name: "Sarah J.", role: "Greeley, CO", company: "Homeowner", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg", imageAlt: "modern vinyl house siding"}, { - id: "2", - name: "Mike R.", - role: "Greeley, CO", - company: "Homeowner", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg?_wi=4", - imageAlt: "storm damage roof inspection", - }, + id: "2", name: "Mike R.", role: "Greeley, CO", company: "Homeowner", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg", imageAlt: "storm damage roof inspection"}, { - id: "3", - name: "David K.", - role: "Greeley, CO", - company: "Homeowner", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571915.jpg?_wi=2", - imageAlt: "roofing contractor professional consultation", - }, + id: "3", name: "David K.", role: "Greeley, CO", company: "Homeowner", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571915.jpg", imageAlt: "roofing contractor professional consultation"}, { - id: "4", - name: "Emily R.", - role: "Greeley, CO", - company: "Homeowner", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg?_wi=4", - imageAlt: "luxury home modern roof exterior", - }, + id: "4", name: "Emily R.", role: "Greeley, CO", company: "Homeowner", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", imageAlt: "luxury home modern roof exterior"}, { - id: "5", - name: "Jason L.", - role: "Greeley, CO", - company: "Homeowner", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg?_wi=5", - imageAlt: "roof replacement work professional", - }, + id: "5", name: "Jason L.", role: "Greeley, CO", company: "Homeowner", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg", imageAlt: "roof replacement work professional"}, ]} kpiItems={[ { - value: "4.9/5", - label: "Rating", - }, + value: "4.9/5", label: "Rating"}, { - value: "36+", - label: "Happy Clients", - }, + value: "36+", label: "Happy Clients"}, { - value: "100%", - label: "Insured", - }, + value: "100%", label: "Insured"}, ]} title="Real Reviews from Real Customers" description="See why Greeley homeowners trust us with their biggest investment." @@ -313,30 +198,19 @@ export default function LandingPage() { description="Fast response. Honest pricing. Quality you can trust." inputs={[ { - name: "name", - type: "text", - placeholder: "Your Name", - required: true, + name: "name", type: "text", placeholder: "Your Name", required: true, }, { - name: "phone", - type: "tel", - placeholder: "Your Phone", - required: true, + name: "phone", type: "tel", placeholder: "Your Phone", required: true, }, { - name: "email", - type: "email", - placeholder: "Your Email", - required: true, + name: "email", type: "email", placeholder: "Your Email", required: true, }, ]} textarea={{ - name: "message", - placeholder: "Details about your roofing or exterior needs...", - rows: 4, + name: "message", placeholder: "Details about your roofing or exterior needs...", rows: 4, }} - imageSrc="http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571915.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571915.jpg" buttonText="Schedule My Free Inspection" /> @@ -346,29 +220,19 @@ export default function LandingPage() { logoText="M&N Roofing & Exteriors" columns={[ { - title: "Contact", - items: [ + title: "Contact", items: [ { - label: "2001 Talon Pkwy, Greeley, CO", - href: "#", - }, + label: "2001 Talon Pkwy, Greeley, CO", href: "#"}, { - label: "(970) 702-6509", - href: "tel:9707026509", - }, + label: "(970) 702-6509", href: "tel:9707026509"}, ], }, { - title: "Hours", - items: [ + title: "Hours", items: [ { - label: "Mon–Sat: 7:00 AM – 6:00 PM", - href: "#", - }, + label: "Mon–Sat: 7:00 AM – 6:00 PM", href: "#"}, { - label: "Sunday: Closed", - href: "#", - }, + label: "Sunday: Closed", href: "#"}, ], }, ]}