bender/779c143b-29f2-4d74-a3a1-b9a7df327f13
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 16:51:42 +00:00
parent d8162acb60
commit 5a53311b2c
1 changed files with 73 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

339
src/app/page.tsx
View File

@@ -34,41 +34,23 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Impact",
id: "#impact",
},
name: "Impact", id: "#impact"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Partners",
id: "#partners",
},
name: "Partners", id: "#partners"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/renewable-energy-logo-design_23-2150013331.jpg"
logoAlt="Nirumala Trade & Electricals Logo"
@@ -81,45 +63,28 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "radial-gradient",
}}
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: "Explore Products", href: "#products"},
{
text: "Our Services",
href: "#services",
},
text: "Our Services", href: "#services"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/sun-setting-silhouette-electricity-pylons_1127-3219.jpg?_wi=1",
imageAlt: "Modern electrical panel",
},
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/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/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/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/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",
},
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"
/>
@@ -145,28 +110,13 @@ export default function LandingPage() {
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,
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-business-stationery-template_23-2151158023.jpg",
imageAlt: "industrial company logo modern",
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,
imageSrc: "http://img.b2bpic.net/free-vector/renewable-energy-logo-design_23-2150013331.jpg",
imageAlt: "industrial company logo modern",
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,
imageSrc: "http://img.b2bpic.net/free-photo/sun-setting-silhouette-electricity-pylons_1127-3219.jpg?_wi=2",
imageAlt: "industrial company logo modern",
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"
@@ -183,53 +133,17 @@ export default function LandingPage() {
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: "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: "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: "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: "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: "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",
},
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."
@@ -244,59 +158,29 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic-install",
badge: "Essential",
price: "Custom Quote",
subtitle: "Basic Installation Services",
buttons: [
id: "basic-install", badge: "Essential", price: "Custom Quote", subtitle: "Basic Installation Services", buttons: [
{
text: "Get a Quote",
href: "#contact",
},
text: "Get a Quote", href: "#contact"},
],
features: [
"Standard wiring setup",
"Component installation",
"Initial safety check",
"1-year service warranty",
],
"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: [
id: "standard-maintain", badge: "Recommended", badgeIcon: Sparkles,
price: "Custom Quote", subtitle: "Comprehensive Maintenance Plans", buttons: [
{
text: "Contact Us",
href: "#contact",
},
text: "Contact Us", href: "#contact"},
],
features: [
"Regular system inspections",
"Preventative maintenance",
"Emergency repair priority",
"24/7 technical support",
],
"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: [
id: "premium-project", badge: "Enterprise", price: "Custom Quote", subtitle: "Full-Scale Project Management", buttons: [
{
text: "Inquire Now",
href: "#contact",
},
text: "Inquire Now", href: "#contact"},
],
features: [
"Dedicated project manager",
"Custom design & engineering",
"Premium component supply",
"Extended warranty & support",
],
"Dedicated project manager", "Custom design & engineering", "Premium component supply", "Extended warranty & support"],
},
]}
title="Tailored Electrical Project Packages"
@@ -309,25 +193,17 @@ export default function LandingPage() {
<MetricCardThree
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
metrics={[
{
id: "years",
icon: Calendar,
title: "Years in Business",
value: "14+",
},
id: "years", icon: Calendar,
title: "Years in Business", value: "14+"},
{
id: "projects",
icon: Wrench,
title: "Projects Completed",
value: "800+",
},
id: "projects", icon: Wrench,
title: "Projects Completed", value: "800+"},
{
id: "satisfaction",
icon: Award,
title: "Client Satisfaction",
value: "98%",
},
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."
@@ -342,64 +218,28 @@ export default function LandingPage() {
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: "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: "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: "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: "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",
},
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: "500+", label: "Successful Projects"},
{
value: "100%",
label: "Client Satisfaction",
},
value: "100%", label: "Client Satisfaction"},
{
value: "15+",
label: "Years of Expertise",
},
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."
@@ -411,14 +251,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Global Industries",
"PowerGrid Co.",
"BuildRight Construction",
"FastFreight Logistics",
"SafetyFirst Solutions",
"Automate Systems",
"GreenEarth Energy",
]}
"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."
/>
@@ -428,8 +261,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
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."
@@ -450,62 +282,37 @@ export default function LandingPage() {
logoText="Nirumala Trade & Electricals"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Installations",
href: "#services",
},
label: "Installations", href: "#services"},
{
label: "Maintenance",
href: "#services",
},
label: "Maintenance", href: "#services"},
{
label: "Supply",
href: "#products",
},
label: "Supply", href: "#products"},
{
label: "Custom Solutions",
href: "#pricing",
},
label: "Custom Solutions", href: "#pricing"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Impact",
href: "#impact",
},
label: "Our Impact", href: "#impact"},
{
label: "Partners",
href: "#partners",
},
label: "Partners", href: "#partners"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#",
},
label: "FAQ", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}