262 lines
8.5 KiB
TypeScript
262 lines
8.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "/services",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "/about",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "/contact",
|
|
},
|
|
]}
|
|
brandName="Naska Plumbing"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Lehigh Valley's Trusted Plumber — Fast, Honest & Affordable"
|
|
description="Providing expert residential plumbing, emergency services, and quality repairs for over 10 years in Pennsylvania."
|
|
buttons={[
|
|
{
|
|
text: "Call Now",
|
|
href: "tel:5550123",
|
|
},
|
|
{
|
|
text: "Request a Quote",
|
|
href: "/contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176721.jpg",
|
|
alt: "Service maintenance worker",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746303.jpg",
|
|
alt: "Plumber working",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990735.jpg",
|
|
alt: "Expert plumbing technician",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746305.jpg",
|
|
alt: "Professional repairman",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-young-male-builder-wearing-uniform-safety-helmet-showing-okey-gesture-purple_141793-74515.jpg",
|
|
alt: "Smiling plumber",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "24/7 Emergency Repairs",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Licensed & Insured",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Locally Owned & Operated",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Competitive Pricing",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Serving Lehigh Valley",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Mike D.",
|
|
date: "Jan 2024",
|
|
title: "Happy Homeowner",
|
|
quote: "Ryan is honest, punctual, and very fair with pricing. Same-day service!",
|
|
tag: "Excellent",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-middle-age-man-holding-screwdriver-new-home-mouth-lips-shut-as-zip-with-fingers-secret-silent-taboo-talking_839833-5351.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg?_wi=2",
|
|
imageAlt: "happy residential customer",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Sarah R.",
|
|
date: "Dec 2023",
|
|
title: "Reliable",
|
|
quote: "Best experience I've had with a plumber in Lehigh Valley.",
|
|
tag: "Professional",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes_23-2150990678.jpg?_wi=1",
|
|
imageAlt: "happy residential customer",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Jim T.",
|
|
date: "Nov 2023",
|
|
title: "Emergency Job",
|
|
quote: "Responsive and fixed my sump pump quickly during a storm.",
|
|
tag: "Recommended",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-charming-african-guy-smiling-boyfriend-waiting-date-head-hunter-dream-standing-white-wall_176420-12541.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-drying-glass-with-kitchen-towel-by-black-faucet-drying-dishes_169016-69554.jpg?_wi=1",
|
|
imageAlt: "happy residential customer",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Lori K.",
|
|
date: "Oct 2023",
|
|
title: "Great Service",
|
|
quote: "Very clean team and explained the costs before starting.",
|
|
tag: "Honest",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-wor_23-2147914234.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-ecofriendly-person_23-2149125146.jpg?_wi=1",
|
|
imageAlt: "happy residential customer",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Dave H.",
|
|
date: "Sep 2023",
|
|
title: "Pro Plumber",
|
|
quote: "They never try to upsell things you don't need.",
|
|
tag: "Trustworthy",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-points-camera-pink_141793-74591.jpg?_wi=1",
|
|
imageAlt: "happy residential customer",
|
|
},
|
|
]}
|
|
title="Customer Reviews"
|
|
description="Trusted by our neighbors in Pennsylvania."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Why Choose Naska?"
|
|
description="We put homeowners first in the Lehigh Valley."
|
|
bulletPoints={[
|
|
{
|
|
title: "Licensed & Certified",
|
|
description: "Fully insured professional services.",
|
|
},
|
|
{
|
|
title: "Upfront Pricing",
|
|
description: "No hidden costs or surprise fees.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-doing-ok-sign-showing-thumb-up-isolated-blue-wall_141793-14047.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Our Results"
|
|
tag="Quality"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "10+",
|
|
description: "Years of Experience",
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "500+",
|
|
description: "Happy Customers",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Services",
|
|
href: "/services",
|
|
},
|
|
{
|
|
label: "About Us",
|
|
href: "/about",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Naska Plumbing LLC"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|