Merge version_2 into main #2
194
src/app/page.tsx
194
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 ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, CheckCircle, Clock, DollarSign, Lock, ShieldCheck, Wrench, Zap } from "lucide-react";
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, CheckCircle, Clock, DollarSign, Lock, MessageCircle, ShieldCheck, Wrench, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
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="Dr. Drip Plumbing Inc."
|
||||
/>
|
||||
@@ -57,81 +47,52 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Professional Plumbing When You Need It Most"
|
||||
description="Justin and his team provide reliable, fair, and prompt plumbing services for emergencies and big jobs alike. Serving the community with integrity."
|
||||
kpis={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "5.0", label: "Google Rating"},
|
||||
{
|
||||
value: "55+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "55+", label: "Happy Customers"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Available",
|
||||
},
|
||||
value: "24/7", label: "Available"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: +1 786-636-4044",
|
||||
href: "tel:+17866364044",
|
||||
},
|
||||
text: "Call Now: +1 786-636-4044", href: "tel:+17866364044"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-female-driver-with-van-wagon-car_23-2150248841.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-shirt-tie-standing_171337-10746.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-shirt-tie-standing_171337-10746.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-mother-standing-near-cradle_1170-360.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-mother-standing-near-cradle_1170-360.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg", alt: "Customer"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Licensed", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Insured",
|
||||
icon: Lock,
|
||||
type: "text-icon", text: "Insured", icon: Lock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Service",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "24/7 Service", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fair Pricing",
|
||||
icon: DollarSign,
|
||||
type: "text-icon", text: "Fair Pricing", icon: DollarSign,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Team",
|
||||
icon: Wrench,
|
||||
type: "text-icon", text: "Expert Team", icon: Wrench,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -144,19 +105,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Licensed & Insured",
|
||||
value: "Verified",
|
||||
},
|
||||
label: "Licensed & Insured", value: "Verified"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Quick Response",
|
||||
value: "Fast",
|
||||
},
|
||||
label: "Quick Response", value: "Fast"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Honest Quotes",
|
||||
value: "Transparent",
|
||||
},
|
||||
label: "Honest Quotes", value: "Transparent"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -169,25 +124,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Septic & Plumbing Checks",
|
||||
description: "Thorough inspection of your home's essential systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg?_wi=1",
|
||||
imageAlt: "Inspection",
|
||||
},
|
||||
title: "Septic & Plumbing Checks", description: "Thorough inspection of your home's essential systems.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg?_wi=1", imageAlt: "Inspection"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Hot Water Line Replacement",
|
||||
description: "Expert replacement of water lines with reliable, fair quotes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg?_wi=2",
|
||||
imageAlt: "Pipework",
|
||||
},
|
||||
title: "Hot Water Line Replacement", description: "Expert replacement of water lines with reliable, fair quotes.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg?_wi=2", imageAlt: "Pipework"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Emergency Repairs",
|
||||
description: "Prompt response for all plumbing emergencies, day or night.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg?_wi=3",
|
||||
imageAlt: "Emergency",
|
||||
},
|
||||
title: "Emergency Repairs", description: "Prompt response for all plumbing emergencies, day or night.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg?_wi=3", imageAlt: "Emergency"},
|
||||
]}
|
||||
title="Our Professional Plumbing Services"
|
||||
description="From small repairs to large line replacements, we ensure every job is done with precision."
|
||||
@@ -195,67 +138,34 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Lazario Torres",
|
||||
handle: "@lazario",
|
||||
testimonial: "Justin was very knowledgeable, took the time to explain everything, and answered all questions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Heather Caballero",
|
||||
handle: "@heather",
|
||||
testimonial: "Justin was prompt, attentive, and his prices were fair and honest.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-tie-standing_171337-10746.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Luis Murillo",
|
||||
handle: "@luis",
|
||||
testimonial: "My go-to guy. Small emergencies or big jobs, Justin and his team do it all.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mother-standing-near-cradle_1170-360.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex R.",
|
||||
handle: "@alex",
|
||||
testimonial: "Exceptional service, clearly explained the hot water line issue and provided a competitive quote.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria G.",
|
||||
handle: "@maria",
|
||||
testimonial: "Very professional and worked quickly to get everything back in order.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg",
|
||||
},
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Justin and his team provided exceptional service. They handled my hot water line emergency quickly, professionally, and for a very fair price. Highly recommended!"
|
||||
rating={5}
|
||||
author="Lazario Torres"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-shirt-tie-standing_171337-10746.jpg", alt: "User 2" }
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Don't just take our word for it—see what our satisfied customers have to say about their experience."
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Testimonial section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Available 24/7"
|
||||
title="Need a Reliable Plumber?"
|
||||
description="Call Dr. Drip Plumbing Inc. today for expert service, honest pricing, and prompt solutions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: +1 786-636-4044",
|
||||
href: "tel:+17866364044",
|
||||
},
|
||||
<ContactFaq
|
||||
faqs={[
|
||||
{ id: "f1", title: "How quickly can you respond?", content: "We pride ourselves on rapid response times, especially for emergency plumbing issues." },
|
||||
{ id: "f2", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured for your peace of mind." }
|
||||
]}
|
||||
ctaTitle="Ready to Get Started?"
|
||||
ctaDescription="Have questions or need an emergency repair? Get in touch with our team today."
|
||||
ctaButton={{ text: "Get in touch", href: "tel:+17866364044" }}
|
||||
ctaIcon={MessageCircle}
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -268,4 +178,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user