4 Commits

Author SHA1 Message Date
135e46521a Merge version_2 into main
Merge version_2 into main
2026-04-09 01:51:42 +00:00
3b3647c48f Update src/app/page.tsx 2026-04-09 01:51:39 +00:00
e9802d5bfb Merge version_2 into main
Merge version_2 into main
2026-04-09 01:51:11 +00:00
ebf135d50c Update src/app/page.tsx 2026-04-09 01:51:05 +00:00

View File

@@ -3,13 +3,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Clock, Shield, Star } from "lucide-react";
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Clock, Shield, Star, Sparkles } from "lucide-react";
export default function LandingPage() {
return (
@@ -30,21 +30,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Charge Construction & Plumbing"
/>
@@ -53,15 +45,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "plain",
}}
variant: "plain"}}
title="Precision Craftsmanship. Premier Plumbing."
description="Charge Construction and Plumbing LLC delivers luxury-grade construction and reliable, expert plumbing solutions. We transform spaces with unmatched professional standards."
buttons={[
{
text: "Book Consultation",
href: "#contact",
},
text: "Book Consultation", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/geometric-building-facade-with-sunlight-shadows_23-2152032129.jpg"
imageAlt="High-end construction site showcasing professional plumbing work."
@@ -74,19 +63,13 @@ export default function LandingPage() {
title="Unrivaled Quality Standards"
metrics={[
{
label: "Certified Excellence",
value: "100%",
icon: Shield,
label: "Certified Excellence", value: "100%", icon: Shield,
},
{
label: "Rapid Response",
value: "24/7",
icon: Clock,
label: "Rapid Response", value: "24/7", icon: Clock,
},
{
label: "Client Satisfaction",
value: "5.0",
icon: Star,
label: "Client Satisfaction", value: "5.0", icon: Star,
},
]}
metricsAnimation="slide-up"
@@ -100,34 +83,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "service-1",
label: "Plumbing",
title: "Expert Plumbing Installations",
items: [
"Pipe relining",
"Custom fixture install",
"Leak detection",
],
id: "service-1", label: "Plumbing", title: "Expert Plumbing Installations", items: [
"Pipe relining", "Custom fixture install", "Leak detection"],
},
{
id: "service-2",
label: "Construction",
title: "Precision General Construction",
items: [
"Kitchen renovation",
"Bathroom remodeling",
"Foundation repair",
],
id: "service-2", label: "Construction", title: "Precision General Construction", items: [
"Kitchen renovation", "Bathroom remodeling", "Foundation repair"],
},
{
id: "service-3",
label: "Emergency",
title: "Emergency Maintenance",
items: [
"24/7 priority response",
"System assessment",
"Critical repair",
],
id: "service-3", label: "Emergency", title: "Emergency Maintenance", items: [
"24/7 priority response", "System assessment", "Critical repair"],
},
]}
title="Our Specialized Solutions"
@@ -136,67 +101,43 @@ export default function LandingPage() {
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Excellent Service",
quote: "Incredible attention to detail and very clean workspace.",
name: "Robert Miller",
role: "Homeowner",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
},
{
id: "t2",
title: "High Professionalism",
quote: "They fixed our complex plumbing issue efficiently and professionally.",
name: "Elena Smith",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
},
{
id: "t3",
title: "Reliable & Fast",
quote: "The emergency repair was seamless and very high quality.",
name: "James Wilson",
role: "Property Manager",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-attractive-senior-gentleman-with-bald-head-gray-beard-posing-isolated-wearing-black-jacket-white-shirt-having-confident-look-grinning_343059-2305.jpg",
},
{
id: "t4",
title: "Luxury Standard",
quote: "Our kitchen remodel looks absolutely stunning. Top tier work.",
name: "Samantha Lee",
role: "Owner",
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
},
{
id: "t5",
title: "Great Expertise",
quote: "Knowledgeable team that truly cares about the end result.",
name: "David Clark",
role: "Investor",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-man-greeting-colleague_74855-1519.jpg",
},
]}
<TestimonialCardSixteen
title="Trusted by Homeowners"
description="Discover why our clients trust Charge Construction and Plumbing for their most important projects."
textboxLayout="split"
useInvertedBackground={false}
animationType="slide-up"
kpiItems={[
{ value: "500+", label: "Projects Finished" },
{ value: "4.9/5", label: "Average Rating" },
{ value: "24/7", label: "Support Access" }
]}
testimonials={[
{
id: "t1", name: "Robert Miller", role: "Homeowner", company: "Residential Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg"},
{
id: "t2", name: "Elena Smith", role: "Designer", company: "Studio Alpha", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg"},
{
id: "t3", name: "James Wilson", role: "Property Manager", company: "Urban Living", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-attractive-senior-gentleman-with-bald-head-gray-beard-posing-isolated-wearing-black-jacket-white-shirt-having-confident-look-grinning_343059-2305.jpg"},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Get in Touch"
<ContactSplit
tag="Contact Us"
title="Start Your Project Today"
description="Ready to upgrade your home? Contact us today to discuss your vision and get a professional assessment."
inputPlaceholder="Enter your email address"
buttonText="Request a Quote"
description="Ready to transform your property with premium construction and plumbing solutions? Send us your project details."
tagIcon={Sparkles}
useInvertedBackground={false}
mediaAnimation="slide-up"
background={{
variant: "gradient-bars"}}
imageSrc="http://img.b2bpic.net/free-photo/plumber-working-inside-kitchen_23-2148970923.jpg"
buttonText="Submit Request"
/>
</div>
@@ -206,33 +147,21 @@ export default function LandingPage() {
{
items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "License #12345",
href: "#",
},
label: "License #12345", href: "#"},
],
},
]}
@@ -242,4 +171,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}