bender/e9ac92a5-e1f7-4039-b8b3-d52c5be3f701
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-06-10 20:43:45 +00:00
parent 49a6d6dd91 7e2e01bd03
commit 2f696b7b8a
1 changed files with 82 additions and 284 deletions
Download Patch File Download Diff File Expand all files Collapse all files

366
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
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() {
return (
@@ -34,25 +34,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Reviews",
id: "#testimonials",
},
name: "Reviews", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Drew Metzler Roofing"
/>
@@ -61,65 +51,40 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "downward-rays-static-grid",
}}
variant: "downward-rays-static-grid"}}
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."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-worker-construction-wearing-protection-gear_23-2148784061.jpg",
alt: "John Doe",
},
src: "http://img.b2bpic.net/free-photo/front-view-worker-construction-wearing-protection-gear_23-2148784061.jpg", alt: "John Doe"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-drill_23-2149366634.jpg",
alt: "Jane Smith",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-drill_23-2149366634.jpg", alt: "Jane Smith"},
{
src: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg",
alt: "Robert Johnson",
},
src: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg", alt: "Robert Johnson"},
{
src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-pointing-you_93675-134385.jpg",
alt: "Emily White",
},
src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-pointing-you_93675-134385.jpg", alt: "Emily White"},
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg",
alt: "Smiley Young Man",
},
src: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg", alt: "Smiley Young Man"},
]}
avatarText="Over 1000 Happy Customers"
buttons={[
{
text: "Get a Free Estimate",
href: "#contact",
},
text: "Get a Free Estimate", href: "#contact"},
{
text: "View Our Services",
href: "#services",
},
text: "View Our Services", href: "#services"},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Quality Workmanship",
},
type: "text", text: "Quality Workmanship"},
{
type: "text",
text: "Experienced Team",
},
type: "text", text: "Experienced Team"},
{
type: "text",
text: "Free Estimates",
},
type: "text", text: "Free Estimates"},
{
type: "text",
text: "Customer Satisfaction",
},
type: "text", text: "Customer Satisfaction"},
{
type: "text",
text: "Durable Materials",
},
type: "text", text: "Durable Materials"},
]}
/>
</div>
@@ -133,9 +98,7 @@ export default function LandingPage() {
tagIcon={Building}
buttons={[
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
]}
buttonAnimation="slide-up"
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}
features={[
{
title: "Residential Roofing",
description: "Protect your home with our expert residential roofing services, including new installations, repairs, and inspections.",
icon: Home,
title: "Residential Roofing", description: "Protect your home with our expert residential roofing services, including new installations, repairs, and inspections.", icon: Home,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof_23-2148748814.jpg",
imageAlt: "New residential roof",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof_23-2148748814.jpg", imageAlt: "New residential roof"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-house-with-big-windows_23-2149343704.jpg",
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",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-house-with-big-windows_23-2149343704.jpg", imageAlt: "New residential roof"},
]
},
{
title: "Commercial Roofing",
description: "Specialized solutions for commercial properties, ensuring durability and compliance for your business.",
icon: Building,
title: "Commercial Roofing", description: "Specialized solutions for commercial properties, ensuring durability and compliance for your business.", icon: Building,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269910.jpg",
imageAlt: "Commercial roof inspection",
},
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269910.jpg", imageAlt: "Commercial roof inspection"},
{
imageSrc: "http://img.b2bpic.net/free-photo/index-finger-touching-tablet-s-screen_1134-584.jpg",
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",
imageSrc: "http://img.b2bpic.net/free-photo/index-finger-touching-tablet-s-screen_1134-584.jpg", imageAlt: "Commercial roof inspection"},
]
},
{
title: "Roof Repair & Maintenance",
description: "Extend the life of your roof with our prompt repair services and proactive maintenance plans.",
icon: Tool,
title: "Roof Repair & Maintenance", description: "Extend the life of your roof with our prompt repair services and proactive maintenance plans.", icon: Wrench,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29969.jpg",
imageAlt: "Roof repair tools",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29969.jpg", imageAlt: "Roof repair tools"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29986.jpg",
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",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29986.jpg", imageAlt: "Roof repair tools"},
]
},
]}
title="Comprehensive Roofing Services"
@@ -212,14 +151,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Local Builders Inc.",
"Quality Materials Co.",
"Home Shield Insurance",
"Community Realty Group",
"Architectural Designs",
"Property Management Solutions",
"Green Build Coalition",
]}
"Local Builders Inc.", "Quality Materials Co.", "Home Shield Insurance", "Community Realty Group", "Architectural Designs", "Property Management Solutions", "Green Build Coalition"]}
title="Trusted by Leading Brands & Homeowners"
description="We partner with top manufacturers and are recommended by local businesses for reliable roofing solutions."
tag="Our Partners"
@@ -234,65 +166,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "roof-replacement",
brand: "New Installations",
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-replacement", brand: "New Installations", 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",
brand: "Restorations",
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-repair", brand: "Restorations", 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",
brand: "Preventative",
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: "roof-inspection", brand: "Preventative", 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",
brand: "Drainage Systems",
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: "gutter-installation", brand: "Drainage Systems", 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",
brand: "Exterior Care",
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: "siding-repair", brand: "Exterior Care", 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",
brand: "Business Solutions",
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",
},
id: "commercial-roofing", brand: "Business Solutions", 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"
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}
metrics={[
{
id: "projects",
value: "1500+",
title: "Completed Projects",
items: [
"Residential & Commercial",
"On Time & Budget",
"High Customer Satisfaction",
],
id: "projects", value: "1500+", title: "Completed Projects", items: [
"Residential & Commercial", "On Time & Budget", "High Customer Satisfaction"],
},
{
id: "experience",
value: "18+",
title: "Years of Experience",
items: [
"Certified Professionals",
"Industry Leading Expertise",
"Continuous Training",
],
id: "experience", value: "18+", title: "Years of Experience", items: [
"Certified Professionals", "Industry Leading Expertise", "Continuous Training"],
},
{
id: "satisfaction",
value: "98%",
title: "Client Satisfaction",
items: [
"Dedicated Support",
"Quality Workmanship",
"Reliable Service",
],
id: "satisfaction", value: "98%", title: "Client Satisfaction", items: [
"Dedicated Support", "Quality Workmanship", "Reliable Service"],
},
]}
title="Our Impact & Achievements"
@@ -351,59 +223,23 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "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: "1", name: "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",
name: "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: "2", name: "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",
name: "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: "3", name: "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",
name: "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: "4", name: "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",
name: "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: "5", name: "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",
name: "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.",
},
id: "6", name: "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"
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}
faqs={[
{
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.",
},
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."},
{
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.",
},
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."},
{
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!",
},
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!"},
{
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.",
},
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."},
]}
imageSrc="http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg"
imageAlt="Roofer explaining roof details"
@@ -452,8 +276,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get Started"
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!"
@@ -471,62 +294,37 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Residential Roofing",
href: "#services",
},
label: "Residential Roofing", href: "#services"},
{
label: "Commercial Roofing",
href: "#services",
},
label: "Commercial Roofing", href: "#services"},
{
label: "Roof Repair",
href: "#services",
},
label: "Roof Repair", href: "#services"},
{
label: "Inspections",
href: "#services",
},
label: "Inspections", href: "#services"},
{
label: "Gutters",
href: "#services",
},
label: "Gutters", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}