From 4fe101b0cfbce4b62bcabf0b1348dd7355903898 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 19:06:03 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 259 +++++++++++------------------------------------ 1 file changed, 57 insertions(+), 202 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 6a5cad1..6bde1e5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,7 +10,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; -import { MessageSquare, Tool } from "lucide-react"; +import { MessageSquare, Wrench } from "lucide-react"; export default function LandingPage() { return ( @@ -31,25 +31,15 @@ export default function LandingPage() { @@ -59,86 +49,46 @@ export default function LandingPage() { @@ -151,41 +101,20 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Quality Materials", - description: "We use only the highest-grade, durable materials for long-lasting protection and aesthetic appeal.", - bentoComponent: "media-stack", - items: [ + title: "Quality Materials", description: "We use only the highest-grade, durable materials for long-lasting protection and aesthetic appeal.", bentoComponent: "media-stack", items: [ { - imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17367.jpg", - imageAlt: "Various types of roofing materials", - }, + imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17367.jpg", imageAlt: "Various types of roofing materials"}, { - imageSrc: "http://img.b2bpic.net/free-photo/worker-wearing-safety-glasses-construction-site_23-2148784066.jpg", - imageAlt: "Roofing worker wearing safety gear", - }, + imageSrc: "http://img.b2bpic.net/free-photo/worker-wearing-safety-glasses-construction-site_23-2148784066.jpg", imageAlt: "Roofing worker wearing safety gear"}, { - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", - imageAlt: "Inspector examining roof shingles", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg?_wi=2", - imageAlt: "various roofing materials samples", + imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", imageAlt: "Inspector examining roof shingles"}, + ] }, { - title: "Expert Craftsmanship", - description: "Our experienced team is dedicated to precision installation and meticulous attention to detail on every project.", - bentoComponent: "reveal-icon", - icon: Tool, - imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256900.jpg?_wi=2", - imageAlt: "various roofing materials samples", + title: "Expert Craftsmanship", description: "Our experienced team is dedicated to precision installation and meticulous attention to detail on every project.", bentoComponent: "reveal-icon", icon: Wrench }, { - title: "Customer Satisfaction", - description: "Your peace of mind is our priority. We ensure clear communication and exceptional service from start to finish.", - bentoComponent: "reveal-icon", - icon: MessageSquare, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tvfi2q", - imageAlt: "various roofing materials samples", + title: "Customer Satisfaction", description: "Your peace of mind is our priority. We ensure clear communication and exceptional service from start to finish.", bentoComponent: "reveal-icon", icon: MessageSquare }, ]} title="Comprehensive Roofing Services" @@ -201,20 +130,11 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "m1", - value: "20+", - description: "Years of Experience", - }, + id: "m1", value: "20+", description: "Years of Experience"}, { - id: "m2", - value: "500+", - description: "Projects Completed", - }, + id: "m2", value: "500+", description: "Projects Completed"}, { - id: "m3", - value: "98%", - description: "Customer Satisfaction", - }, + id: "m3", value: "98%", description: "Customer Satisfaction"}, ]} title="Our Achievements Speak Volumes" description="Years of dedication and countless successful projects define our commitment to excellence." @@ -226,14 +146,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "Certified Roofing Professionals", - "Licensed & Insured", - "Top-Rated Local Service", - "Quality Material Partners", - "Community Builders", - "Safety Compliant", - "Client Recommended", - ]} + "Certified Roofing Professionals", "Licensed & Insured", "Top-Rated Local Service", "Quality Material Partners", "Community Builders", "Safety Compliant", "Client Recommended"]} title="Trusted by Homeowners and Businesses Across OC" description="Our commitment to quality is recognized by leading industry partners and delighted clients." /> @@ -246,45 +159,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - name: "David M.", - role: "Homeowner, Irvine", - testimonial: "The team at OC Roofing was fantastic from start to finish. Our new roof looks amazing, and the process was smooth and efficient. Highly recommend!", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", - imageAlt: "David M.", - }, + id: "t1", name: "David M.", role: "Homeowner, Irvine", testimonial: "The team at OC Roofing was fantastic from start to finish. Our new roof looks amazing, and the process was smooth and efficient. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "David M."}, { - id: "t2", - name: "Emily R.", - role: "Property Manager, Newport Beach", - testimonial: "We've used OC Roofing for several commercial projects, and they consistently deliver quality work on time and within budget. True professionals.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg", - imageAlt: "Emily R.", - }, + id: "t2", name: "Emily R.", role: "Property Manager, Newport Beach", testimonial: "We've used OC Roofing for several commercial projects, and they consistently deliver quality work on time and within budget. True professionals.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg", imageAlt: "Emily R."}, { - id: "t3", - name: "Michael S.", - role: "Business Owner, Santa Ana", - testimonial: "After a storm, OC Roofing was quick to respond and repair our damaged roof. Their expertise and prompt service saved us a lot of trouble.", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg", - imageAlt: "Michael S.", - }, + id: "t3", name: "Michael S.", role: "Business Owner, Santa Ana", testimonial: "After a storm, OC Roofing was quick to respond and repair our damaged roof. Their expertise and prompt service saved us a lot of trouble.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg", imageAlt: "Michael S."}, { - id: "t4", - name: "Jessica L.", - role: "Homeowner, Laguna Niguel", - testimonial: "OC Roofing replaced our old, leaky roof. The crew was respectful and tidy, and the finished product exceeded our expectations. Fantastic work!", - imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-posing-new-flat_23-2147758899.jpg", - imageAlt: "Jessica L.", - }, + id: "t4", name: "Jessica L.", role: "Homeowner, Laguna Niguel", testimonial: "OC Roofing replaced our old, leaky roof. The crew was respectful and tidy, and the finished product exceeded our expectations. Fantastic work!", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-posing-new-flat_23-2147758899.jpg", imageAlt: "Jessica L."}, { - id: "t5", - name: "Robert K.", - role: "Retired, Mission Viejo", - testimonial: "I was impressed by the detailed estimate and transparent communication. The job was done perfectly, and I feel much safer under my new roof.", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-looking-tablet_23-2148214631.jpg", - imageAlt: "Robert K.", - }, + id: "t5", name: "Robert K.", role: "Retired, Mission Viejo", testimonial: "I was impressed by the detailed estimate and transparent communication. The job was done perfectly, and I feel much safer under my new roof.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-looking-tablet_23-2148214631.jpg", imageAlt: "Robert K."}, ]} title="Hear From Our Happy Clients" description="Discover why OC Roofing Construction Corp. is the preferred choice for reliable roofing services." @@ -295,16 +178,13 @@ export default function LandingPage() { @@ -314,62 +194,37 @@ export default function LandingPage() { logoText="OC Roofing Construction Corp." columns={[ { - title: "Services", - items: [ + title: "Services", items: [ { - label: "Residential Roofing", - href: "/work-done#residential", - }, + label: "Residential Roofing", href: "/work-done#residential"}, { - label: "Commercial Roofing", - href: "/work-done#commercial", - }, + label: "Commercial Roofing", href: "/work-done#commercial"}, { - label: "Roof Repair", - href: "/work-done#repair", - }, + label: "Roof Repair", href: "/work-done#repair"}, { - label: "New Installations", - href: "/work-done#new-installations", - }, + label: "New Installations", href: "/work-done#new-installations"}, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { - label: "Our Work", - href: "/work-done", - }, + label: "Our Work", href: "/work-done"}, { - label: "Reviews", - href: "/reviews", - }, + label: "Reviews", href: "/reviews"}, { - label: "About Us", - href: "#about", - }, + label: "About Us", href: "#about"}, { - label: "Contact", - href: "/contact", - }, + label: "Contact", href: "/contact"}, ], }, { - title: "Connect", - items: [ + title: "Connect", items: [ { - label: "Schedule Estimate", - href: "/schedule", - }, + label: "Schedule Estimate", href: "/schedule"}, { - label: "jf.roofing@yahoo.com", - href: "mailto:jf.roofing@yahoo.com", - }, + label: "jf.roofing@yahoo.com", href: "mailto:jf.roofing@yahoo.com"}, { - label: "714-713-2336", - href: "tel:7147132336", - }, + label: "714-713-2336", href: "tel:7147132336"}, ], }, ]}