Merge version_4 into main #4
@@ -2,16 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -43,35 +43,38 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
<HeroSplitDualMedia
|
||||
title="Professional Plumbing Services, 24/7"
|
||||
description="Solving your biggest headaches with reliable, honest, and fast service you can trust."
|
||||
buttons={[{ text: "Call Now", href: "tel:+15550123456" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg"
|
||||
imageAlt="Root Eaters Plumbing Service"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg", imageAlt: "Plumbing equipment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-7337.jpg", imageAlt: "Plumbing professional at work" }
|
||||
]}
|
||||
rating={5}
|
||||
ratingText="5-star service ratings"
|
||||
tag="Emergency Available"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
<TextAbout
|
||||
title="Serving Our Community for Years"
|
||||
description="We are a locally owned plumbing business rooted in professional integrity. Our experts don't just clear drains; they restore your home's peace of mind."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-7337.jpg"
|
||||
imageAlt="Professional plumbing service"
|
||||
tag="Professional"
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "Read More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
<FeatureCardTwentySeven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: CheckCircle, title: "24/7 Emergency", description: "Fast response when you need us most." },
|
||||
{ icon: CheckCircle, title: "Drain Cleaning", description: "Clearing stubborn obstructions for good." },
|
||||
{ icon: CheckCircle, title: "Leak Detection", description: "Finding hidden issues before disaster strikes." },
|
||||
{ id: "f1", title: "24/7 Emergency", descriptions: ["Fast response when you need us most."] },
|
||||
{ id: "f2", title: "Drain Cleaning", descriptions: ["Clearing stubborn obstructions for good."] },
|
||||
{ id: "f3", title: "Leak Detection", descriptions: ["Finding hidden issues before disaster strikes."] },
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
title="Our Specialized Plumbing Services"
|
||||
@@ -81,14 +84,13 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split-description"
|
||||
<MetricCardEleven
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "5,000+", title: "Drains Cleared", items: ["Persistent obstructions resolved"] },
|
||||
{ id: "m2", value: "2,400+", title: "Leaks Fixed", items: ["Property damage prevented"] },
|
||||
{ id: "m3", value: "98%", title: "Referrals", items: ["Trusted by neighbors"] },
|
||||
{ id: "m1", value: "5,000+", title: "Drains Cleared", description: "Persistent obstructions resolved", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg" },
|
||||
{ id: "m2", value: "2,400+", title: "Leaks Fixed", description: "Property damage prevented", imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-7337.jpg" },
|
||||
]}
|
||||
title="Results You Can Count On"
|
||||
description="Proven performance across our community."
|
||||
@@ -97,16 +99,18 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Mark D.", date: "2024", title: "Excellent", quote: "They arrived on time and cleared my drain fast!", tag: "Homeowner", avatarSrc: "https://avatar.vercel.sh/mark" },
|
||||
{ id: "2", name: "Susan P.", date: "2024", title: "Professional", quote: "Professional, polite, and very knowledgeable.", tag: "Landlord", avatarSrc: "https://avatar.vercel.sh/susan" },
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="depth-3d"
|
||||
title="Neighborhood Trust"
|
||||
description="Real feedback from local homeowners we have helped."
|
||||
tag="Testimonials"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Mark D.", handle: "Homeowner", testimonial: "They arrived on time and cleared my drain fast!", rating: 5 },
|
||||
{ id: "2", name: "Susan P.", handle: "Landlord", testimonial: "Professional, polite, and very knowledgeable.", rating: 5 },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -122,8 +126,8 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer emergency service?", content: "Yes, we are available 24/7 for urgent plumbing needs." },
|
||||
@@ -133,23 +137,23 @@ export default function LandingPage() {
|
||||
title="Common Questions"
|
||||
description="We're here to make plumbing simple."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-man-overall-talking-by-phone_23-2148073113.jpg"
|
||||
tag="FAQ"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
title="Ready for Help?"
|
||||
description="Reach out today and we will respond immediately."
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in touch"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-man-overall-talking-by-phone_23-2148073113.jpg"
|
||||
<FooterBaseReveal
|
||||
logoText="Root Eaters Plumbing"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
|
||||
Reference in New Issue
Block a user