Merge version_1 into main #2
341
src/app/page.tsx
341
src/app/page.tsx
@@ -13,247 +13,122 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
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="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="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="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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
]}
|
||||
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="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="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="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>
|
||||
<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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user