201 lines
13 KiB
TypeScript
201 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import { AlertTriangle, Award, Calendar, Phone, Shield, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmall"
|
||
background="grid"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{ 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" }}
|
||
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" },
|
||
]}
|
||
enableKpiAnimation={true}
|
||
buttons={[
|
||
{ 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?_wi=1"
|
||
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" },
|
||
]}
|
||
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 },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
useInvertedBackground={false}
|
||
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" },
|
||
]}
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/a-professional-dedicated-contractor-work-1774818202686-5a7ac66c.png"
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyThree
|
||
animationType="slide-up"
|
||
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" },
|
||
]}
|
||
title="Complete Attic & Roofing Services"
|
||
description="Comprehensive care to improve safety, efficiency, and comfort in your home."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
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" },
|
||
]}
|
||
title="Real Results. Real Customers."
|
||
description="Hear how we've helped homeowners across New Jersey."
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<MetricCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
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 },
|
||
]}
|
||
title="Why Homeowners Choose MER’S"
|
||
description="We are dedicated to providing fast, reliable, and energy-saving protection for your home."
|
||
/>
|
||
</div>
|
||
|
||
<div id="process" data-section="process">
|
||
<FeatureCardTwentyThree
|
||
animationType="slide-up"
|
||
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" },
|
||
]}
|
||
title="Simple & Stress-Free Process"
|
||
description="Four simple steps to a safer, more efficient home."
|
||
/>
|
||
</div>
|
||
|
||
<div id="urgency" data-section="urgency">
|
||
<ContactFaq
|
||
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." },
|
||
]}
|
||
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" }}
|
||
ctaIcon={AlertTriangle}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
text="Ready to secure your home? Schedule your professional inspection with MER'S team."
|
||
background={{ variant: "gradient-bars" }}
|
||
useInvertedBackground={false}
|
||
buttons={[{ text: "Call (555) 555-5555", href: "tel:+15555555555" }, { text: "Request Quote", href: "#contact" }]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdTsn3ULVbIIEZpeWrU9BRoH7e/a-high-end-professional-roof-and-attic-s-1774818202870-9cab71e7.png?_wi=2"
|
||
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: "#" }] },
|
||
]}
|
||
logoText="MER’S"
|
||
copyrightText="© 2026 MER’S Attic Insulation & Roofing Services Inc. All Rights Reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |