Merge version_1 into main #2
198
src/app/page.tsx
198
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
@@ -28,69 +29,32 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Lead Plumbing"
|
||||
button={{
|
||||
text: "(332) 241-1596",
|
||||
href: "tel:3322411596",
|
||||
}}
|
||||
text: "(332) 241-1596", href: "tel:3322411596"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Fast, Reliable Plumbing in Staten Island — Available 24/7"
|
||||
description="From leaks to water heaters, our expert technicians fix it right the first time. Proudly serving Staten Island homeowners with premium, professional care."
|
||||
buttons={[
|
||||
{
|
||||
text: "(332) 241-1596",
|
||||
href: "tel:3322411596",
|
||||
},
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "(332) 241-1596", href: "tel:3322411596" },
|
||||
{ text: "Get Free Estimate", href: "#contact" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg?_wi=1",
|
||||
imageAlt: "Professional plumbing in Staten Island",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg?_wi=2",
|
||||
imageAlt: "Expert plumbing services",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg?_wi=3",
|
||||
imageAlt: "24/7 emergency repair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg?_wi=4",
|
||||
imageAlt: "Fast response plumbing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg?_wi=5",
|
||||
imageAlt: "Reliable home plumbing",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg", imageAlt: "Professional plumbing in Staten Island" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg", imageAlt: "Expert plumbing services" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg", imageAlt: "24/7 emergency repair" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg", imageAlt: "Fast response plumbing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg", imageAlt: "Reliable home plumbing" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,36 +64,11 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Leak Repairs",
|
||||
description: "Quick detection and repair to prevent costly damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg?_wi=1",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "Professional clearing for smooth flowing pipes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-plumber-25-flat-icon-pack-such-as-disposal-industrial-water-drain-screwdriver_1142-26830.jpg?_wi=1",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Water Heaters",
|
||||
description: "Efficient repair and installation for constant hot water.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-checking-switchboard-basement_651396-3066.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Emergency Service",
|
||||
description: "24/7 rapid response for your urgent plumbing emergencies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg?_wi=2",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Pipe Inspection",
|
||||
description: "Modern camera technology to identify hidden blockages.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-plumber-25-flat-icon-pack-such-as-disposal-industrial-water-drain-screwdriver_1142-26830.jpg?_wi=2",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{ title: "Leak Repairs", description: "Quick detection and repair to prevent costly damage.", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg", buttonIcon: Zap },
|
||||
{ title: "Drain Cleaning", description: "Professional clearing for smooth flowing pipes.", imageSrc: "http://img.b2bpic.net/free-vector/creative-plumber-25-flat-icon-pack-such-as-disposal-industrial-water-drain-screwdriver_1142-26830.jpg", buttonIcon: Zap },
|
||||
{ title: "Water Heaters", description: "Efficient repair and installation for constant hot water.", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-checking-switchboard-basement_651396-3066.jpg", buttonIcon: Zap },
|
||||
{ title: "Emergency Service", description: "24/7 rapid response for your urgent plumbing emergencies.", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg", buttonIcon: Zap },
|
||||
{ title: "Pipe Inspection", description: "Modern camera technology to identify hidden blockages.", imageSrc: "http://img.b2bpic.net/free-vector/creative-plumber-25-flat-icon-pack-such-as-disposal-industrial-water-drain-screwdriver_1142-26830.jpg", buttonIcon: Zap }
|
||||
]}
|
||||
title="Expert Plumbing Services"
|
||||
description="Professional residential solutions for all your plumbing needs."
|
||||
@@ -143,26 +82,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah J., Staten Island Resident"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-sitting-together_23-2148888495.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sideview-portrait-fashionable-cute-africanamerican-guy-with-afro-hairstyle-laughing-out-loud-joke-while-talking-with-friend-park-drinking-coffee-being-upbeat-friendship-concept_176420-55186.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-people-sitting-together_23-2148888495.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sideview-portrait-fashionable-cute-africanamerican-guy-with-afro-hairstyle-laughing-out-loud-joke-while-talking-with-friend-park-drinking-coffee-being-upbeat-friendship-concept_176420-55186.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg", alt: "Customer" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -176,11 +100,7 @@ export default function LandingPage() {
|
||||
title="Local Authority You Can Trust"
|
||||
description="We are proud to be the preferred plumbing service provider for many local Staten Island institutions and properties."
|
||||
names={[
|
||||
"Staten Island Business Bureau",
|
||||
"NY Plumbing Certified",
|
||||
"Local Trusted Professional",
|
||||
"24/7 Verified Partner",
|
||||
"HomeAdvisor Approved",
|
||||
"Staten Island Business Bureau", "NY Plumbing Certified", "Local Trusted Professional", "24/7 Verified Partner", "HomeAdvisor Approved"
|
||||
]}
|
||||
tag="Trusted By Many"
|
||||
/>
|
||||
@@ -189,21 +109,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Need a Plumber Right Now?"
|
||||
description="Don't wait until a leak becomes a flood. Call us today for fast, professional service in Staten Island."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (332) 241-1596",
|
||||
href: "tel:3322411596",
|
||||
},
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call (332) 241-1596", href: "tel:3322411596" },
|
||||
{ text: "Get Free Estimate", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -213,52 +125,28 @@ export default function LandingPage() {
|
||||
logoText="Lead Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(332) 241-1596",
|
||||
href: "tel:3322411596",
|
||||
},
|
||||
{
|
||||
label: "8 Johnson St Unit 139, Staten Island, NY 10309",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Contact", items: [
|
||||
{ label: "(332) 241-1596", href: "tel:3322411596" },
|
||||
{ label: "8 Johnson St Unit 139, Staten Island, NY 10309", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Testimonials", href: "#testimonials" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Open 24 Hours",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Emergency Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Open 24 Hours", href: "#" },
|
||||
{ label: "Emergency Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user