diff --git a/src/app/page.tsx b/src/app/page.tsx index 6c8550c..3788fa1 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,6 +12,7 @@ import FaqDouble from "@/components/sections/faq/FaqDouble"; import FeatureCardTen from "@/components/sections/feature/FeatureCardTen"; import ContactSplitForm from "@/components/sections/contact/ContactSplitForm"; import FooterBase from "@/components/sections/footer/FooterBase"; +import ProductCardOne from "@/components/sections/product/ProductCardOne"; import { Shield, Wrench, Search, HelpCircle, ClipboardCheck, Phone, HardHat, CheckCircle, Clock, Users, Award, ThumbsUp, Star } from "lucide-react"; export default function RoofingPage() { @@ -35,9 +36,10 @@ export default function RoofingPage() { navItems={[ { name: "About", id: "about" }, { name: "Services", id: "services" }, + { name: "Projects", id: "projects" }, { name: "Testimonials", id: "testimonials" }, { name: "FAQ", id: "faq" }, - { name: "Contact", id: "contact" }, + { name: "Contact", id: "contact" } ]} button={{ text: "Free Estimate", href: "#contact" }} /> @@ -49,7 +51,7 @@ export default function RoofingPage() { avatars={[ { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/contact.webp", alt: "Roofing professional" }, { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/custom-proposal.webp", alt: "Roofer carrying tiles" }, - { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/avatar-3.webp", alt: "Technician inspecting roof" }, + { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/avatar-3.webp", alt: "Technician inspecting roof" } ]} avatarText="Professional Roofing Services" avatarGroupClassName="[&_div.overflow-hidden]:h-10 [&_div.overflow-hidden]:aspect-square [&>p]:whitespace-nowrap" @@ -57,7 +59,7 @@ export default function RoofingPage() { description="Trusted by homeowners for over 25 years. From storm damage repairs to full roof replacements, Summit Roofing delivers quality craftsmanship you can count on." buttons={[ { text: "Get Free Estimate", href: "#contact" }, - { text: "Our Services", href: "#services" }, + { text: "Our Services", href: "#services" } ]} buttonAnimation="slide-up" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/hero-main.webp" @@ -69,36 +71,24 @@ export default function RoofingPage() { { type: "text-icon", text: "Licensed & Insured", icon: Shield }, { type: "text-icon", text: "Free Estimates", icon: Award }, { type: "text-icon", text: "Lifetime Warranty", icon: Star }, - { type: "text-icon", text: "5-Star Rated", icon: ThumbsUp }, + { type: "text-icon", text: "5-Star Rated", icon: ThumbsUp } ]} testimonials={[ { - name: "James Mitchell", - handle: "Homeowner, Dallas TX", - testimonial: - "Summit replaced our entire roof in two days. Professional crew, clean job site, and the new roof looks incredible.", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/robert-thompson.webp", - imageAlt: "James Mitchell", + name: "James Mitchell", handle: "Homeowner, Dallas TX", testimonial: + "Summit replaced our entire roof in two days. Professional crew, clean job site, and the new roof looks incredible.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/robert-thompson.webp", imageAlt: "James Mitchell" }, { - name: "Karen O'Brien", - handle: "Homeowner, Fort Worth TX", - testimonial: - "After the hailstorm, Summit handled our insurance claim and had us covered within a week. Truly outstanding service.", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/patricia-nguyen.webp", - imageAlt: "Karen O'Brien", + name: "Karen O'Brien", handle: "Homeowner, Fort Worth TX", testimonial: + "After the hailstorm, Summit handled our insurance claim and had us covered within a week. Truly outstanding service.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/patricia-nguyen.webp", imageAlt: "Karen O'Brien" }, { - name: "David & Lisa Park", - handle: "Homeowners, Plano TX", - testimonial: - "We got three quotes and Summit offered the best value with a lifetime warranty. No-brainer decision.", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/steve-amy-collins.webp", - imageAlt: "David and Lisa Park", - }, + name: "David & Lisa Park", handle: "Homeowners, Plano TX", testimonial: + "We got three quotes and Summit offered the best value with a lifetime warranty. No-brainer decision.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/steve-amy-collins.webp", imageAlt: "David and Lisa Park" + } ]} /> @@ -109,30 +99,22 @@ export default function RoofingPage() { description="Summit Roofing has been protecting homes since 1999. We combine old-school craftsmanship with modern materials and techniques to deliver roofs that last a lifetime." bulletPoints={[ { - title: "Licensed & Insured", - description: - "Fully licensed, bonded, and insured for your complete peace of mind.", - icon: Shield, + title: "Licensed & Insured", description: + "Fully licensed, bonded, and insured for your complete peace of mind.", icon: Shield }, { - title: "Lifetime Warranty", - description: - "Every installation backed by our industry-leading lifetime workmanship warranty.", - icon: Wrench, + title: "Lifetime Warranty", description: + "Every installation backed by our industry-leading lifetime workmanship warranty.", icon: Wrench }, { - title: "Free Inspections", - description: - "Complimentary roof inspections with honest assessments — no pressure, no hidden fees.", - icon: Search, - }, + title: "Free Inspections", description: + "Complimentary roof inspections with honest assessments — no pressure, no hidden fees.", icon: Search + } ]} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/hero.webp" imageAlt="Roofing crew installing a new roof" mediaBadge={{ - text: "25+ Years", - avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/avatar-3.webp", - avatarAlt: "Roofing professional" + text: "25+ Years", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/avatar-3.webp", avatarAlt: "Roofing professional" }} imagePosition="right" mediaAnimation="slide-up" @@ -147,33 +129,21 @@ export default function RoofingPage() { description="From new installations to emergency repairs, we have your roof covered." features={[ { - title: "Roof Installation", - description: - "Complete roof installations using premium materials from GAF, Owens Corning, and CertainTeed.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/roofing-installation.webp", - imageAlt: "New roof installation", + title: "Roof Installation", description: + "Complete roof installations using premium materials from GAF, Owens Corning, and CertainTeed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/roofing-installation.webp", imageAlt: "New roof installation" }, { - title: "Roof Repair", - description: - "Fast, reliable repairs for leaks, missing shingles, flashing damage, and storm damage.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/roofing-repair.webp", - imageAlt: "Roof repair service", + title: "Roof Repair", description: + "Fast, reliable repairs for leaks, missing shingles, flashing damage, and storm damage.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/roofing-repair.webp", imageAlt: "Roof repair service" }, { - title: "Roof Inspection", - description: - "Detailed inspections with photo documentation and transparent repair recommendations.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/roofing-inspection.webp", - imageAlt: "Roof inspection", + title: "Roof Inspection", description: + "Detailed inspections with photo documentation and transparent repair recommendations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/roofing-inspection.webp", imageAlt: "Roof inspection" }, { - title: "Emergency Services", - description: - "24/7 emergency tarping and repairs when storms hit. We respond within hours, not days.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/emergency-services.webp", - imageAlt: "Emergency roofing service", - }, + title: "Emergency Services", description: + "24/7 emergency tarping and repairs when storms hit. We respond within hours, not days.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/emergency-services.webp", imageAlt: "Emergency roofing service" + } ]} gridVariant="uniform-all-items-equal" animationType="slide-up" @@ -188,32 +158,17 @@ export default function RoofingPage() { description="Decades of experience and thousands of satisfied homeowners stand behind every Summit roof." metrics={[ { - id: "1", - value: "500+", - title: "Roofs Completed", - description: - "Over 500 residential and commercial roofing projects delivered on time and on budget.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/roofs-completed.webp", - imageAlt: "Completed roofing projects", + id: "1", value: "500+", title: "Roofs Completed", description: + "Over 500 residential and commercial roofing projects delivered on time and on budget.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/roofs-completed.webp", imageAlt: "Completed roofing projects" }, { - id: "2", - value: "25+", - title: "Years Experience", - description: - "A quarter century of protecting homes with quality materials and expert installation.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/years-experience.webp", - imageAlt: "Experienced roofing team", + id: "2", value: "25+", title: "Years Experience", description: + "A quarter century of protecting homes with quality materials and expert installation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/years-experience.webp", imageAlt: "Experienced roofing team" }, { - id: "3", - value: "98%", - title: "Customer Satisfaction", - description: - "Nearly every homeowner we work with recommends Summit Roofing to their friends and neighbors.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/customer-satisfaction.webp", - imageAlt: "Satisfied customers", - }, + id: "3", value: "98%", title: "Customer Satisfaction", description: + "Nearly every homeowner we work with recommends Summit Roofing to their friends and neighbors.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/customer-satisfaction.webp", imageAlt: "Satisfied customers" + } ]} animationType="slide-up" textboxLayout="default" @@ -227,50 +182,41 @@ export default function RoofingPage() { description="From first call to final inspection, our process is designed to be simple, transparent, and stress-free." features={[ { - title: "Free Inspection", - description: - "We start with a thorough roof inspection and provide an honest assessment with photos — completely free, no obligations.", - media: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/free-inspection.webp", - imageAlt: "Roof inspection process", + title: "Free Inspection", description: + "We start with a thorough roof inspection and provide an honest assessment with photos — completely free, no obligations.", media: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/free-inspection.webp", imageAlt: "Roof inspection process" }, items: [ { icon: Phone, text: "Schedule online or call us" }, { icon: ClipboardCheck, text: "Detailed photo report" }, - { icon: Shield, text: "Honest recommendation" }, + { icon: Shield, text: "Honest recommendation" } ], - reverse: false, + reverse: false }, { - title: "Custom Proposal", - description: - "You'll receive a clear, itemized proposal with material options, timeline, and pricing — no hidden fees or surprises.", - media: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/custom-proposal.webp", - imageAlt: "Roofing proposal and planning", + title: "Custom Proposal", description: + "You'll receive a clear, itemized proposal with material options, timeline, and pricing — no hidden fees or surprises.", media: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/custom-proposal.webp", imageAlt: "Roofing proposal and planning" }, items: [ { icon: ClipboardCheck, text: "Transparent line-item pricing" }, { icon: Shield, text: "Insurance claim assistance" }, - { icon: Wrench, text: "Material and color selection" }, + { icon: Wrench, text: "Material and color selection" } ], - reverse: true, + reverse: true }, { - title: "Expert Installation", - description: - "Our certified crew handles everything — from tear-off to cleanup. Most jobs are completed in just 1-2 days.", - media: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/about.webp", - imageAlt: "Professional roof installation", + title: "Expert Installation", description: + "Our certified crew handles everything — from tear-off to cleanup. Most jobs are completed in just 1-2 days.", media: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/about.webp", imageAlt: "Professional roof installation" }, items: [ { icon: HardHat, text: "Certified installation crew" }, { icon: Wrench, text: "Premium materials only" }, - { icon: CheckCircle, text: "Full site cleanup included" }, + { icon: CheckCircle, text: "Full site cleanup included" } ], - reverse: false, - }, + reverse: false + } ]} buttons={[{ text: "Get Started", href: "#contact" }]} animationType="slide-up" @@ -279,47 +225,52 @@ export default function RoofingPage() { /> +