Update src/app/page.tsx
This commit is contained in:
306
src/app/page.tsx
306
src/app/page.tsx
@@ -25,237 +25,93 @@ export default function LandingPage() {
|
||||
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="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="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"
|
||||
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="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Customer Reviews"
|
||||
description="Trusted by our neighbors in Pennsylvania."
|
||||
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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" }
|
||||
]}
|
||||
/>
|
||||
</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="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="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="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Products"
|
||||
description="Top-quality plumbing parts for all repairs."
|
||||
/>
|
||||
</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>
|
||||
<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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user