326 lines
16 KiB
TypeScript
326 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, Calendar, ShieldCheck, Sparkles, Wrench, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Products", id: "#products"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "Impact", id: "#impact"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Partners", id: "#partners"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/renewable-energy-logo-design_23-2150013331.jpg"
|
|
logoAlt="Nirumala Trade & Electricals Logo"
|
|
brandName="Nirumala Trade & Electricals"
|
|
bottomLeftText="Electrical Excellence"
|
|
bottomRightText="info@nirumala.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardGallery
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Nirumala Trade & Electricals: Your Trusted Partner for Power Solutions"
|
|
description="Delivering high-quality electrical components and reliable trade services to empower your projects with efficiency and safety."
|
|
buttons={[
|
|
{
|
|
text: "Explore Products", href: "#products"},
|
|
{
|
|
text: "Our Services", href: "#services"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sun-setting-silhouette-electricity-pylons_1127-3219.jpg", imageAlt: "Modern electrical panel"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-builder-engineers-talking-building-site-engineer-explaining-drawing-worker_169016-12057.jpg", imageAlt: "Bundles of electrical wires and cables"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/maintenance-repair-plumbing-construction-concept_343059-3498.jpg", imageAlt: "Electrical technician working on a control panel"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-swimming-pool-trampolines_23-2148326836.jpg", imageAlt: "Modern LED lighting in an industrial setting"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-structure_23-2151048136.jpg", imageAlt: "Clean energy power station"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-economist_23-2150062320.jpg", imageAlt: "Smart electrical meter with digital display"},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="Our Story"
|
|
title="Over a Decade of Excellence in Electrical Solutions"
|
|
description="Since 2010, Nirumala Trade & Electricals has been a cornerstone in the electrical industry, committed to superior quality and unmatched service. Our expertise spans a wide range of electrical components and comprehensive trade services, ensuring every client receives reliable and efficient solutions tailored to their needs."
|
|
subdescription="We believe in building lasting relationships through trust, integrity, and consistently exceeding expectations. From intricate wiring projects to large-scale component supply, our dedication to precision and customer satisfaction powers our every endeavor."
|
|
icon={Sparkles}
|
|
imageSrc="http://img.b2bpic.net/free-photo/heavy-machinery-units-high-tech-solar-panel-warehouse-3d-illustration_482257-77941.jpg"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Industrial Electrical Installations", description: "Expert installation of heavy-duty electrical systems for factories and large facilities.", bentoComponent: "reveal-icon", icon: Zap
|
|
},
|
|
{
|
|
title: "Commercial Wiring & Upgrades", description: "Reliable wiring solutions and system upgrades for commercial buildings and offices.", bentoComponent: "reveal-icon", icon: Zap
|
|
},
|
|
{
|
|
title: "Electrical Component Supply", description: "Sourcing and supply of high-quality electrical parts, ensuring optimal performance.", bentoComponent: "reveal-icon", icon: ShieldCheck
|
|
},
|
|
]}
|
|
title="Comprehensive Electrical & Trade Solutions"
|
|
description="From industrial-grade wiring to custom electrical panel installations, our team provides expert services ensuring safety, compliance, and optimal performance."
|
|
tag="Our Services"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "switchgear", name: "Industrial Switchgear", price: "$5,500", variant: "High-Performance", imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-with-fuses-contactors-closeup_169016-51919.jpg", imageAlt: "Industrial switchgear control panel"},
|
|
{
|
|
id: "motor", name: "Heavy-Duty Electric Motors", price: "$2,800", variant: "Energy Efficient", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599439.jpg", imageAlt: "Heavy-duty industrial electric motor"},
|
|
{
|
|
id: "cable-tray", name: "Cable Management Systems", price: "$350", variant: "Modular Design", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-bridge-foggy-day_1127-2065.jpg", imageAlt: "Cable tray system in an industrial building"},
|
|
{
|
|
id: "transformer", name: "Power Transformers", price: "$7,200", variant: "Voltage Regulation", imageSrc: "http://img.b2bpic.net/free-photo/electricity-high-voltage-pole-sky_1127-2985.jpg", imageAlt: "Large power transformer"},
|
|
{
|
|
id: "lighting", name: "Commercial LED Lighting", price: "$120", variant: "Eco-Friendly", imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-candles-dark-wall_179666-40097.jpg", imageAlt: "Commercial LED lighting fixture"},
|
|
{
|
|
id: "breaker", name: "Circuit Breakers", price: "$85", variant: "Safety Certified", imageSrc: "http://img.b2bpic.net/free-photo/electric-machines-switches-isolated-white-close-up-connect-marker-cable-device_169016-4119.jpg", imageAlt: "Electrical circuit breaker"},
|
|
]}
|
|
title="Premium Electrical Components for Every Need"
|
|
description="Explore our extensive catalog of high-quality electrical components, meticulously sourced and tested for durability and performance."
|
|
tag="Our Products"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic-install", badge: "Essential", price: "Custom Quote", subtitle: "Basic Installation Services", buttons: [
|
|
{
|
|
text: "Get a Quote", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Standard wiring setup", "Component installation", "Initial safety check", "1-year service warranty"],
|
|
},
|
|
{
|
|
id: "standard-maintain", badge: "Recommended", badgeIcon: Sparkles,
|
|
price: "Custom Quote", subtitle: "Comprehensive Maintenance Plans", buttons: [
|
|
{
|
|
text: "Contact Us", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Regular system inspections", "Preventative maintenance", "Emergency repair priority", "24/7 technical support"],
|
|
},
|
|
{
|
|
id: "premium-project", badge: "Enterprise", price: "Custom Quote", subtitle: "Full-Scale Project Management", buttons: [
|
|
{
|
|
text: "Inquire Now", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Dedicated project manager", "Custom design & engineering", "Premium component supply", "Extended warranty & support"],
|
|
},
|
|
]}
|
|
title="Tailored Electrical Project Packages"
|
|
description="Whether it's a small repair or a large-scale industrial project, we offer flexible pricing models designed to fit your budget and requirements. Contact us for a personalized quote."
|
|
tag="Custom Solutions"
|
|
/>
|
|
</div>
|
|
|
|
<div id="impact" data-section="impact">
|
|
<MetricCardThree
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "years", icon: Calendar,
|
|
title: "Years in Business", value: "14+"},
|
|
{
|
|
id: "projects", icon: Wrench,
|
|
title: "Projects Completed", value: "800+"},
|
|
{
|
|
id: "satisfaction", icon: Award,
|
|
title: "Client Satisfaction", value: "98%"},
|
|
]}
|
|
title="Driving Success with Key Results"
|
|
description="Our commitment to excellence is reflected in the tangible results we deliver, project after project."
|
|
tag="Our Impact"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Ramesh Kumar", role: "Operations Manager", company: "Apex Industries", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg", imageAlt: "Ramesh Kumar"},
|
|
{
|
|
id: "2", name: "Priya Sharma", role: "Project Lead", company: "GreenBuild Solutions", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-architect-woman-wearing-yellow-helmet-standing-outdoors-engineer-architect-concept_58466-12277.jpg", imageAlt: "Priya Sharma"},
|
|
{
|
|
id: "3", name: "Suresh Singh", role: "Factory Owner", company: "Modern Manufacturing", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12812.jpg", imageAlt: "Suresh Singh"},
|
|
{
|
|
id: "4", name: "Anjali Mehta", role: "Retail Director", company: "City Mart", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/jolly-handsome-sportsman-reading-sms-device_1262-5216.jpg", imageAlt: "Anjali Mehta"},
|
|
{
|
|
id: "5", name: "Vikram Patel", role: "Chief Engineer", company: "Innovate Tech", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg", imageAlt: "Vikram Patel"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "500+", label: "Successful Projects"},
|
|
{
|
|
value: "100%", label: "Client Satisfaction"},
|
|
{
|
|
value: "15+", label: "Years of Expertise"},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear directly from businesses and individuals who have experienced the Nirumala Trade & Electricals difference."
|
|
/>
|
|
</div>
|
|
|
|
<div id="partners" data-section="partners">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Global Industries", "PowerGrid Co.", "BuildRight Construction", "FastFreight Logistics", "SafetyFirst Solutions", "Automate Systems", "GreenEarth Energy"]}
|
|
title="Trusted by Industry Leaders"
|
|
description="We are proud to partner with a diverse range of companies, delivering reliable electrical solutions that power their success."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get in Touch"
|
|
title="Let's Power Your Next Project"
|
|
description="Have a question or need a quote? Reach out to our expert team for personalized electrical solutions and prompt service."
|
|
imageSrc="http://img.b2bpic.net/free-photo/low-angle-modern-design-glass-building_23-2148252743.jpg"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Your Email Address"
|
|
buttonText="Send Message"
|
|
termsText="By sending a message, you agree to our Terms and Conditions."
|
|
onSubmit={(email) => console.log(email)}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoSrc="http://img.b2bpic.net/free-vector/renewable-energy-logo-design_23-2150013331.jpg"
|
|
logoAlt="Nirumala Trade & Electricals Logo"
|
|
logoText="Nirumala Trade & Electricals"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Installations", href: "#services"},
|
|
{
|
|
label: "Maintenance", href: "#services"},
|
|
{
|
|
label: "Supply", href: "#products"},
|
|
{
|
|
label: "Custom Solutions", href: "#pricing"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Impact", href: "#impact"},
|
|
{
|
|
label: "Partners", href: "#partners"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "FAQ", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Nirumala Trade & Electricals. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|