From 1c554f945ba268945ee9d7b129a63e1a30a8e338 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 20 Apr 2026 09:45:04 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 313 +++++++++++------------------------------------ 1 file changed, 69 insertions(+), 244 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index af48c8b..9e75d9b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,7 +11,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import ProductCardFour from '@/components/sections/product/ProductCardFour'; import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; -import { Building, Camera, FileText, Tool, Wrench, Zap } from "lucide-react"; +import { Building, Camera, FileText, Wrench, Zap, Hammer } from "lucide-react"; export default function LandingPage() { return ( @@ -32,21 +32,13 @@ export default function LandingPage() { @@ -58,74 +50,40 @@ export default function LandingPage() { description="Premium roof replacement, repairs, inspections & storm restoration with white-glove service and unmatched craftsmanship." testimonials={[ { - name: "Marcus Friday", - handle: "@mfriday", - testimonial: "From start to finish, handled with professionalism, care and integrity.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-father-posing-while-giving-thumbs-up_23-2148414860.jpg?_wi=1", - }, + name: "Marcus Friday", handle: "@mfriday", testimonial: "From start to finish, handled with professionalism, care and integrity.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/happy-father-posing-while-giving-thumbs-up_23-2148414860.jpg"}, { - name: "Allan Owen", - handle: "@aowen", - testimonial: "Best home decision I have made.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-real-estate-agent-working_23-2150322086.jpg?_wi=1", - }, + name: "Allan Owen", handle: "@aowen", testimonial: "Best home decision I have made.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-real-estate-agent-working_23-2150322086.jpg"}, { - name: "Dan Killam", - handle: "@dkillam", - testimonial: "Seamless process. Constant updates with drone footage.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-415.jpg?_wi=1", - }, + name: "Dan Killam", handle: "@dkillam", testimonial: "Seamless process. Constant updates with drone footage.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-415.jpg"}, { - name: "Sarah Miller", - handle: "@smiller", - testimonial: "The cleanup was spotless, and the team was incredibly respectful.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg?_wi=1", - }, + name: "Sarah Miller", handle: "@smiller", testimonial: "The cleanup was spotless, and the team was incredibly respectful.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg"}, { - name: "John Doe", - handle: "@jdoe", - testimonial: "Unmatched expertise. My roof looks incredible.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-showing-new-house-smiley-couple-laptop_23-2148895494.jpg?_wi=1", - }, + name: "John Doe", handle: "@jdoe", testimonial: "Unmatched expertise. My roof looks incredible.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-showing-new-house-smiley-couple-laptop_23-2148895494.jpg"}, ]} buttons={[ { - text: "Get Free Inspection", - href: "#contact", - }, + text: "Get Free Inspection", href: "#contact"}, { - text: "Call Now", - href: "tel:5550102", - }, + text: "Call Now", href: "tel:5550102"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/beautiful-swimming-pool-resort_1339-7054.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/beautiful-swimming-pool-resort_1339-7054.jpg" imageAlt="Aerial shot of a luxury roof installation" avatars={[ { - src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-showing-thumbs-up_1262-2446.jpg", - alt: "Customer testimonial 1", - }, + src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-showing-thumbs-up_1262-2446.jpg", alt: "Customer testimonial 1"}, { - src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", - alt: "Customer testimonial 2", - }, + src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", alt: "Customer testimonial 2"}, { - src: "http://img.b2bpic.net/free-photo/smiling-happy-senior-man-using-digital-tablet_1262-1985.jpg", - alt: "Customer testimonial 3", - }, + src: "http://img.b2bpic.net/free-photo/smiling-happy-senior-man-using-digital-tablet_1262-1985.jpg", alt: "Customer testimonial 3"}, { - src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-salon_23-2149220534.jpg", - alt: "Customer testimonial 4", - }, + src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-salon_23-2149220534.jpg", alt: "Customer testimonial 4"}, { - src: "http://img.b2bpic.net/free-photo/front-view-man-showing-approval_23-2148269236.jpg", - alt: "Customer testimonial 5", - }, + src: "http://img.b2bpic.net/free-photo/front-view-man-showing-approval_23-2148269236.jpg", alt: "Customer testimonial 5"}, ]} avatarText="Trusted by 3,605+ local homeowners" /> @@ -138,25 +96,13 @@ export default function LandingPage() { tag="Trusted By Thousands" metrics={[ { - id: "m1", - value: "3,605+", - description: "Verified Customer Reviews", - }, + id: "m1", value: "3,605+", description: "Verified Customer Reviews"}, { - id: "m2", - value: "5.0", - description: "Google Rating Average", - }, + id: "m2", value: "5.0", description: "Google Rating Average"}, { - id: "m3", - value: "12+", - description: "Years of Experience", - }, + id: "m3", value: "12+", description: "Years of Experience"}, { - id: "m4", - value: "24h", - description: "Emergency Response Time", - }, + id: "m4", value: "24h", description: "Emergency Response Time"}, ]} metricsAnimation="slide-up" /> @@ -169,106 +115,58 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Roof Replacement", - description: "Upgrade your home's protection with top-tier materials.", - icon: Tool, + title: "Roof Replacement", description: "Upgrade your home's protection with top-tier materials.", icon: Hammer, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-climbing-roof-with-electric-guitar_23-2148680354.jpg", - imageAlt: "New roof installation", - }, + imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-climbing-roof-with-electric-guitar_23-2148680354.jpg", imageAlt: "New roof installation"}, { - imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg", - imageAlt: "New roof installation", - }, + imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg", imageAlt: "New roof installation"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-swimming-pool-resort_1339-7054.jpg?_wi=2", - imageAlt: "new roof installation professional residential", }, { - title: "Roof Repair", - description: "Fast, reliable fixes for leaks and storm damage.", - icon: Wrench, + title: "Roof Repair", description: "Fast, reliable fixes for leaks and storm damage.", icon: Wrench, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", - imageAlt: "Expert roof repair", - }, + imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Expert roof repair"}, { - imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg", - imageAlt: "Expert roof repair", - }, + imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg", imageAlt: "Expert roof repair"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/happy-father-posing-while-giving-thumbs-up_23-2148414860.jpg?_wi=2", - imageAlt: "new roof installation professional residential", }, { - title: "Roof Inspection", - description: "Advanced drone technology for detailed assessments.", - icon: Camera, + title: "Roof Inspection", description: "Advanced drone technology for detailed assessments.", icon: Camera, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-old-man-looking-tablet_23-2148269414.jpg", - imageAlt: "Drone roof inspection", - }, + imageSrc: "http://img.b2bpic.net/free-photo/side-view-old-man-looking-tablet_23-2148269414.jpg", imageAlt: "Drone roof inspection"}, { - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg", - imageAlt: "Drone roof inspection", - }, + imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg", imageAlt: "Drone roof inspection"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/front-view-real-estate-agent-working_23-2150322086.jpg?_wi=2", - imageAlt: "new roof installation professional residential", }, { - title: "Insurance Help", - description: "Managing the complex claims process for you.", - icon: FileText, + title: "Insurance Help", description: "Managing the complex claims process for you.", icon: FileText, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg", - imageAlt: "Roof insurance help", - }, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg", imageAlt: "Roof insurance help"}, { - imageSrc: "http://img.b2bpic.net/free-photo/house-human-hands-white_1150-12958.jpg", - imageAlt: "Roof insurance help", - }, + imageSrc: "http://img.b2bpic.net/free-photo/house-human-hands-white_1150-12958.jpg", imageAlt: "Roof insurance help"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-415.jpg?_wi=2", - imageAlt: "new roof installation professional residential", }, { - title: "Commercial Roofing", - description: "Dependable systems for local businesses.", - icon: Building, + title: "Commercial Roofing", description: "Dependable systems for local businesses.", icon: Building, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16015.jpg", - imageAlt: "Commercial roof installation", - }, + imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16015.jpg", imageAlt: "Commercial roof installation"}, { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-schematics_23-2148269844.jpg", - imageAlt: "Commercial roof installation", - }, + imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-schematics_23-2148269844.jpg", imageAlt: "Commercial roof installation"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg?_wi=2", - imageAlt: "new roof installation professional residential", }, { - title: "Emergency Roofing", - description: "Rapid response during urgent roofing crises.", - icon: Zap, + title: "Emergency Roofing", description: "Rapid response during urgent roofing crises.", icon: Zap, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg", - imageAlt: "Emergency roof service", - }, + imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg", imageAlt: "Emergency roof service"}, { - imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29993.jpg", - imageAlt: "Emergency roof service", - }, + imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29993.jpg", imageAlt: "Emergency roof service"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-showing-new-house-smiley-couple-laptop_23-2148895494.jpg?_wi=2", - imageAlt: "new roof installation professional residential", }, ]} title="Premium Roofing Services" @@ -281,13 +179,7 @@ export default function LandingPage() { useInvertedBackground={false} title="The Accent Roofing Standard" description={[ - "White-Glove Communication: Real-time updates from start to finish.", - "Drone Transparency: Before, during, and after project photos.", - "Elite Cleanup: Magnetic sweeps ensuring a spotless finish.", - "Premium Materials: Only top-tier shingles and systems used.", - "Skilled Crews: Only our most experienced installers on site.", - "Warranty Protection: Long-term peace of mind for every homeowner.", - ]} + "White-Glove Communication: Real-time updates from start to finish.", "Drone Transparency: Before, during, and after project photos.", "Elite Cleanup: Magnetic sweeps ensuring a spotless finish.", "Premium Materials: Only top-tier shingles and systems used.", "Skilled Crews: Only our most experienced installers on site.", "Warranty Protection: Long-term peace of mind for every homeowner."]} /> @@ -299,47 +191,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "g1", - name: "Modern Roof Transformation", - price: "View Project", - variant: "Premium", - imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg", - }, + id: "g1", name: "Modern Roof Transformation", price: "View Project", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg"}, { - id: "g2", - name: "Luxury Custom Project", - price: "View Project", - variant: "Premium", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg", - }, + id: "g2", name: "Luxury Custom Project", price: "View Project", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg"}, { - id: "g3", - name: "Storm Restoration Work", - price: "View Project", - variant: "Premium", - imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg", - }, + id: "g3", name: "Storm Restoration Work", price: "View Project", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg"}, { - id: "g4", - name: "Architectural Shingle Project", - price: "View Project", - variant: "Premium", - imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg", - }, + id: "g4", name: "Architectural Shingle Project", price: "View Project", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg"}, { - id: "g5", - name: "Real Estate Renovation", - price: "View Project", - variant: "Premium", - imageSrc: "http://img.b2bpic.net/free-photo/abandoned-house-with-rusty-stairs_23-2149454810.jpg", - }, + id: "g5", name: "Real Estate Renovation", price: "View Project", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/abandoned-house-with-rusty-stairs_23-2149454810.jpg"}, { - id: "g6", - name: "Complex Shingle Design", - price: "View Project", - variant: "Premium", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-house-with-big-windows_23-2149343704.jpg", - }, + id: "g6", name: "Complex Shingle Design", price: "View Project", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-house-with-big-windows_23-2149343704.jpg"}, ]} title="See the Difference" description="Transformations from our latest luxury projects." @@ -352,25 +214,13 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "f1", - title: "How long does a roof installation take?", - content: "Most residential projects are completed in 1-2 days.", - }, + id: "f1", title: "How long does a roof installation take?", content: "Most residential projects are completed in 1-2 days."}, { - id: "f2", - title: "Are you licensed and insured?", - content: "Yes, we are fully licensed and carry comprehensive insurance for all projects.", - }, + id: "f2", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and carry comprehensive insurance for all projects."}, { - id: "f3", - title: "Do you provide warranties?", - content: "We offer comprehensive labor and material warranties for your peace of mind.", - }, + id: "f3", title: "Do you provide warranties?", content: "We offer comprehensive labor and material warranties for your peace of mind."}, { - id: "f4", - title: "How do I schedule an inspection?", - content: "Call us or click 'Schedule Inspection' to get your free report.", - }, + id: "f4", title: "How do I schedule an inspection?", content: "Call us or click 'Schedule Inspection' to get your free report."}, ]} title="Your Roofing Questions, Answered." description="Everything you need to know about your next roofing project." @@ -382,18 +232,13 @@ export default function LandingPage() { @@ -404,53 +249,33 @@ export default function LandingPage() { { items: [ { - label: "Home", - href: "#hero", - }, + label: "Home", href: "#hero"}, { - label: "Services", - href: "#services", - }, + label: "Services", href: "#services"}, { - label: "Process", - href: "#process", - }, + label: "Process", href: "#process"}, { - label: "Reviews", - href: "#testimonials", - }, + label: "Reviews", href: "#testimonials"}, ], }, { items: [ { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, { - label: "Terms of Service", - href: "#", - }, + label: "Terms of Service", href: "#"}, { - label: "License Info", - href: "#", - }, + label: "License Info", href: "#"}, ], }, { items: [ { - label: "Contact Us", - href: "#contact", - }, + label: "Contact Us", href: "#contact"}, { - label: "Book Inspection", - href: "#contact", - }, + label: "Book Inspection", href: "#contact"}, { - label: "Social Links", - href: "#", - }, + label: "Social Links", href: "#"}, ], }, ]} -- 2.49.1