Merge version_2 into main #1
179
src/app/page.tsx
179
src/app/page.tsx
@@ -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,41 @@ 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}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumber-working-inside-kitchen_23-2148970923.jpg"
|
||||
buttonText="Submit Request"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -206,33 +145,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 +169,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user