From 7584a6e02b6382c8fc55f23e826fbeda6d9f457d Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 8 Mar 2026 13:31:59 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 413 +++++++++++++++++------------------------------ 1 file changed, 147 insertions(+), 266 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9b1dd30..9d77ec1 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,299 +1,180 @@ "use client"; -import Link from "next/link"; -import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; -import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; -import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel"; -import SplitAbout from "@/components/sections/about/SplitAbout"; -import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia"; -import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve"; -import ContactCenter from "@/components/sections/contact/ContactCenter"; -import FooterBase from "@/components/sections/footer/FooterBase"; -import { Star, CheckCircle, Clock, DollarSign, Sparkles, Brain, Wrench, ListChecks, AlertCircle, Heart } from "lucide-react"; +import { ThemeProvider } from "@/components/theme/ThemeProvider"; +import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; +import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial"; +import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo"; +import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo"; +import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia"; +import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; +import { Star } from "lucide-react"; -export default function HomePage() { - const navItems = [ - { name: "Services", id: "services" }, - { name: "Why Us", id: "why-us" }, - { name: "Reviews", id: "reviews" }, - { name: "Contact", id: "contact" }, - ]; +const testimonials = [ + { + id: "1", name: "John Martinez", role: "Homeowner, Downtown", testimonial: "Lavelle Roofing fixed our roof after a storm. They were professional, honest, and finished on time. Highly recommended!", imageSrc: "/testimonials/john-martinez.jpg", imageAlt: "John Martinez" + }, + { + id: "2", name: "Sarah Chen", role: "Property Manager", testimonial: "We manage 15 commercial properties. Lavelle Roofing is our go-to contractor. Their quality and reliability are unmatched.", imageSrc: "/testimonials/sarah-chen.jpg", imageAlt: "Sarah Chen" + }, + { + id: "3", name: "Michael Thompson", role: "Business Owner", testimonial: "Emergency roof repair at 2 AM. They responded immediately and saved us from major water damage. Exceptional service!", imageSrc: "/testimonials/michael-thompson.jpg", imageAlt: "Michael Thompson" + }, + { + id: "4", name: "Jennifer Rodriguez", role: "Homeowner, Suburbs", testimonial: "Got three quotes for a full roof replacement. Lavelle's price was fair and their workmanship is outstanding. 5 stars!", imageSrc: "/testimonials/jennifer-rodriguez.jpg", imageAlt: "Jennifer Rodriguez" + }, + { + id: "5", name: "David Kim", role: "HOA Board Member", testimonial: "The team coordinated our community roof project perfectly. Professional, punctual, and left no mess. Wonderful to work with.", imageSrc: "/testimonials/david-kim.jpg", imageAlt: "David Kim" + } +]; - const handleGetQuoteClick = () => { - const contactSection = document.getElementById("contact"); - if (contactSection) { - contactSection.scrollIntoView({ behavior: "smooth" }); - } - }; +const heroTestimonials = [ + { + name: "John Martinez", handle: "Homeowner, Downtown", testimonial: "Lavelle Roofing fixed our roof after a storm. Professional and on time!", rating: 5, + imageSrc: "/testimonials/john-martinez.jpg", imageAlt: "John Martinez" + }, + { + name: "Sarah Chen", handle: "Property Manager", testimonial: "Their quality and reliability are unmatched. Our go-to contractor.", rating: 5, + imageSrc: "/testimonials/sarah-chen.jpg", imageAlt: "Sarah Chen" + }, + { + name: "Michael Thompson", handle: "Business Owner", testimonial: "Emergency response saved us from major water damage. Exceptional!", rating: 5, + imageSrc: "/testimonials/michael-thompson.jpg", imageAlt: "Michael Thompson" + } +]; - const footerColumns = [ - { - title: "Services", items: [ - { label: "Roof Repairs", href: "#services" }, - { label: "Flat Roof Installation", href: "#services" }, - { label: "Chimney Repairs", href: "#services" }, - { label: "Guttering & Drainage", href: "#services" }, - { label: "Emergency Roofing", href: "#services" }, - ], - }, - { - title: "Company", items: [ - { label: "About Us", href: "#why-us" }, - { label: "Reviews", href: "#reviews" }, - { label: "Contact", href: "#contact" }, - { label: "FAQ", href: "#" }, - { label: "Blog", href: "#" }, - ], - }, - { - title: "Legal", items: [ - { label: "Privacy Policy", href: "#" }, - { label: "Terms of Service", href: "#" }, - { label: "Insurance & Certifications", href: "#" }, - { label: "Fully Insured", href: "#" }, - ], - }, - ]; +const metrics = [ + { + id: "1", value: "20+", description: "Years of Experience" + }, + { + id: "2", value: "5,000+", description: "Satisfied Customers" + }, + { + id: "3", value: "98%", description: "Customer Satisfaction" + }, + { + id: "4", value: "24/7", description: "Emergency Response" + } +]; +const faqs = [ + { + id: "1", title: "How quickly can you respond to emergency repairs?", content: "We offer 24/7 emergency response. Most emergency calls are responded to within 2 hours during business hours and within 4 hours after hours. We understand that roof damage requires immediate attention to prevent further property damage." + }, + { + id: "2", title: "What is the typical lifespan of a new roof?", content: "Most modern roofing materials last 15-25 years depending on the material type and climate conditions. We use high-quality materials and expert installation to ensure maximum longevity. We also recommend annual inspections to catch and repair issues early." + }, + { + id: "3", title: "Do you offer warranties on your work?", content: "Yes! We offer a 10-year workmanship warranty on all our installations and major repairs. We also work with top roofing manufacturers who provide material warranties ranging from 15-30 years depending on the product." + }, + { + id: "4", title: "Will you work with my insurance company?", content: "Absolutely. We have extensive experience working with insurance adjusters and claims. We can provide detailed estimates, documentation, and coordinate directly with your insurance company to streamline the claims process." + }, + { + id: "5", title: "What types of roofing materials do you install?", content: "We install asphalt shingles, metal roofing, tile roofing, flat roofing systems, and more. We can recommend the best material for your climate, budget, and aesthetic preferences during a free consultation." + }, + { + id: "6", title: "How can I prepare for a roof installation?", content: "We'll handle most of the preparation. We recommend clearing the area around your home of vehicles and outdoor furniture. We'll protect your landscaping and ensure minimal disruption. Our team will communicate the timeline and any special instructions during the initial consultation." + } +]; + +export default function Home() { return ( - +
- { - window.location.href = "tel:+1234567890"; - }, - }, - ]} - buttonAnimation="slide-up" - carouselPosition="right" - /> -
- -
-
- -
- { - const servicesSection = document.getElementById("services"); - if (servicesSection) { - servicesSection.scrollIntoView({ behavior: "smooth" }); - } - }, - }, - ], - }, - { - id: "2", title: "Flat Roof Installation", description: "Durable modern flat roofing systems built to last with professional installation.", tag: "Installation", imageSrc: "http://img.b2bpic.net/free-photo/bison-race-obstacle-race-sports-competition-belarus-may-2019_1321-3203.jpg?_wi=2", imageAlt: "Modern flat roof installation", buttons: [ - { - text: "Learn More", onClick: () => { - const servicesSection = document.getElementById("services"); - if (servicesSection) { - servicesSection.scrollIntoView({ behavior: "smooth" }); - } - }, - }, - ], - }, - { - id: "3", title: "Chimney Repairs", description: "Repointing, chimney restoration and leak prevention with expert workmanship.", tag: "Repairs", imageSrc: "http://img.b2bpic.net/free-photo/plasterer-renovating-indoor-walls_1150-9959.jpg?_wi=2", imageAlt: "Professional chimney repair", buttons: [ - { - text: "Learn More", onClick: () => { - const servicesSection = document.getElementById("services"); - if (servicesSection) { - servicesSection.scrollIntoView({ behavior: "smooth" }); - } - }, - }, - ], - }, - { - id: "4", title: "Guttering & Drainage", description: "Repairs, replacements and cleaning to prevent damp issues and water damage.", tag: "Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/focused-plumber-working-assembling-pipelines-install-plumbing-system-while-building-new-house_662251-539.jpg?_wi=2", imageAlt: "Professional guttering installation", buttons: [ - { - text: "Learn More", onClick: () => { - const servicesSection = document.getElementById("services"); - if (servicesSection) { - servicesSection.scrollIntoView({ behavior: "smooth" }); - } - }, - }, - ], - }, - { - id: "5", title: "Emergency Roofing", description: "Fast response to urgent roof leaks or storm damage when you need it most.", tag: "24/7 Response", imageSrc: "http://img.b2bpic.net/free-photo/boy-red-coat-looks-busy-talking-phone_8353-1103.jpg?_wi=2", imageAlt: "Emergency roof damage response", buttons: [ - { - text: "Call Now", onClick: () => { - window.location.href = "tel:+1234567890"; - }, - }, - ], - }, + { text: "Get Free Estimate", href: "#contact" }, + { text: "Call Now", href: "tel:+1-555-0123" } ]} />
-
-
- + +
+ +
+
- { - console.log("Emergency contact email:", email); - }} - /> -
- - -- 2.49.1