Merge version_2 into main #1
338
src/app/page.tsx
338
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleC
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Covington Plumbing"
|
||||
/>
|
||||
@@ -54,114 +42,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Trusted Covington Plumbing Professionals"
|
||||
description="Fast, reliable plumbing and drain services for the Covington community. Available 24/7 for all your residential and commercial needs."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg",
|
||||
imageAlt: "Professional Plumber",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-texture_1048-4511.jpg",
|
||||
imageAlt: "Pipe Inspection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721538.jpg",
|
||||
imageAlt: "Drain Cleaning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-with-white-van_53876-119859.jpg",
|
||||
imageAlt: "Service Truck",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-style-ai-generated_23-2150694830.jpg",
|
||||
imageAlt: "Modern Bathroom Fixture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-twisting-wrench-water-faucet-kitchen_259150-58270.jpg",
|
||||
imageAlt: "Kitchen Plumbing Repair",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg", imageAlt: "Professional Plumber" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/water-texture_1048-4511.jpg", imageAlt: "Pipe Inspection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721538.jpg", imageAlt: "Drain Cleaning" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/opened-drawer-with-tools_23-2147897918.jpg",
|
||||
imageAlt: "Plumbing Tool Kit",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg",
|
||||
imageAlt: "Fixing Leaks",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg",
|
||||
imageAlt: "Advanced Drain Tech",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg",
|
||||
imageAlt: "Friendly Service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-signing-paperwork-auto-repair-shop_637285-9793.jpg",
|
||||
imageAlt: "Detailed Inspection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-4004.jpg",
|
||||
imageAlt: "Quick Response",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-amused-entertained-charismatic-african-american-woman-with-curly-hairstyle-showing-thumbs-up_176420-31239.jpg",
|
||||
alt: "Satisfied customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/enthusiastic-businesswoman-corporate-woman-showing-thumbs-up-smiling-complimenting-recommending-company-standing-white-background_1258-122203.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg",
|
||||
alt: "Professional team",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-woman-winking-showing-thumbs-up-approval-like-agree-praise-smth-good-complimenting-you-hinting-smth-standing-white-background_176420-46453.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/very-well-smiling-handsome-man-shows-okay-sign-winks-approves-smth-give-permission-recommends-good-product-white-background_176420-50119.jpg",
|
||||
alt: "Client feedback",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Covington Experts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Estimates",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable & Punctual",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/opened-drawer-with-tools_23-2147897918.jpg", imageAlt: "Plumbing Tool Kit" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg", imageAlt: "Fixing Leaks" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg", imageAlt: "Advanced Drain Tech" },
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -170,9 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Committed to Covington Excellence"
|
||||
description={[
|
||||
"With over 20 years of experience serving Covington, our licensed team is dedicated to providing high-quality solutions for all your plumbing needs.",
|
||||
"We pride ourselves on our transparency, punctuality, and the lasting relationships we build with our local community.",
|
||||
]}
|
||||
"With over 20 years of experience serving Covington, our licensed team is dedicated to providing high-quality solutions for all your plumbing needs.", "We pride ourselves on our transparency, punctuality, and the lasting relationships we build with our local community."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -182,36 +74,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Drainage",
|
||||
title: "Drain Cleaning & Unclogging",
|
||||
items: [
|
||||
"Hydro-jetting technology",
|
||||
"Camera pipe inspections",
|
||||
"Safe removal of debris",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Repair",
|
||||
title: "Leak Detection & Repair",
|
||||
items: [
|
||||
"Emergency leak mitigation",
|
||||
"Pipeline maintenance",
|
||||
"Water pressure checks",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Installation",
|
||||
title: "Fixtures & Water Heaters",
|
||||
items: [
|
||||
"New fixture installation",
|
||||
"Water heater maintenance",
|
||||
"Energy efficient systems",
|
||||
],
|
||||
},
|
||||
{ id: "1", label: "Drainage", title: "Drain Cleaning & Unclogging", items: ["Hydro-jetting technology", "Camera pipe inspections", "Safe removal of debris"] },
|
||||
{ id: "2", label: "Repair", title: "Leak Detection & Repair", items: ["Emergency leak mitigation", "Pipeline maintenance", "Water pressure checks"] },
|
||||
{ id: "3", label: "Installation", title: "Fixtures & Water Heaters", items: ["New fixture installation", "Water heater maintenance", "Energy efficient systems"] },
|
||||
]}
|
||||
title="Expert Plumbing Solutions"
|
||||
description="We offer a wide range of professional plumbing services tailored to your property's requirements."
|
||||
@@ -225,42 +90,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Kitchen Sink Repair",
|
||||
price: "From $120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721571.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Drain Line Clearing",
|
||||
price: "From $150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-drying-glass-with-kitchen-towel-by-black-faucet-drying-dishes_169016-69554.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Water Heater Flush",
|
||||
price: "From $180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-walking-metal-platform-doing-visual-inspection-industrial-food-storage-tanks-silos_342744-444.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Toilet Replacement",
|
||||
price: "From $250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/toilet-interior-minimalistic-bathroom_169016-13060.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Main Line Inspection",
|
||||
price: "From $200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pipe Replacement",
|
||||
price: "Quote Required",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990735.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Kitchen Sink Repair", price: "From $120", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721571.jpg" },
|
||||
{ id: "p2", name: "Drain Line Clearing", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/man-drying-glass-with-kitchen-towel-by-black-faucet-drying-dishes_169016-69554.jpg" },
|
||||
{ id: "p3", name: "Water Heater Flush", price: "From $180", imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-walking-metal-platform-doing-visual-inspection-industrial-food-storage-tanks-silos_342744-444.jpg" },
|
||||
]}
|
||||
title="Comprehensive Solutions"
|
||||
description="Explore our core service offerings tailored for residential comfort."
|
||||
@@ -273,27 +105,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
description: "Local plumbing experts",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-mature-business-leader-with-laptop_74855-3478.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Projects Completed",
|
||||
description: "Homes serviced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/check-mark-icon-left-side-white-background_187299-40288.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
description: "Always there for you",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-store-24-hours-customer-service-diagram-how-e-commerce-website-works-vector-illustration_1284-1937.jpg",
|
||||
},
|
||||
{ id: "m1", value: "20+", title: "Years Experience", description: "Local plumbing experts", imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-mature-business-leader-with-laptop_74855-3478.jpg" },
|
||||
{ id: "m2", value: "5k+", title: "Projects Completed", description: "Homes serviced", imageSrc: "http://img.b2bpic.net/free-photo/check-mark-icon-left-side-white-background_187299-40288.jpg" },
|
||||
{ id: "m3", value: "24/7", title: "Support Availability", description: "Always there for you", imageSrc: "http://img.b2bpic.net/free-vector/online-store-24-hours-customer-service-diagram-how-e-commerce-website-works-vector-illustration_1284-1937.jpg" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Experience that speaks for itself."
|
||||
@@ -301,49 +115,17 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
<TestimonialCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Homeowner",
|
||||
testimonial: "Excellent service and very prompt arrival. Cleared my drain in minutes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-gesturing-thumbup-looking-camera_23-2148204641.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Smith",
|
||||
role: "Restaurant Owner",
|
||||
testimonial: "Covington Plumbing saved our dinner rush. Incredible attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-white-sign-yellow-wall-man-expression-emotion-color-model_140725-26516.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark Wilson",
|
||||
role: "Manager",
|
||||
testimonial: "Knowledgeable and very fair pricing. My go-to plumber now.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-working-people-plan-concept_53876-128044.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily Davis",
|
||||
role: "Homeowner",
|
||||
testimonial: "They fixed our leak when others couldn't. Very thorough work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-talking-waitress-cafe_637285-8070.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Paul Harris",
|
||||
role: "Homeowner",
|
||||
testimonial: "Professional, clean, and courteous. Will definitely hire again.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-handsome-man-sits-armchair-thumbs-up-looking_141793-71149.jpg",
|
||||
},
|
||||
]}
|
||||
title="Local Client Reviews"
|
||||
description="Don't take our word for it—hear what your neighbors in Covington say."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "John Doe", date: "2023-10-15", title: "Excellent!", quote: "Excellent service and very prompt arrival. Cleared my drain in minutes.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-gesturing-thumbup-looking-camera_23-2148204641.jpg" },
|
||||
{ id: "t2", name: "Sarah Smith", date: "2023-11-02", title: "Great Job", quote: "Covington Plumbing saved our dinner rush. Incredible attention to detail.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-white-sign-yellow-wall-man-expression-emotion-color-model_140725-26516.jpg" },
|
||||
{ id: "t3", name: "Mark Wilson", date: "2023-11-20", title: "Very Fair", quote: "Knowledgeable and very fair pricing. My go-to plumber now.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/business-working-people-plan-concept_53876-128044.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -352,21 +134,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you available 24/7?",
|
||||
content: "Yes, we handle emergency calls anytime.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, all major projects come with a free consultation and quote.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is your team insured?",
|
||||
content: "Absolutely. We are fully licensed, bonded, and insured for your peace of mind.",
|
||||
},
|
||||
{ id: "f1", title: "Are you available 24/7?", content: "Yes, we handle emergency calls anytime." },
|
||||
{ id: "f2", title: "Do you offer free estimates?", content: "Yes, all major projects come with a free consultation and quote." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers regarding your plumbing systems."
|
||||
@@ -377,18 +146,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Need a Reliable Plumber?"
|
||||
description="Get in touch for a free inspection or emergency services today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "tel:555-0123",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Now", href: "tel:555-0123" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -396,40 +158,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Covington Plumbing And Drain"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user