bender/d0fa7b10-7bc0-4b7d-bcaa-e3039e3da5d6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-29 21:04:11 +00:00
parent 0c90c5abac
commit 7641c42ebc
1 changed files with 51 additions and 323 deletions
Download Patch File Download Diff File Expand all files Collapse all files

374
src/app/page.tsx
View File

@@ -30,110 +30,47 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="MER’S"
button={{ text: "Get Free Inspection", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Premium Roofing & Attic Solutions That Protect Your Home for Years"
description="Trusted across New Jersey for insulation, roofing, mold removal, and full attic restoration."
kpis={[
{
value: "4.2+",
label: "Verified Reviews",
},
{
value: "100%",
label: "Licensed & Insured",
},
{
value: "Fast",
label: "Response Times",
},
{ value: "4.2+", label: "Verified Reviews" },
{ value: "100%", label: "Licensed & Insured" },
{ value: "Fast", label: "Response Times" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "Get Free Inspection",
href: "#contact",
},
{
text: "Call Now",
href: "tel:+15555555555",
},
{ text: "Get Free Inspection", href: "#contact" },
{ text: "Call Now", href: "tel:+15555555555" },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/a-high-end-professional-roof-and-attic-s-1774818202870-9cab71e7.png"
mediaAnimation="blur-reveal"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/happy-homeowner-smiling-posing-in-front--1774818202396-0ac18f97.png",
alt: "Client 1",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/satisfied-homeowner-standing-in-a-clean--1774818202884-e50e3658.png",
alt: "Client 2",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/portrait-of-a-happy-homeowner-at-their-f-1774818202952-0916c72e.png",
alt: "Client 3",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/homeowner-showing-off-a-clean-roof-after-1774818203036-3337793a.png",
alt: "Client 4",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/professional-roofing-repair-in-progress--1774818203795-f2525400.png",
alt: "Client 5",
},
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/happy-homeowner-smiling-posing-in-front--1774818202396-0ac18f97.png", alt: "Client 1" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/satisfied-homeowner-standing-in-a-clean--1774818202884-e50e3658.png", alt: "Client 2" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/portrait-of-a-happy-homeowner-at-their-f-1774818202952-0916c72e.png", alt: "Client 3" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/homeowner-showing-off-a-clean-roof-after-1774818203036-3337793a.png", alt: "Client 4" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/professional-roofing-repair-in-progress--1774818203795-f2525400.png", alt: "Client 5" },
]}
avatarText="Trusted by 1000+ NJ Homeowners"
marqueeItems={[
{
type: "text-icon",
text: "Licensed & Insured",
icon: Shield,
},
{
type: "text-icon",
text: "Free Consultations",
icon: Calendar,
},
{
type: "text-icon",
text: "Energy Efficiency",
icon: Zap,
},
{
type: "text-icon",
text: "Mold Remediation",
icon: AlertTriangle,
},
{
type: "text-icon",
text: "Professional Crew",
icon: Award,
},
{ type: "text-icon", text: "Licensed & Insured", icon: Shield },
{ type: "text-icon", text: "Free Consultations", icon: Calendar },
{ type: "text-icon", text: "Energy Efficiency", icon: Zap },
{ type: "text-icon", text: "Mold Remediation", icon: AlertTriangle },
{ type: "text-icon", text: "Professional Crew", icon: Award },
]}
/>
</div>
@@ -144,18 +81,9 @@ export default function LandingPage() {
title="New Jersey’s Trusted Home Protection Experts"
description="At MER’S Attic Insulation & Roofing Services Inc, we specialize in protecting your home from the top down. From roofing repairs to attic insulation, mold removal, and ventilation upgrades, we provide complete solutions that improve safety, efficiency, and comfort."
metrics={[
{
value: "10+",
title: "Years Experience",
},
{
value: "1000+",
title: "Homes Protected",
},
{
value: "100%",
title: "Satisfaction Rate",
},
{ value: "10+", title: "Years Experience" },
{ value: "1000+", title: "Homes Protected" },
{ value: "100%", title: "Satisfaction Rate" },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/a-professional-dedicated-contractor-work-1774818202686-5a7ac66c.png"
mediaAnimation="slide-up"
@@ -169,66 +97,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "s1",
title: "Roofing Services",
tags: [
"Repair",
"Cleaning",
"Ventilation",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/professional-roofing-repair-in-progress--1774818203795-f2525400.png?_wi=1",
},
{
id: "s2",
title: "Attic Insulation",
tags: [
"Installation",
"Efficiency",
"Upgrade",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/premium-attic-insulation-material-with-c-1774818202595-c0aeb01c.png?_wi=1",
},
{
id: "s3",
title: "Mold Remediation",
tags: [
"Inspection",
"Removal",
"Odor",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/a-clean-sterile-mold-removal-process-in--1774818204061-be8bd606.png?_wi=1",
},
{
id: "s4",
title: "Vent Cleaning",
tags: [
"Fire Safety",
"Airflow",
"Cleaning",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/professional-roofing-repair-in-progress--1774818203795-f2525400.png?_wi=2",
},
{
id: "s5",
title: "Pest & Damage",
tags: [
"Removal",
"Prevention",
"Repair",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/premium-attic-insulation-material-with-c-1774818202595-c0aeb01c.png?_wi=2",
},
{
id: "s6",
title: "Chimney Services",
tags: [
"Cleaning",
"Safety",
"Inspection",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/a-clean-sterile-mold-removal-process-in--1774818204061-be8bd606.png?_wi=2",
},
{ id: "s1", title: "Roofing Services", tags: ["Repair", "Cleaning", "Ventilation"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/professional-roofing-repair-in-progress--1774818203795-f2525400.png" },
{ id: "s2", title: "Attic Insulation", tags: ["Installation", "Efficiency", "Upgrade"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/premium-attic-insulation-material-with-c-1774818202595-c0aeb01c.png" },
{ id: "s3", title: "Mold Remediation", tags: ["Inspection", "Removal", "Odor"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/a-clean-sterile-mold-removal-process-in--1774818204061-be8bd606.png" },
{ id: "s4", title: "Vent Cleaning", tags: ["Fire Safety", "Airflow", "Cleaning"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/professional-roofing-repair-in-progress--1774818203795-f2525400.png" },
{ id: "s5", title: "Pest & Damage", tags: ["Removal", "Prevention", "Repair"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/premium-attic-insulation-material-with-c-1774818202595-c0aeb01c.png" },
{ id: "s6", title: "Chimney Services", tags: ["Cleaning", "Safety", "Inspection"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/a-clean-sterile-mold-removal-process-in--1774818204061-be8bd606.png" },
]}
title="Complete Attic & Roofing Services"
description="Comprehensive care to improve safety, efficiency, and comfort in your home."
@@ -241,41 +115,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "Homeowner",
testimonial: "Professional from start to finish. Roofing repair made a huge difference.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/happy-homeowner-smiling-posing-in-front--1774818202396-0ac18f97.png?_wi=1",
},
{
id: "2",
name: "Mark D.",
handle: "Homeowner",
testimonial: "Mold removal completely eliminated the odor in our attic. Extremely satisfied.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/satisfied-homeowner-standing-in-a-clean--1774818202884-e50e3658.png",
},
{
id: "3",
name: "Elena P.",
handle: "Homeowner",
testimonial: "Very efficient. Multiple services in one visit—dryer vent, insulation, and pest control.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/portrait-of-a-happy-homeowner-at-their-f-1774818202952-0916c72e.png",
},
{
id: "4",
name: "Robert B.",
handle: "Homeowner",
testimonial: "Quick response, reliable service, and great communication.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/homeowner-showing-off-a-clean-roof-after-1774818203036-3337793a.png",
},
{
id: "5",
name: "Linda K.",
handle: "Homeowner",
testimonial: "The best insulation work I've seen. My energy bills have dropped significantly.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/happy-homeowner-smiling-posing-in-front--1774818202396-0ac18f97.png?_wi=2",
},
{ id: "1", name: "Sarah J.", handle: "Homeowner", testimonial: "Professional from start to finish. Roofing repair made a huge difference.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/happy-homeowner-smiling-posing-in-front--1774818202396-0ac18f97.png" },
{ id: "2", name: "Mark D.", handle: "Homeowner", testimonial: "Mold removal completely eliminated the odor in our attic. Extremely satisfied.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/satisfied-homeowner-standing-in-a-clean--1774818202884-e50e3658.png" },
{ id: "3", name: "Elena P.", handle: "Homeowner", testimonial: "Very efficient. Multiple services in one visit—dryer vent, insulation, and pest control.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/portrait-of-a-happy-homeowner-at-their-f-1774818202952-0916c72e.png" },
{ id: "4", name: "Robert B.", handle: "Homeowner", testimonial: "Quick response, reliable service, and great communication.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/homeowner-showing-off-a-clean-roof-after-1774818203036-3337793a.png" },
{ id: "5", name: "Linda K.", handle: "Homeowner", testimonial: "The best insulation work I've seen. My energy bills have dropped significantly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/happy-homeowner-smiling-posing-in-front--1774818202396-0ac18f97.png" },
]}
title="Real Results. Real Customers."
description="Hear how we've helped homeowners across New Jersey."
@@ -289,27 +133,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "Experts",
title: "Attic & Roof",
description: "Full-service expertise for your entire home.",
icon: Shield,
},
{
id: "m2",
value: "Fast",
title: "Inspections",
description: "We provide honest pricing and clear plans.",
icon: Zap,
},
{
id: "m3",
value: "Pro",
title: "Technicians",
description: "Experienced, clean, and detail-oriented staff.",
icon: Award,
},
{ id: "m1", value: "Experts", title: "Attic & Roof", description: "Full-service expertise for your entire home.", icon: Shield },
{ id: "m2", value: "Fast", title: "Inspections", description: "We provide honest pricing and clear plans.", icon: Zap },
{ id: "m3", value: "Pro", title: "Technicians", description: "Experienced, clean, and detail-oriented staff.", icon: Award },
]}
title="Why Homeowners Choose MER’S"
description="We are dedicated to providing fast, reliable, and energy-saving protection for your home."
@@ -322,38 +148,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "p1",
title: "Free Inspection",
tags: [
"Assessment",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/professional-roofing-repair-in-progress--1774818203795-f2525400.png?_wi=3",
},
{
id: "p2",
title: "Clear Plan",
tags: [
"Planning",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/premium-attic-insulation-material-with-c-1774818202595-c0aeb01c.png?_wi=3",
},
{
id: "p3",
title: "Professional Service",
tags: [
"Execution",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/a-clean-sterile-mold-removal-process-in--1774818204061-be8bd606.png?_wi=3",
},
{
id: "p4",
title: "Long-Term Protection",
tags: [
"Result",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/professional-roofing-repair-in-progress--1774818203795-f2525400.png?_wi=4",
},
{ id: "p1", title: "Free Inspection", tags: ["Assessment"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/professional-roofing-repair-in-progress--1774818203795-f2525400.png" },
{ id: "p2", title: "Clear Plan", tags: ["Planning"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/premium-attic-insulation-material-with-c-1774818202595-c0aeb01c.png" },
{ id: "p3", title: "Professional Service", tags: ["Execution"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/a-clean-sterile-mold-removal-process-in--1774818204061-be8bd606.png" },
{ id: "p4", title: "Long-Term Protection", tags: ["Result"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/professional-roofing-repair-in-progress--1774818203795-f2525400.png" },
]}
title="Simple & Stress-Free Process"
description="Four simple steps to a safer, more efficient home."
@@ -365,23 +163,12 @@ export default function LandingPage() {
animationType="slide-up"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How quickly can you respond?",
content: "We prioritize urgent service requests and aim to respond to all inquiries as soon as possible.",
},
{
id: "f2",
title: "Are you licensed and insured?",
content: "Yes, we are fully licensed and insured in New Jersey for all services we provide.",
},
{ id: "f1", title: "How quickly can you respond?", content: "We prioritize urgent service requests and aim to respond to all inquiries as soon as possible." },
{ id: "f2", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured in New Jersey for all services we provide." },
]}
ctaTitle="Don’t Wait Until Small Problems Become Expensive Repairs"
ctaDescription="Fix the issue early and save thousands on potential structural or health damage."
ctaButton={{
text: "Book Your Free Inspection Today",
href: "#contact",
}}
ctaButton={{ text: "Book Your Free Inspection Today", href: "#contact" }}
ctaIcon={AlertTriangle}
/>
</div>
@@ -391,23 +178,12 @@ export default function LandingPage() {
animationType="slide-up"
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What service do I need?",
content: "We can assess your home during your free inspection and tell you exactly what is required.",
},
{
id: "faq-2",
title: "Can I get a same day service?",
content: "Same-day service is available based on availability. Call us for immediate assistance.",
},
{ id: "faq-1", title: "What service do I need?", content: "We can assess your home during your free inspection and tell you exactly what is required." },
{ id: "faq-2", title: "Can I get a same day service?", content: "Same-day service is available based on availability. Call us for immediate assistance." },
]}
ctaTitle="Get Your Free Inspection Today"
ctaDescription="Fill out the form or call us to speak with a professional."
ctaButton={{
text: "Call Now",
href: "tel:+15555555555",
}}
ctaButton={{ text: "Call Now", href: "tel:+15555555555" }}
ctaIcon={Phone}
/>
</div>
@@ -416,57 +192,9 @@ export default function LandingPage() {
<FooterBaseCard
logoText="MER’S"
columns={[
{
title: "Services",
items: [
{
label: "Roofing",
href: "#services",
},
{
label: "Insulation",
href: "#services",
},
{
label: "Mold Removal",
href: "#services",
},
],
},
{
title: "Support",
items: [
{
label: "Free Inspection",
href: "#contact",
},
{
label: "Urgent Service",
href: "tel:+15555555555",
},
{
label: "FAQ",
href: "#urgency",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
{
label: "Privacy",
href: "#",
},
],
},
{ title: "Services", items: [{ label: "Roofing", href: "#services" }, { label: "Insulation", href: "#services" }, { label: "Mold Removal", href: "#services" }] },
{ title: "Support", items: [{ label: "Free Inspection", href: "#contact" }, { label: "Urgent Service", href: "tel:+15555555555" }, { label: "FAQ", href: "#urgency" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
]}
copyrightText="© 2026 MER’S Attic Insulation & Roofing Services Inc. All Rights Reserved."
/>