297 lines
9.3 KiB
TypeScript
297 lines
9.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { CheckCircle, MessageCircle, Shield, Sparkles, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Services",
|
|
id: "services",
|
|
},
|
|
{
|
|
name: "Why Us",
|
|
id: "why",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "reviews",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="SAMPSON"
|
|
button={{
|
|
text: "Get Quote",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
title="We Don't Just Clean It. We Protect It."
|
|
description="Professional exterior cleaning for driveways, house washing, and decks across New Jersey. Done right, every time."
|
|
tag="New Jersey's #1 Rated Service"
|
|
buttons={[
|
|
{
|
|
text: "Get Free Quote",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "Call Now",
|
|
href: "tel:2015550100",
|
|
},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-psd/pressure-washing-template-design_23-2151071235.jpg?_wi=1",
|
|
imageAlt: "Professional cleaning service result",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-psd/pressure-washing-template-design_23-2151071235.jpg?_wi=2",
|
|
imageAlt: "Cleaning high reach windows",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-psd/pressure-washing-template-design_23-2151071235.jpg?_wi=3",
|
|
imageAlt: "Driveway power washing",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-psd/pressure-washing-template-design_23-2151071235.jpg?_wi=4",
|
|
imageAlt: "Soft wash house exterior",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-psd/pressure-washing-template-design_23-2151071235.jpg?_wi=5",
|
|
imageAlt: "Deck cleaning results",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-psd/pressure-washing-template-design_23-2151071235.jpg?_wi=6",
|
|
imageAlt: "Professional crew at work",
|
|
},
|
|
]}
|
|
mediaAnimation="blur-reveal"
|
|
tagIcon={Sparkles}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "House Washing",
|
|
description: "Safe, low-pressure cleaning to remove mold and grime without siding damage.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-service-person-cleaning-office-window_23-2150520601.jpg",
|
|
imageAlt: "House Washing",
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Driveway Cleaning",
|
|
description: "Powerful pressure washing to restore concrete and pavers to like-new condition.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150359025.jpg",
|
|
imageAlt: "Driveway Cleaning",
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Deck Restoration",
|
|
description: "Expert cleaning for decks and patios that removes algae, mildew, and weather stains.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733211.jpg",
|
|
imageAlt: "Deck Cleaning",
|
|
},
|
|
]}
|
|
title="Our Professional Services"
|
|
description="We specialize in exterior surface restoration for NJ homeowners."
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "500+",
|
|
title: "Jobs Completed",
|
|
description: "Satisfied NJ families served.",
|
|
icon: CheckCircle,
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "5★",
|
|
title: "Google Rating",
|
|
description: "Top-tier service reviews.",
|
|
icon: Star,
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "100%",
|
|
title: "Satisfaction",
|
|
description: "Guaranteed property care.",
|
|
icon: Shield,
|
|
},
|
|
]}
|
|
title="Results You Can Trust"
|
|
description="Why homeowners across NJ choose Sampson for their exterior cleaning."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
title: "Professional Result",
|
|
quote: "My driveway looks brand new! On time, fair price.",
|
|
name: "Michael T.",
|
|
role: "Ridgewood, NJ",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-looking-up_23-2147747859.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "t2",
|
|
title: "Deck Restoration",
|
|
quote: "Could not believe how well the deck cleaned up.",
|
|
name: "Sarah K.",
|
|
role: "Morris County, NJ",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-showing-new-apartment-his-surprised-happy-girlfriend_74855-10258.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
title: "Curb Appeal boost",
|
|
quote: "Realtor said it was the best looking house in town.",
|
|
name: "James R.",
|
|
role: "Summit, NJ",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-mixed-race-family-couple-analyze-data-develop-new-startup-project_273609-44860.jpg",
|
|
},
|
|
{
|
|
id: "t4",
|
|
title: "Reliable Service",
|
|
quote: "Consistent and high quality every single time.",
|
|
name: "Lisa R.",
|
|
role: "Alpine, NJ",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-male-workers-wearing-work-clothes_273609-10991.jpg",
|
|
},
|
|
{
|
|
id: "t5",
|
|
title: "Top-notch Professionalism",
|
|
quote: "The team was courteous and treated my home with great care.",
|
|
name: "David W.",
|
|
role: "Paramus, NJ",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-looking-up_23-2147747859.jpg?_wi=2",
|
|
},
|
|
]}
|
|
title="What Homeowners Say"
|
|
description="Real feedback from neighbors in New Jersey."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "Are you licensed?",
|
|
content: "Yes, we are fully licensed and insured in the state of New Jersey.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "What areas do you serve?",
|
|
content: "We cover all of New Jersey, specifically Bergen, Morris, Essex, and surrounding counties.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Do you offer free estimates?",
|
|
content: "Absolutely. Reach out via the contact form or call us for a complimentary, no-obligation quote.",
|
|
},
|
|
]}
|
|
ctaTitle="Ready for your free estimate?"
|
|
ctaDescription="Get an accurate quote today. We serve all of New Jersey."
|
|
ctaButton={{
|
|
text: "Send Request",
|
|
href: "#",
|
|
}}
|
|
ctaIcon={MessageCircle}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Services",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Why Us",
|
|
href: "#why",
|
|
},
|
|
{
|
|
label: "Reviews",
|
|
href: "#reviews",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="SAMPSON"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|