Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-06-10 20:43:45 +00:00

View File

@@ -13,7 +13,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne'; import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Building, Home, Tool } from "lucide-react"; import { Building, Home, Wrench } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -34,25 +34,15 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Reviews", name: "Reviews", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Drew Metzler Roofing" brandName="Drew Metzler Roofing"
/> />
@@ -61,65 +51,40 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCentered <HeroCentered
background={{ background={{
variant: "downward-rays-static-grid", variant: "downward-rays-static-grid"}}
}}
title="Your Trusted Roofing Experts" title="Your Trusted Roofing Experts"
description="Drew Metzler Roofing provides top-quality roofing solutions for homes and businesses. With years of experience and a commitment to excellence, we protect what matters most." description="Drew Metzler Roofing provides top-quality roofing solutions for homes and businesses. With years of experience and a commitment to excellence, we protect what matters most."
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/front-view-worker-construction-wearing-protection-gear_23-2148784061.jpg", src: "http://img.b2bpic.net/free-photo/front-view-worker-construction-wearing-protection-gear_23-2148784061.jpg", alt: "John Doe"},
alt: "John Doe",
},
{ {
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-drill_23-2149366634.jpg", src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-drill_23-2149366634.jpg", alt: "Jane Smith"},
alt: "Jane Smith",
},
{ {
src: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg", src: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg", alt: "Robert Johnson"},
alt: "Robert Johnson",
},
{ {
src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-pointing-you_93675-134385.jpg", src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-pointing-you_93675-134385.jpg", alt: "Emily White"},
alt: "Emily White",
},
{ {
src: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg", src: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg", alt: "Smiley Young Man"},
alt: "Smiley Young Man",
},
]} ]}
avatarText="Over 1000 Happy Customers" avatarText="Over 1000 Happy Customers"
buttons={[ buttons={[
{ {
text: "Get a Free Estimate", text: "Get a Free Estimate", href: "#contact"},
href: "#contact",
},
{ {
text: "View Our Services", text: "View Our Services", href: "#services"},
href: "#services",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Quality Workmanship"},
text: "Quality Workmanship",
},
{ {
type: "text", type: "text", text: "Experienced Team"},
text: "Experienced Team",
},
{ {
type: "text", type: "text", text: "Free Estimates"},
text: "Free Estimates",
},
{ {
type: "text", type: "text", text: "Customer Satisfaction"},
text: "Customer Satisfaction",
},
{ {
type: "text", type: "text", text: "Durable Materials"},
text: "Durable Materials",
},
]} ]}
/> />
</div> </div>
@@ -133,9 +98,7 @@ export default function LandingPage() {
tagIcon={Building} tagIcon={Building}
buttons={[ buttons={[
{ {
text: "Learn More", text: "Learn More", href: "#"},
href: "#",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg" imageSrc="http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg"
@@ -150,55 +113,31 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Residential Roofing", title: "Residential Roofing", description: "Protect your home with our expert residential roofing services, including new installations, repairs, and inspections.", icon: Home,
description: "Protect your home with our expert residential roofing services, including new installations, repairs, and inspections.",
icon: Home,
mediaItems: [ mediaItems: [
{ {
imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof_23-2148748814.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof_23-2148748814.jpg", imageAlt: "New residential roof"},
imageAlt: "New residential roof",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-house-with-big-windows_23-2149343704.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-house-with-big-windows_23-2149343704.jpg", imageAlt: "New residential roof"},
imageAlt: "New residential roof", ]
},
],
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg",
imageAlt: "modern roof house exterior sunny",
}, },
{ {
title: "Commercial Roofing", title: "Commercial Roofing", description: "Specialized solutions for commercial properties, ensuring durability and compliance for your business.", icon: Building,
description: "Specialized solutions for commercial properties, ensuring durability and compliance for your business.",
icon: Building,
mediaItems: [ mediaItems: [
{ {
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269910.jpg", imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269910.jpg", imageAlt: "Commercial roof inspection"},
imageAlt: "Commercial roof inspection",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/index-finger-touching-tablet-s-screen_1134-584.jpg", imageSrc: "http://img.b2bpic.net/free-photo/index-finger-touching-tablet-s-screen_1134-584.jpg", imageAlt: "Commercial roof inspection"},
imageAlt: "Commercial roof inspection", ]
},
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-construction-wearing-protection-gear_23-2148784061.jpg",
imageAlt: "modern roof house exterior sunny",
}, },
{ {
title: "Roof Repair & Maintenance", title: "Roof Repair & Maintenance", description: "Extend the life of your roof with our prompt repair services and proactive maintenance plans.", icon: Wrench,
description: "Extend the life of your roof with our prompt repair services and proactive maintenance plans.",
icon: Tool,
mediaItems: [ mediaItems: [
{ {
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29969.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29969.jpg", imageAlt: "Roof repair tools"},
imageAlt: "Roof repair tools",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29986.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29986.jpg", imageAlt: "Roof repair tools"},
imageAlt: "Roof repair tools", ]
},
],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-drill_23-2149366634.jpg",
imageAlt: "modern roof house exterior sunny",
}, },
]} ]}
title="Comprehensive Roofing Services" title="Comprehensive Roofing Services"
@@ -212,14 +151,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Local Builders Inc.", "Local Builders Inc.", "Quality Materials Co.", "Home Shield Insurance", "Community Realty Group", "Architectural Designs", "Property Management Solutions", "Green Build Coalition"]}
"Quality Materials Co.",
"Home Shield Insurance",
"Community Realty Group",
"Architectural Designs",
"Property Management Solutions",
"Green Build Coalition",
]}
title="Trusted by Leading Brands & Homeowners" title="Trusted by Leading Brands & Homeowners"
description="We partner with top manufacturers and are recommended by local businesses for reliable roofing solutions." description="We partner with top manufacturers and are recommended by local businesses for reliable roofing solutions."
tag="Our Partners" tag="Our Partners"
@@ -234,65 +166,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "roof-replacement", id: "roof-replacement", brand: "New Installations", name: "Full Roof Replacement", price: "Custom Quote", rating: 5,
brand: "New Installations", reviewCount: "250+", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg", imageAlt: "Full Roof Replacement"},
name: "Full Roof Replacement",
price: "Custom Quote",
rating: 5,
reviewCount: "250+",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg",
imageAlt: "Full Roof Replacement",
},
{ {
id: "roof-repair", id: "roof-repair", brand: "Restorations", name: "Emergency Roof Repair", price: "Starting at $299", rating: 5,
brand: "Restorations", reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg", imageAlt: "Emergency Roof Repair"},
name: "Emergency Roof Repair",
price: "Starting at $299",
rating: 5,
reviewCount: "180+",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
imageAlt: "Emergency Roof Repair",
},
{ {
id: "roof-inspection", id: "roof-inspection", brand: "Preventative", name: "Detailed Roof Inspection", price: "$149", rating: 5,
brand: "Preventative", reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", imageAlt: "Detailed Roof Inspection"},
name: "Detailed Roof Inspection",
price: "$149",
rating: 5,
reviewCount: "120+",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",
imageAlt: "Detailed Roof Inspection",
},
{ {
id: "gutter-installation", id: "gutter-installation", brand: "Drainage Systems", name: "Gutter Installation", price: "Custom Quote", rating: 5,
brand: "Drainage Systems", reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-practicing-yoga_72229-482.jpg", imageAlt: "Gutter Installation"},
name: "Gutter Installation",
price: "Custom Quote",
rating: 5,
reviewCount: "90+",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-practicing-yoga_72229-482.jpg",
imageAlt: "Gutter Installation",
},
{ {
id: "siding-repair", id: "siding-repair", brand: "Exterior Care", name: "Siding Repair & Replacement", price: "Custom Quote", rating: 5,
brand: "Exterior Care", reviewCount: "65+", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15639.jpg", imageAlt: "Siding Repair & Replacement"},
name: "Siding Repair & Replacement",
price: "Custom Quote",
rating: 5,
reviewCount: "65+",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15639.jpg",
imageAlt: "Siding Repair & Replacement",
},
{ {
id: "commercial-roofing", id: "commercial-roofing", brand: "Business Solutions", name: "Commercial Roofing", price: "Custom Quote", rating: 5,
brand: "Business Solutions", reviewCount: "40+", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg", imageAlt: "Commercial Roofing"},
name: "Commercial Roofing",
price: "Custom Quote",
rating: 5,
reviewCount: "40+",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",
imageAlt: "Commercial Roofing",
},
]} ]}
title="Our Roofing Solutions" title="Our Roofing Solutions"
description="Explore our range of high-quality roofing services and solutions tailored to your specific needs." description="Explore our range of high-quality roofing services and solutions tailored to your specific needs."
@@ -307,34 +197,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "projects", id: "projects", value: "1500+", title: "Completed Projects", items: [
value: "1500+", "Residential & Commercial", "On Time & Budget", "High Customer Satisfaction"],
title: "Completed Projects",
items: [
"Residential & Commercial",
"On Time & Budget",
"High Customer Satisfaction",
],
}, },
{ {
id: "experience", id: "experience", value: "18+", title: "Years of Experience", items: [
value: "18+", "Certified Professionals", "Industry Leading Expertise", "Continuous Training"],
title: "Years of Experience",
items: [
"Certified Professionals",
"Industry Leading Expertise",
"Continuous Training",
],
}, },
{ {
id: "satisfaction", id: "satisfaction", value: "98%", title: "Client Satisfaction", items: [
value: "98%", "Dedicated Support", "Quality Workmanship", "Reliable Service"],
title: "Client Satisfaction",
items: [
"Dedicated Support",
"Quality Workmanship",
"Reliable Service",
],
}, },
]} ]}
title="Our Impact & Achievements" title="Our Impact & Achievements"
@@ -351,59 +223,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah J.", role: "Homeowner", company: "Local Resident", rating: 5,
name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746289.jpg", imageAlt: "Sarah J."},
role: "Homeowner",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746289.jpg",
imageAlt: "Sarah J.",
},
{ {
id: "2", id: "2", name: "Michael D.", role: "Property Manager", company: "Urban Estates", rating: 5,
name: "Michael D.", imageSrc: "http://img.b2bpic.net/free-photo/man-his-wife-are-looking-beautiful-landscapes-sky_8353-9394.jpg", imageAlt: "Michael D."},
role: "Property Manager",
company: "Urban Estates",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-his-wife-are-looking-beautiful-landscapes-sky_8353-9394.jpg",
imageAlt: "Michael D.",
},
{ {
id: "3", id: "3", name: "Emily R.", role: "Business Owner", company: "Retail Hub", rating: 5,
name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/friends-high-fiving-each-other-beer-pong-game_23-2149431325.jpg", imageAlt: "Emily R."},
role: "Business Owner",
company: "Retail Hub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-high-fiving-each-other-beer-pong-game_23-2149431325.jpg",
imageAlt: "Emily R.",
},
{ {
id: "4", id: "4", name: "David K.", role: "Homeowner", company: "Happy Client", rating: 5,
name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-bundle-firewood-walking-with-little-son_259150-59371.jpg", imageAlt: "David K."},
role: "Homeowner",
company: "Happy Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-with-bundle-firewood-walking-with-little-son_259150-59371.jpg",
imageAlt: "David K.",
},
{ {
id: "5", id: "5", name: "Jessica L.", role: "Commercial Client", company: "Corporate Park", rating: 5,
name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-industrial-worker-standing-by-metal-industrial-building_342744-446.jpg", imageAlt: "Jessica L."},
role: "Commercial Client",
company: "Corporate Park",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-industrial-worker-standing-by-metal-industrial-building_342744-446.jpg",
imageAlt: "Jessica L.",
},
{ {
id: "6", id: "6", name: "Robert S.", role: "Homeowner", company: "Community Member", rating: 5,
name: "Robert S.", imageSrc: "http://img.b2bpic.net/free-photo/young-black-girl-happy-expression_1194-4305.jpg", imageAlt: "Robert S."},
role: "Homeowner",
company: "Community Member",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-black-girl-happy-expression_1194-4305.jpg",
imageAlt: "Robert S.",
},
]} ]}
title="What Our Clients Say" title="What Our Clients Say"
description="Hear directly from satisfied homeowners and businesses who trusted Drew Metzler Roofing with their properties." description="Hear directly from satisfied homeowners and businesses who trusted Drew Metzler Roofing with their properties."
@@ -417,25 +253,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "How often should I inspect my roof?", content: "We recommend a professional roof inspection at least once every 1-3 years, or after any major storm, to catch potential issues early."},
title: "How often should I inspect my roof?",
content: "We recommend a professional roof inspection at least once every 1-3 years, or after any major storm, to catch potential issues early.",
},
{ {
id: "q2", id: "q2", title: "What types of roofing materials do you work with?", content: "We specialize in a variety of materials including asphalt shingles, metal roofing, flat roofs (TPO/EPDM), and tile roofing for both residential and commercial properties."},
title: "What types of roofing materials do you work with?",
content: "We specialize in a variety of materials including asphalt shingles, metal roofing, flat roofs (TPO/EPDM), and tile roofing for both residential and commercial properties.",
},
{ {
id: "q3", id: "q3", title: "Do you offer free estimates?", content: "Yes, we provide free, no-obligation estimates for all new roof installations, replacements, and major repair projects. Contact us today to schedule yours!"},
title: "Do you offer free estimates?",
content: "Yes, we provide free, no-obligation estimates for all new roof installations, replacements, and major repair projects. Contact us today to schedule yours!",
},
{ {
id: "q4", id: "q4", title: "Are you licensed and insured?", content: "Absolutely! Drew Metzler Roofing is fully licensed, bonded, and insured. We prioritize safety and compliance on every job."},
title: "Are you licensed and insured?",
content: "Absolutely! Drew Metzler Roofing is fully licensed, bonded, and insured. We prioritize safety and compliance on every job.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg" imageSrc="http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg"
imageAlt="Roofer explaining roof details" imageAlt="Roofer explaining roof details"
@@ -452,8 +276,7 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Get Started" tag="Get Started"
title="Request a Free Roofing Estimate" title="Request a Free Roofing Estimate"
description="Ready for a new roof or need a repair? Contact us today for a free, no-obligation estimate. Our team is here to help!" description="Ready for a new roof or need a repair? Contact us today for a free, no-obligation estimate. Our team is here to help!"
@@ -471,62 +294,37 @@ export default function LandingPage() {
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Residential Roofing", label: "Residential Roofing", href: "#services"},
href: "#services",
},
{ {
label: "Commercial Roofing", label: "Commercial Roofing", href: "#services"},
href: "#services",
},
{ {
label: "Roof Repair", label: "Roof Repair", href: "#services"},
href: "#services",
},
{ {
label: "Inspections", label: "Inspections", href: "#services"},
href: "#services",
},
{ {
label: "Gutters", label: "Gutters", href: "#services"},
href: "#services",
},
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Testimonials", label: "Testimonials", href: "#testimonials"},
href: "#testimonials",
},
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
{ {
label: "Contact Us", label: "Contact Us", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}