Merge version_2 into main #1
176
src/app/page.tsx
176
src/app/page.tsx
@@ -9,6 +9,7 @@ import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Wrench, Droplets, ShieldCheck, Clock, Award, Star } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,88 +29,42 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Charge Plumbing"
|
||||
brandName="Charge Construction & Plumbing LLC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Professional Plumbing Services You Can Trust"
|
||||
description="From emergency leaks to routine installations, Charge Plumbing provides expert care for your home and business."
|
||||
title="Charge Construction & Plumbing LLC"
|
||||
description="Professional plumbing and construction excellence. We offer 24/7 emergency services and have proudly served our community for over 7 years."
|
||||
tag="Licensed & Insured"
|
||||
tagIcon={ShieldCheck}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Emergency Help (24/7)", href: "#contact" },
|
||||
{ text: "View Services", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/angry-plumber-shouting_1368-577.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-washing-dishes_23-2148378501.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-standing-kitchen-preparing-salad_23-2147893481.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/household-problem-woman-pointing-broken-tap-with-jet-water-man-with-suitcase-tools_259150-58295.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-friends-dancing-having-fun-kitchen_23-2148708928.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990736.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ local families"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumber-fixing-sink_23-2148419619.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Expertise You Can Rely On"
|
||||
description="With over 15 years in the business, our certified technicians bring precision and care to every job. We prioritize transparent pricing and high-quality results."
|
||||
title="Professional Craftsmanship"
|
||||
tag="7+ Years in Business"
|
||||
tagIcon={Award}
|
||||
description="With over 7 years of dedication to our trade, Charge Construction & Plumbing LLC brings expert solutions to every residential and commercial project. From emergency repairs to full-scale construction, we do it right the first time."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Jobs Completed",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
{ value: "7+", title: "Years Serving You" },
|
||||
{ value: "24/7", title: "Emergency Support" },
|
||||
{ value: "5-Star", title: "Customer Rating" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-worker-with-tool-belt_23-2149576472.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -123,29 +78,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Repairs",
|
||||
description: "Rapid response for burst pipes, leaks, and urgent issues.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-repair-tools_23-2147831892.jpg",
|
||||
titleIconSrc: "Wrench",
|
||||
buttonText: "View Info",
|
||||
},
|
||||
title: "24/7 Emergency Repairs", description: "Immediate assistance for urgent leaks, pipe bursts, and critical plumbing failures.", imageSrc: "http://img.b2bpic.net/free-photo/plumber-repairing-pipe_23-2149023472.jpg", titleIconSrc: "Clock", buttonText: "Call for Help"},
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "Advanced tools to keep your pipes flowing freely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-cleaning-sink_23-2149535089.jpg",
|
||||
titleIconSrc: "Droplets",
|
||||
buttonText: "View Info",
|
||||
},
|
||||
title: "Professional Plumbing", description: "Expert installation and maintenance for sinks, toilets, water heaters, and more.", imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-pipe_23-2148419631.jpg", titleIconSrc: "Wrench", buttonText: "Get Quote"},
|
||||
{
|
||||
title: "Installation Services",
|
||||
description: "Professional setup for water heaters, faucets, and more.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-showing-alarm-clock-slyly-looking-camera-smiling_141793-28695.jpg",
|
||||
titleIconSrc: "ShieldCheck",
|
||||
buttonText: "View Info",
|
||||
},
|
||||
title: "Construction Services", description: "Full-service construction projects delivered with professional precision.", imageSrc: "http://img.b2bpic.net/free-photo/construction-tools-wooden-table_23-2148532451.jpg", titleIconSrc: "ShieldCheck", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Comprehensive Services"
|
||||
description="Reliable plumbing solutions tailored to your unique household or business requirements."
|
||||
title="Our Services"
|
||||
description="We combine technical expertise with a commitment to high-quality results for every project."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -157,74 +97,36 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-washing-dishes_23-2148378501.jpg",
|
||||
id: "1", name: "James D.", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob K.",
|
||||
role: "Business Owner",
|
||||
company: "Local Cafe",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-standing-kitchen-preparing-salad_23-2147893481.jpg",
|
||||
id: "2", name: "Sarah T.", role: "Business Owner", company: "Regional Office", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Claire L.",
|
||||
role: "Resident",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/household-problem-woman-pointing-broken-tap-with-jet-water-man-with-suitcase-tools_259150-58295.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David P.",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-friends-dancing-having-fun-kitchen_23-2148708928.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena R.",
|
||||
role: "Resident",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990736.jpg",
|
||||
id: "3", name: "Michael B.", role: "Contractor", company: "Construction Partner", rating: 5,
|
||||
},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="See why homeowners and businesses choose Charge Plumbing."
|
||||
title="Top Rated Professionals"
|
||||
description="Read why local families and businesses rely on us for their construction and plumbing needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready to get started?"
|
||||
description="Send us your request and we'll be in touch shortly to assist you."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Need a Reliable Team?"
|
||||
description="Whether it's an emergency or a planned project, contact Charge Construction & Plumbing LLC today."
|
||||
buttonText="Submit Request"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Charge Plumbing"
|
||||
leftLink={{
|
||||
text: "© 2024 Charge Plumbing",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
logoText="Charge Construction & Plumbing LLC"
|
||||
leftLink={{ text: "© 2025 Charge Construction & Plumbing LLC", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user