134 lines
7.4 KiB
TypeScript
134 lines
7.4 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"
|
||
contentWidth="medium"
|
||
sizing="medium"
|
||
background="circleGradient"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="normal"
|
||
>
|
||
<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>
|
||
);
|
||
} |