From 9b7b353df04264550bb89a471166aeaadcabc1af Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 29 Mar 2026 21:56:46 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 188 ++++++++++++----------------------------------- 1 file changed, 46 insertions(+), 142 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 7def82f..68c44c9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -30,76 +30,47 @@ export default function LandingPage() {
@@ -112,53 +83,23 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - bentoComponent: "reveal-icon", - icon: Shield, - title: "Roof Replacement", - description: "Full tear-off and replacement for long-term protection.", - imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15922.jpg?_wi=7", - imageAlt: "beautiful modern shingled roof exterior", - }, + bentoComponent: "reveal-icon", icon: Shield, + title: "Roof Replacement", description: "Full tear-off and replacement for long-term protection."}, { - bentoComponent: "reveal-icon", - icon: Zap, - title: "Shingle Repair", - description: "Targeted repairs for damaged or missing shingles.", - imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg", - imageAlt: "roof replacement icon teal", - }, + bentoComponent: "reveal-icon", icon: Zap, + title: "Shingle Repair", description: "Targeted repairs for damaged or missing shingles."}, { - bentoComponent: "reveal-icon", - icon: Award, - title: "Attic & Roof Vents", - description: "Improved airflow to prevent moisture buildup.", - imageSrc: "http://img.b2bpic.net/free-photo/texture-colorful-wooden-boards_23-2148198903.jpg", - imageAlt: "shingle repair icon teal", - }, + bentoComponent: "reveal-icon", icon: Award, + title: "Attic & Roof Vents", description: "Improved airflow to prevent moisture buildup."}, { - bentoComponent: "reveal-icon", - icon: Star, - title: "Soffit & Fascia Repair", - description: "Protecting your roof edge and home structure.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388956.jpg", - imageAlt: "attic vent icon teal", - }, + bentoComponent: "reveal-icon", icon: Star, + title: "Soffit & Fascia Repair", description: "Protecting your roof edge and home structure."}, { - bentoComponent: "reveal-icon", - icon: CheckCircle, - title: "Storm Damage Repair", - description: "Fast restoration after extreme weather events.", - imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern-background-wallpaper-texture-concept_53876-63188.jpg", - imageAlt: "soffit fascia icon teal", - }, + bentoComponent: "reveal-icon", icon: CheckCircle, + title: "Storm Damage Repair", description: "Fast restoration after extreme weather events."}, { - bentoComponent: "reveal-icon", - icon: Sparkles, - title: "Eave & Gutter Work", - description: "Professional drainage solutions for your roof.", - imageSrc: "http://img.b2bpic.net/free-vector/realistic-construction-sign-background_23-2148169634.jpg", - imageAlt: "storm damage icon teal", - }, + bentoComponent: "reveal-icon", icon: Sparkles, + title: "Eave & Gutter Work", description: "Professional drainage solutions for your roof."}, ]} title="What We Do" description="Expert roofing solutions tailored to your home's needs." @@ -172,23 +113,14 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "m1", - icon: Star, - title: "Customer Rating", - value: "5.0", - }, + id: "m1", icon: Star, + title: "Customer Rating", value: "5.0"}, { - id: "m2", - icon: CheckCircle, - title: "Satisfied Customers", - value: "17+", - }, + id: "m2", icon: CheckCircle, + title: "Satisfied Customers", value: "17+"}, { - id: "m3", - icon: Award, - title: "Serving GTA", - value: "Since 2019", - }, + id: "m3", icon: Award, + title: "Serving GTA", value: "Since 2019"}, ]} title="Why Homeowners Trust Vista Roofing" description="We stand behind our work with quality, honesty, and clear communication." @@ -200,30 +132,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Mark Ramkishun", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-european-guy-living-alone-spending-all-day-home-while-social-distancing-being-optimistic-carefree-looking-camera-with-smile_343059-2035.jpg?_wi=1", - }, + id: "1", name: "Mark Ramkishun", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-european-guy-living-alone-spending-all-day-home-while-social-distancing-being-optimistic-carefree-looking-camera-with-smile_343059-2035.jpg"}, { - id: "2", - name: "Patrick Kwan", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-handsome-man_23-2148238926.jpg", - }, + id: "2", name: "Patrick Kwan", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-handsome-man_23-2148238926.jpg"}, { - id: "3", - name: "Ana Shah", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", - }, + id: "3", name: "Ana Shah", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg"}, { - id: "4", - name: "Kerry Wei", - imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", - }, + id: "4", name: "Kerry Wei", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg"}, { - id: "5", - name: "Sarah Miller", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-european-guy-living-alone-spending-all-day-home-while-social-distancing-being-optimistic-carefree-looking-camera-with-smile_343059-2035.jpg?_wi=2", - }, + id: "5", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-european-guy-living-alone-spending-all-day-home-while-social-distancing-being-optimistic-carefree-looking-camera-with-smile_343059-2035.jpg"}, ]} cardTitle="What Our Customers Say" cardTag="5.0 ⭐ Rated on Google" @@ -235,8 +152,7 @@ export default function LandingPage() {