243 lines
13 KiB
TypeScript
243 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Award, Clock, Mail, Phone, Shield, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Services", id: "features"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Ari Electrical"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-animated"}}
|
|
title="Always on Time, Always Safe."
|
|
description="Ari Electrical provides professional domestic and industrial electrical services. From appliance repairs to generator and gate installations, Shanil Sharma ensures quality service every time."
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Quote", href: "#contact"},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-53618.jpg", imageAlt: "professional electrical contractor working"},
|
|
{
|
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/female-male-workers-wearing-work-clothes_273609-11137.jpg", imageAlt: "electrician fixing modern home wiring"},
|
|
{
|
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-switchboard-with-electrical-connection-cable-copy-space_169016-52810.jpg", imageAlt: "electrician testing electrical appliances"},
|
|
{
|
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-131901.jpg", imageAlt: "electrician using testing equipment"},
|
|
{
|
|
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23482.jpg", imageAlt: "electrical panel maintenance technician"},
|
|
{
|
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-18333.jpg", imageAlt: "reliable electrician at work"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Your Reliable Partner"
|
|
title="Trusted Local Electrical Contracting"
|
|
description="With a commitment to excellence and punctuality, Ari Electrical serves the Nasinu Road area with dedication. We specialize in comprehensive electrical solutions for both home and industrial sectors."
|
|
subdescription="Whether it's a simple appliance repair, complex industrial installation, or installing your new remote gate, Shanil Sharma is the contractor you can rely on for prompt and safe service."
|
|
icon={Zap}
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-51800.jpg"
|
|
mediaAnimation="slide-up"
|
|
imageAlt="electrical contracting service professional"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Domestic & Industrial", description: "Full-scale electrical system installations and wiring solutions.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-hard-hat-looks-wall-while-holding-electric-cable_169016-12103.jpg", imageAlt: "domestic electrical wiring installation"},
|
|
{
|
|
title: "Appliances & Repairs", description: "Reliable maintenance and fixing of your daily electrical home appliances.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-panel-wiring-installation-tool-hand_169016-68226.jpg", imageAlt: "industrial electrical maintenance services"},
|
|
{
|
|
title: "Gate & Generator Setup", description: "Expert remote gate automation and emergency power generator installation.", imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741262.jpg", imageAlt: "remote control gate installation technician"},
|
|
{
|
|
title: "Punctual Service", description: "Always on time, we respect your schedule while delivering superior workmanship.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-repairman-man-putting-gloves-work-with-car-service-station_496169-984.jpg", imageAlt: "emergency home generator installation service"},
|
|
]}
|
|
title="Comprehensive Electrical Services"
|
|
description="High-quality installation, maintenance, and repair services tailored to meet your unique requirements."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic", tag: "Essential", price: "$99", period: "/callout", description: "Standard service and diagnostic inspection for all appliances.", button: {
|
|
text: "Book Service", href: "#contact"},
|
|
featuresTitle: "Included:", features: [
|
|
"On-site diagnostic", "Safety inspection", "Qualified technician"],
|
|
},
|
|
{
|
|
id: "standard", tag: "Best Value", price: "$249", period: "/setup", description: "Comprehensive installation for remote gates or generator setups.", button: {
|
|
text: "Book Installation", href: "#contact"},
|
|
featuresTitle: "Included:", features: [
|
|
"Expert setup", "Full configuration", "Post-install safety check"],
|
|
},
|
|
{
|
|
id: "pro", tag: "Industrial", price: "Custom", period: "/quote", description: "Enterprise-grade industrial electrical installations featuring dedicated 24/7 priority support.", button: {
|
|
text: "Get Quote", href: "#contact"},
|
|
featuresTitle: "Included:", features: [
|
|
"Full scope design", "Safety compliance", "Priority 24/7 Support"],
|
|
},
|
|
]}
|
|
title="Clear Transparent Pricing"
|
|
description="Quality service at rates you can trust."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "100%", title: "On Time", description: "We value your schedule above all else.", icon: Clock,
|
|
},
|
|
{
|
|
id: "m2", value: "500+", title: "Projects Completed", description: "Quality results across our service area.", icon: Award,
|
|
},
|
|
{
|
|
id: "m3", value: "24/7", title: "Safety Commitment", description: "Electrical systems built to last and protect.", icon: Shield,
|
|
},
|
|
]}
|
|
title="Performance at a Glance"
|
|
description="Our commitment to punctuality and quality shows in every project."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Miller", role: "Homeowner", company: "Residential", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-technician-connects-equipment-with-tool_169016-1475.jpg"},
|
|
{
|
|
id: "2", name: "David Raj", role: "Manager", company: "Factory-X", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2712.jpg"},
|
|
{
|
|
id: "3", name: "Emily Chen", role: "Owner", company: "LocalCafe", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg"},
|
|
{
|
|
id: "4", name: "James Bond", role: "Manager", company: "WareCo", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/architect-giving-hand-shake_23-2148242932.jpg"},
|
|
{
|
|
id: "5", name: "Lisa Wong", role: "Homeowner", company: "Residential", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg"},
|
|
]}
|
|
title="Trusted by Locals"
|
|
description="Hear what our clients say about Ari Electrical services."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Do you offer emergency services?", content: "Yes, we handle emergency electrical concerns promptly. Reach out to our mobile contact numbers."},
|
|
{
|
|
id: "f2", title: "Are you licensed for industrial work?", content: "Ari Electrical provides comprehensive services for both residential and industrial installations with full compliance to safety standards."},
|
|
{
|
|
id: "f3", title: "How do I schedule a generator installation?", content: "Simply call or email us, provide your location on Nasinu Road, and we will set up an inspection to determine the best unit for your needs."},
|
|
]}
|
|
sideTitle="Commonly Asked Questions"
|
|
sideDescription="Need clarification? We're here to help with your electrical project needs."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Get in Touch Today"
|
|
description="Punctual, professional electrical contracting. Reach out to Shanil Sharma for your home or industrial requirements."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name"},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email"},
|
|
{
|
|
name: "phone", type: "text", placeholder: "Your Phone Number"},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your project requirements..."}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23490.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Ari Electrical"
|
|
copyrightText="© 2025 Ari Electrical | Nasinu Road Contracting"
|
|
socialLinks={[
|
|
{
|
|
icon: Phone,
|
|
href: "tel:8647902", ariaLabel: "Call us"},
|
|
{
|
|
icon: Mail,
|
|
href: "mailto:arielectrical774@gmail.com", ariaLabel: "Email us"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |