211 lines
12 KiB
TypeScript
211 lines
12 KiB
TypeScript
"use client"
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import { Zap, Lightbulb, Plug, Building2, Wrench, Shield, Phone, MessageCircle, MapPin, Heart, MapPin as MapPinIcon } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="compact"
|
||
sizing="largeSizeMediumTitles"
|
||
background="aurora"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="normal"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
brandName="Mahadev Electricals"
|
||
navItems={[
|
||
{ name: "Services", id: "services" },
|
||
{ name: "Why Us", id: "why-us" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "FAQ", id: "faq" },
|
||
{ name: "Contact", id: "contact" }
|
||
]}
|
||
bottomLeftText="24/7 Available"
|
||
bottomRightText="97312 20183"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero-overlay" data-section="hero-overlay">
|
||
<HeroOverlay
|
||
title="Mahadev Electricals"
|
||
subtitle="Fast, safe, and professional electrical solutions—delivered with precision and care. Available 24/7 for all your emergency and routine electrical needs."
|
||
buttons={[
|
||
{ text: "Call Now – Get Immediate Help", href: "tel:973122083" },
|
||
{ text: "Request a Service", href: "#contact" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
backgroundImage="http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg"
|
||
backgroundImageAlt="Professional electrician providing 24/7 emergency electrical service"
|
||
overlayOpacity={0.5}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboard
|
||
logoText="Mahadev Electricals"
|
||
description="Fast, safe, and professional electrical solutions—delivered with precision and care. Available 24/7 for all your emergency and routine electrical needs."
|
||
buttons={[
|
||
{ text: "Call Now – Get Immediate Help", href: "tel:973122083" },
|
||
{ text: "Request a Service", href: "#contact" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
background={{ variant: "plain" }}
|
||
imageSrc="http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg"
|
||
imageAlt="Professional electrician providing 24/7 emergency electrical service"
|
||
mediaAnimation="blur-reveal"
|
||
frameStyle="card"
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
names={["4.8 Star Rating", "1000+ Happy Customers", "24/7 Emergency Service", "Fast Response Time", "Honest Pricing", "Local Experts", "10+ Years Experience"]}
|
||
title="Trusted by Homeowners Across Pune"
|
||
description="With consistently high ratings and repeat customers, Mahadev Electricals is known for reliability, quick response, and honest work. Your safety and satisfaction are our top priorities."
|
||
buttons={[
|
||
{ text: "See Our Work", href: "#services" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureHoverPattern
|
||
title="Complete Electrical Solutions"
|
||
description="Whether it's a small repair or a major installation, Mahadev Electricals delivers reliable, professional service with precision and care."
|
||
features={[
|
||
{ icon: Zap, title: "Emergency Repairs", description: "Immediate help when you need it most. Available 24/7 for urgent electrical issues." },
|
||
{ icon: Lightbulb, title: "Home Wiring & Installation", description: "Safe, clean, long-lasting electrical setups for your home with modern standards." },
|
||
{ icon: Plug, title: "Appliance Installation", description: "Professional installation for fans, lights, geysers, air conditioners, and more." },
|
||
{ icon: Building2, title: "Commercial Electrical Work", description: "Reliable electrical solutions for offices, shops, and commercial establishments." },
|
||
{ icon: Wrench, title: "Maintenance & Troubleshooting", description: "Preventive maintenance and quick diagnostics to fix issues before they become problems." },
|
||
{ icon: Shield, title: "Safety Inspection", description: "Comprehensive electrical safety audits to ensure your home or business is secure." }
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
buttons={[
|
||
{ text: "Book Emergency Service", href: "tel:973122083" },
|
||
{ text: "Request Quote", href: "#contact" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<MetricCardEleven
|
||
title="Why Choose Mahadev Electricals"
|
||
description="We combine reliability, speed, and transparency in every service. Here's why Pune trusts us."
|
||
metrics={[
|
||
{ id: "available", value: "24/7", title: "Always Available", description: "Round-the-clock service for emergencies and planned work.", imageSrc: "http://img.b2bpic.net/free-photo/two-handymen-making-measures_23-2147743081.jpg", imageAlt: "emergency electrical repair urgent service" },
|
||
{ id: "response", value: "30-60 min", title: "Fast Response Time", description: "Quick arrival to resolve your electrical issues.", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-53066.jpg", imageAlt: "emergency electrical repair 24 hours service" },
|
||
{ id: "transparent", value: "100%", title: "Transparent Pricing", description: "No hidden charges—clear quotes before we start work.", imageSrc: "http://img.b2bpic.net/free-photo/woman-engineer-checks-electrical-panel-using-digital-schematic-technical-inspection_169016-71057.jpg", imageAlt: "electrical maintenance troubleshooting inspection" },
|
||
{ id: "skilled", value: "10+", title: "Years Experience", description: "Highly trained and certified electrical experts.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-overalls-focused-work-switchboard-with-fuses-using-tablet_169016-66859.jpg", imageAlt: "commercial electrical system office building" }
|
||
]}
|
||
animationType="scale-rotate"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
tag="Local Experts"
|
||
tagIcon={MapPinIcon}
|
||
title="Local Experts You Can Rely On"
|
||
description="Based in Warje, Pune, Mahadev Electricals has built a reputation for dependable service and customer-first values."
|
||
subdescription="Whether it's a small repair or a major installation, every job is handled with care, precision, and professionalism. We're your trusted neighborhood electrician."
|
||
icon={Heart}
|
||
imageSrc="http://img.b2bpic.net/free-photo/engineers-making-peace-gesture_23-2147704170.jpg"
|
||
imageAlt="Professional electrical experts team in Pune"
|
||
mediaAnimation="slide-up"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
testimonial="Quick response even late at night. Very professional and solved my electrical issue in minutes. Highly recommended!"
|
||
rating={5}
|
||
author="Satisfied Customer"
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/business-people-talking-about-new-project_23-2148778072.jpg", alt: "Customer testimonial" },
|
||
{ src: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", alt: "Customer testimonial" },
|
||
{ src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg", alt: "Customer testimonial" },
|
||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", alt: "Customer testimonial" }
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
sideTitle="Common Questions"
|
||
sideDescription="Find answers to frequently asked questions about our electrical services."
|
||
faqs={[
|
||
{ id: "emergency", title: "Do you provide 24/7 emergency services?", content: "Yes! Mahadev Electricals is available 24 hours a day, 7 days a week for emergency electrical repairs. Call us anytime at 97312 20183." },
|
||
{ id: "pricing", title: "What are your charges?", content: "We offer transparent pricing with no hidden charges. Service calls start from ₹299. We provide detailed quotes before starting any work. Prices vary based on the complexity of the job." },
|
||
{ id: "areas", title: "Do you serve nearby areas?", content: "We primarily serve Warje and surrounding areas in Pune. Call us to confirm if we service your location. Our team tries to reach within 30-60 minutes for emergencies." },
|
||
{ id: "guarantee", title: "Do you provide any warranty?", content: "Yes, we stand behind our work. All installations and repairs come with workmanship guarantees. Ask us about warranty details for your specific job." },
|
||
{ id: "booking", title: "How do I book a service?", content: "You can call us directly at 97312 20183 or use our online form to request a service. We'll confirm your appointment and arrival time within the next communication." },
|
||
{ id: "experience", title: "Are your electricians qualified?", content: "All our electricians are certified and highly experienced with 10+ years in the industry. They're trained in safety protocols and modern electrical standards." }
|
||
]}
|
||
faqsAnimation="slide-up"
|
||
textPosition="left"
|
||
useInvertedBackground={true}
|
||
buttons={[
|
||
{ text: "Call Now", href: "tel:973122083" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
text="Need an Electrician Right Now? Contact Mahadev Electricals for fast, reliable service."
|
||
animationType="reveal-blur"
|
||
buttons={[
|
||
{ text: "Call Now: 97312 20183", href: "tel:973122083" },
|
||
{ text: "WhatsApp Us", href: "https://wa.me/919731220183" }
|
||
]}
|
||
background={{ variant: "downward-rays-animated" }}
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="Mahadev Electricals"
|
||
copyrightText="© 2025 Mahadev Electricals. All rights reserved. | Warje, Pune"
|
||
socialLinks={[
|
||
{ icon: Phone, href: "tel:973122083", ariaLabel: "Call us" },
|
||
{ icon: MessageCircle, href: "https://wa.me/919731220183", ariaLabel: "WhatsApp us" },
|
||
{ icon: MapPin, href: "#", ariaLabel: "Our location" }
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |