260 lines
8.0 KiB
TypeScript
260 lines
8.0 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Services",
|
||
id: "services",
|
||
},
|
||
{
|
||
name: "Reviews",
|
||
id: "reviews",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="DD Plumber"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardGallery
|
||
background={{
|
||
variant: "sparkles-gradient",
|
||
}}
|
||
title="Ahmedabad’s Trusted 24/7 Plumbing Service"
|
||
description="Fast, reliable, and professional plumbers near you — available anytime, day or night."
|
||
buttons={[
|
||
{
|
||
text: "Call Now",
|
||
href: "tel:07043234223",
|
||
},
|
||
{
|
||
text: "WhatsApp",
|
||
href: "https://wa.me/917043234223",
|
||
},
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721572.jpg",
|
||
imageAlt: "Emergency plumber in Ahmedabad",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17659.jpg",
|
||
imageAlt: "Professional plumbing services",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/coveralls-digitally-generated-car-cardboard-box-pointing_1134-941.jpg",
|
||
imageAlt: "Bathroom repair service",
|
||
},
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Emergency Repairs",
|
||
description: "24/7 support for leaks, bursts, and urgent plumbing issues.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg?_wi=1",
|
||
},
|
||
{
|
||
title: "Drain Cleaning",
|
||
description: "High-pressure drain clearance for bathrooms and kitchens.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg?_wi=2",
|
||
},
|
||
{
|
||
title: "Heater Installation",
|
||
description: "Expert water heater setup and maintenance services.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg?_wi=3",
|
||
},
|
||
]}
|
||
title="Expert Plumbing Services"
|
||
description="We offer a wide range of professional plumbing solutions for homeowners in Ahmedabad."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Sarah J.",
|
||
handle: "@sarahj",
|
||
testimonial: "Came at midnight to fix a burst pipe. Life saver!",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Amit P.",
|
||
handle: "@amitp",
|
||
testimonial: "Very professional and friendly. Work done quickly.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Rohan D.",
|
||
handle: "@rohand",
|
||
testimonial: "Best plumber in Ahmedabad. Highly recommended.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-smartphone-sits-home-does-homework-watches-smth-mobile-phone-app_1258-183058.jpg",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Meera S.",
|
||
handle: "@meeras",
|
||
testimonial: "Fixed my water heater in no time. Great service.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Vijay K.",
|
||
handle: "@vijayk",
|
||
testimonial: "Quick, efficient, and cost-effective. Excellent job.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-new-home-man-decorating-living-room_329181-270.jpg",
|
||
},
|
||
]}
|
||
showRating={true}
|
||
title="Trusted by Homeowners"
|
||
description="See why we're rated 5.0 stars in Ahmedabad."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
useInvertedBackground={false}
|
||
sideTitle="Common Plumbing FAQs"
|
||
sideDescription="Get quick answers to the most common plumbing questions in Ahmedabad."
|
||
faqsAnimation="slide-up"
|
||
faqs={[
|
||
{
|
||
id: "q1",
|
||
title: "How quickly can you arrive for an emergency?",
|
||
content: "Our response time is typically under 60 minutes across Ahmedabad for emergencies.",
|
||
},
|
||
{
|
||
id: "q2",
|
||
title: "Are your plumbers licensed?",
|
||
content: "Yes, all our staff are fully trained and experienced professionals.",
|
||
},
|
||
{
|
||
id: "q3",
|
||
title: "Do you offer a warranty on repairs?",
|
||
content: "We provide a 30-day warranty on all repair workmanship.",
|
||
},
|
||
{
|
||
id: "q4",
|
||
title: "Can you handle large pipe installations?",
|
||
content: "We specialize in both residential and commercial plumbing installations.",
|
||
},
|
||
{
|
||
id: "q5",
|
||
title: "How do I make a payment?",
|
||
content: "We accept cash, UPI, and bank transfers upon job completion.",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
tag="Contact Us"
|
||
title="Need Urgent Help?"
|
||
description="Our team is available 24/7 to solve your plumbing issues."
|
||
buttons={[
|
||
{
|
||
text: "Call Now",
|
||
href: "tel:07043234223",
|
||
},
|
||
{
|
||
text: "WhatsApp Us",
|
||
href: "https://wa.me/917043234223",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="DD Plumber"
|
||
columns={[
|
||
{
|
||
title: "Services",
|
||
items: [
|
||
{
|
||
label: "Repairs",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Drain Cleaning",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Emergency",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact",
|
||
items: [
|
||
{
|
||
label: "Call: 070432 34223",
|
||
href: "tel:07043234223",
|
||
},
|
||
{
|
||
label: "Location",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|