Merge version_1 into main #1
283
src/app/page.tsx
283
src/app/page.tsx
@@ -5,10 +5,10 @@ import ReactLenis from "lenis/react";
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Building, Clock, Cog, DollarSign, Droplet, Gauge, Home, ShieldCheck, Sparkles, ThumbsUp, UserCheck, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -30,54 +30,30 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "/portfolio"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "/testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "/testimonials"},
|
||||
{
|
||||
name: "Service Areas",
|
||||
id: "/service-areas",
|
||||
},
|
||||
name: "Service Areas", id: "/service-areas"},
|
||||
{
|
||||
name: "Financing",
|
||||
id: "/financing",
|
||||
},
|
||||
name: "Financing", id: "/financing"},
|
||||
{
|
||||
name: "Careers",
|
||||
id: "/careers",
|
||||
},
|
||||
name: "Careers", id: "/careers"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
name: "FAQ", id: "/faq"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now!",
|
||||
href: "tel:+18001234567",
|
||||
}}
|
||||
text: "Call Now!", href: "tel:+18001234567"}}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pms5n9"
|
||||
logoAlt="USA Plumbing Service Logo"
|
||||
brandName="USA Plumbing Service"
|
||||
@@ -88,87 +64,47 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Expert Plumbing Service You Can Trust"
|
||||
description="Providing reliable and professional plumbing solutions for homes and businesses across the USA. Available 24/7 for emergencies."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@Homeowner",
|
||||
testimonial: "USA Plumbing saved us during a pipe burst! Fast, professional, and courteous service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-woman-with-shopping-bags_23-2147652116.jpg",
|
||||
imageAlt: "Sarah J. satisfied homeowner",
|
||||
},
|
||||
name: "Sarah J.", handle: "@Homeowner", testimonial: "USA Plumbing saved us during a pipe burst! Fast, professional, and courteous service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-woman-with-shopping-bags_23-2147652116.jpg", imageAlt: "Sarah J. satisfied homeowner"},
|
||||
{
|
||||
name: "Michael C.",
|
||||
handle: "@BusinessOwner",
|
||||
testimonial: "Their commercial plumbing solutions are top-notch. Highly recommend for any business.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
imageAlt: "Michael C. satisfied business owner",
|
||||
},
|
||||
name: "Michael C.", handle: "@BusinessOwner", testimonial: "Their commercial plumbing solutions are top-notch. Highly recommend for any business.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", imageAlt: "Michael C. satisfied business owner"},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@Resident",
|
||||
testimonial: "Outstanding leak detection service. Prevented major damage and fixed it quickly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-while-sitting-sofa_23-2148854143.jpg",
|
||||
imageAlt: "Emily R. happy resident",
|
||||
},
|
||||
name: "Emily R.", handle: "@Resident", testimonial: "Outstanding leak detection service. Prevented major damage and fixed it quickly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-while-sitting-sofa_23-2148854143.jpg", imageAlt: "Emily R. happy resident"},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@PropertyMgmt",
|
||||
testimonial: "Reliable and efficient for all our property management plumbing needs. A true partner.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-confident-standing-with-arms-crossed-gesture-street_839833-30694.jpg",
|
||||
imageAlt: "David K. property manager",
|
||||
},
|
||||
name: "David K.", handle: "@PropertyMgmt", testimonial: "Reliable and efficient for all our property management plumbing needs. A true partner.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-confident-standing-with-arms-crossed-gesture-street_839833-30694.jpg", imageAlt: "David K. property manager"},
|
||||
{
|
||||
name: "Jessica L.",
|
||||
handle: "@NewHomeowner",
|
||||
testimonial: "First-time homeowner plumbing issue, and they made it stress-free. So grateful!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
|
||||
imageAlt: "Jessica L. new homeowner",
|
||||
},
|
||||
name: "Jessica L.", handle: "@NewHomeowner", testimonial: "First-time homeowner plumbing issue, and they made it stress-free. So grateful!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg", imageAlt: "Jessica L. new homeowner"},
|
||||
]}
|
||||
tag="Your Local Plumbing Experts"
|
||||
tagIcon={Wrench}
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "/contact"},
|
||||
{
|
||||
text: "Emergency Service",
|
||||
href: "tel:+18001234567",
|
||||
},
|
||||
text: "Emergency Service", href: "tel:+18001234567"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-boy-smiling_23-2149260611.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-boy-smiling_23-2149260611.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/angry-woman_23-2147812581.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/angry-woman_23-2147812581.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",
|
||||
alt: "Portrait of young smiling woman looking at camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg", alt: "Portrait of young smiling woman looking at camera"},
|
||||
]}
|
||||
avatarText="Trusted by over 10,000 satisfied customers."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/candy-girl-kitchen_1150-9993.jpg"
|
||||
@@ -177,29 +113,19 @@ export default function LandingPage() {
|
||||
fixedMediaHeight={true}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Emergency Service",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "24/7 Emergency Service", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Technicians",
|
||||
icon: UserCheck,
|
||||
type: "text-icon", text: "Expert Technicians", icon: UserCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Satisfaction Guaranteed",
|
||||
icon: ThumbsUp,
|
||||
type: "text-icon", text: "Satisfaction Guaranteed", icon: ThumbsUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Transparent Pricing",
|
||||
icon: DollarSign,
|
||||
type: "text-icon", text: "Transparent Pricing", icon: DollarSign,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -213,34 +139,22 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Droplet,
|
||||
title: "Drain Cleaning",
|
||||
description: "Clear stubborn clogs and restore proper drainage with our advanced techniques.",
|
||||
},
|
||||
title: "Drain Cleaning", description: "Clear stubborn clogs and restore proper drainage with our advanced techniques."},
|
||||
{
|
||||
icon: Gauge,
|
||||
title: "Water Heater Repair",
|
||||
description: "Expert diagnostics and repairs for all water heater types, ensuring consistent hot water.",
|
||||
},
|
||||
title: "Water Heater Repair", description: "Expert diagnostics and repairs for all water heater types, ensuring consistent hot water."},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Leak Detection & Repair",
|
||||
description: "Utilizing advanced technology to pinpoint and repair leaks, preventing costly damage.",
|
||||
},
|
||||
title: "Leak Detection & Repair", description: "Utilizing advanced technology to pinpoint and repair leaks, preventing costly damage."},
|
||||
{
|
||||
icon: Cog,
|
||||
title: "Sewer Line Services",
|
||||
description: "Comprehensive sewer line repair, replacement, and maintenance for optimal system function.",
|
||||
},
|
||||
title: "Sewer Line Services", description: "Comprehensive sewer line repair, replacement, and maintenance for optimal system function."},
|
||||
{
|
||||
icon: Home,
|
||||
title: "Residential Plumbing",
|
||||
description: "Full-service plumbing for homes, from faucet leaks to bathroom remodels.",
|
||||
},
|
||||
title: "Residential Plumbing", description: "Full-service plumbing for homes, from faucet leaks to bathroom remodels."},
|
||||
{
|
||||
icon: Building,
|
||||
title: "Commercial Plumbing",
|
||||
description: "Specialized plumbing services for businesses, ensuring minimal disruption to operations.",
|
||||
},
|
||||
title: "Commercial Plumbing", description: "Specialized plumbing services for businesses, ensuring minimal disruption to operations."},
|
||||
]}
|
||||
title="Comprehensive Plumbing Solutions"
|
||||
description="From emergency repairs to routine maintenance, we cover all your plumbing needs with expertise and efficiency."
|
||||
@@ -250,26 +164,60 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardEleven
|
||||
<MetricCardFourteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Track Record & Impact"
|
||||
tag="Key Achievements"
|
||||
metrics={[
|
||||
{ id: "years-experience", value: "20+", description: "Years of Service Excellence" },
|
||||
{ id: "satisfied-customers", value: "10K+", description: "Satisfied Customers" },
|
||||
{ id: "projects-completed", value: "5K+", description: "Projects Successfully Completed" },
|
||||
{ id: "emergency-response", value: "24/7", description: "Emergency Availability" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardThirteen
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t-home1", name: "Robert S.", handle: "Homeowner", testimonial: "USA Plumbing's service was impeccable. Solved our complex issue efficiently!", imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-brunet-darkskinned-man-orange-jacket-beige-shorts-smiles-sincerely-shows-peace-sign-outside_197531-28753.jpg", imageAlt: "Robert S. happy customer"
|
||||
},
|
||||
{
|
||||
id: "t-home2", name: "Amanda G.", handle: "Local Business", testimonial: "Their commercial plumbing upgrade caused zero downtime. Truly professional!", imageSrc: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg", imageAlt: "Amanda G. business owner"
|
||||
},
|
||||
{
|
||||
id: "t-home3", name: "Chris B.", handle: "Property Developer", testimonial: "Handled all plumbing for our new development. Reliable and high quality workmanship.", imageSrc: "http://img.b2bpic.net/free-photo/confident-pretty-young-woman-white-t-shirt-wearing-sunglasses-her-head-keeping-hands-waist-while-looking-white-wall_141793-31108.jpg", imageAlt: "Chris B. developer"
|
||||
}
|
||||
]}
|
||||
title="What Our Clients Are Saying"
|
||||
description="Hear from satisfied homeowners and businesses about our commitment to excellent service."
|
||||
tag="Customer Feedback"
|
||||
topMarqueeDirection="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: "m1", name: "John Doe", role: "Lead Plumber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-looking-camera_23-2147892777.jpg", imageAlt: "John Doe, Lead Plumber" },
|
||||
{ id: "m2", name: "Jane Smith", role: "Customer Service Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-looking-photographer_23-2148398473.jpg", imageAlt: "Jane Smith, Customer Service Manager" },
|
||||
{ id: "m3", name: "Robert Brown", role: "Sewer Line Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-guy-wearing-grey-hoodie-smiling_482257-111149.jpg", imageAlt: "Robert Brown, Sewer Line Specialist" },
|
||||
{ id: "m4", name: "Alice Green", role: "Apprentice Plumber", imageSrc: "http://img.b2bpic.net/free-photo/happy-casual-mature-businessman-looking-camera-isolated-white-background_141793-90441.jpg", imageAlt: "Alice Green, Apprentice Plumber" }
|
||||
]}
|
||||
title="Meet Our Expert Team"
|
||||
description="Our skilled and certified plumbers are ready to provide you with top-notch service and lasting solutions."
|
||||
tag="Our Professionals"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -277,78 +225,45 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Drain Cleaning",
|
||||
href: "/services#drain-cleaning",
|
||||
},
|
||||
label: "Drain Cleaning", href: "/services#drain-cleaning"},
|
||||
{
|
||||
label: "Leak Detection",
|
||||
href: "/services#leak-detection",
|
||||
},
|
||||
label: "Leak Detection", href: "/services#leak-detection"},
|
||||
{
|
||||
label: "Water Heaters",
|
||||
href: "/services#water-heaters",
|
||||
},
|
||||
label: "Water Heaters", href: "/services#water-heaters"},
|
||||
{
|
||||
label: "Sewer Line Repair",
|
||||
href: "/services#sewer-line",
|
||||
},
|
||||
label: "Sewer Line Repair", href: "/services#sewer-line"},
|
||||
{
|
||||
label: "Emergency Plumbing",
|
||||
href: "/services#emergency",
|
||||
},
|
||||
label: "Emergency Plumbing", href: "/services#emergency"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "/careers",
|
||||
},
|
||||
label: "Our Team", href: "/careers"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "/portfolio"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "/testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "/testimonials"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
label: "FAQ", href: "/faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "Service Areas",
|
||||
href: "/service-areas",
|
||||
},
|
||||
label: "Service Areas", href: "/service-areas"},
|
||||
{
|
||||
label: "Financing",
|
||||
href: "/financing",
|
||||
},
|
||||
label: "Financing", href: "/financing"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
label: "Privacy Policy", href: "/privacy"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user