Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-15 16:51:12 +00:00

View File

@@ -20,398 +20,159 @@ export default function LandingPage() {
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
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">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Products",
id: "products",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="VoltAC Power"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Products", id: "products" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="VoltAC Power"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated-grid",
}}
title="Empowering Your Future with Advanced AC Tech"
description="Premium inverter solutions, professional battery maintenance, and expert repair services to keep your power running smoothly."
buttons={[
{
text: "Explore Services",
href: "#services",
},
{
text: "Repair Booking",
href: "#contact",
},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-researchers-monitor-performance-using-mockup-display_482257-126996.jpg",
imageAlt: "Power System",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-52856.jpg",
imageAlt: "Inverter Hardware",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-people-working-with-drill_23-2149366670.jpg",
imageAlt: "Facility Power",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281774.jpg",
imageAlt: "Battery Storage",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-16571.jpg",
imageAlt: "Service Technician",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/visualization-energy-flowing-through-power-tower-lines-night-sky-infrastructure-ensuring-transmission-electricity-through-voltage-distribution-cables-3d-render-animation_482257-66243.jpg",
imageAlt: "Grid Infrastructure",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "rotated-rays-animated-grid" }}
title="Empowering Your Future with Advanced AC Tech"
description="Premium inverter solutions, professional battery maintenance, and expert repair services to keep your power running smoothly."
buttons={[{ text: "Explore Services", href: "#services" }, { text: "Repair Booking", href: "#contact" }]}
carouselItems={[
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-researchers-monitor-performance-using-mockup-display_482257-126996.jpg", imageAlt: "Power System" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-52856.jpg", imageAlt: "Inverter Hardware" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-people-working-with-drill_23-2149366670.jpg", imageAlt: "Facility Power" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281774.jpg", imageAlt: "Battery Storage" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-16571.jpg", imageAlt: "Service Technician" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/visualization-energy-flowing-through-power-tower-lines-night-sky-infrastructure-ensuring-transmission-electricity-through-voltage-distribution-cables-3d-render-animation_482257-66243.jpg", imageAlt: "Grid Infrastructure" }
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardSix
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{
title: "Expert Inverter Repair",
description: "Quick, professional repairs for all types of inverters to minimize downtime.",
imageSrc: "http://img.b2bpic.net/free-photo/solar-power-panel_181624-10475.jpg",
imageAlt: "Inverter Repair",
},
{
title: "Battery Water Servicing",
description: "Professional battery water replenishment to extend service life and reliability.",
imageSrc: "http://img.b2bpic.net/free-photo/blood-samples-test-tube-rack_53876-95052.jpg",
imageAlt: "Battery Servicing",
},
{
title: "Smart Monitoring",
description: "Advanced power monitoring solutions to keep your system performing at its peak.",
imageSrc: "http://img.b2bpic.net/free-photo/remote-control-sound-settings-from-tablet_169016-23248.jpg",
imageAlt: "Smart Dashboard",
},
]}
title="Comprehensive Power Services"
description="From installation to long-term maintenance, we provide everything needed for reliable energy management."
/>
</div>
<div id="services" data-section="services">
<FeatureCardSix
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{ title: "Expert Inverter Repair", description: "Quick, professional repairs for all types of inverters to minimize downtime.", imageSrc: "http://img.b2bpic.net/free-photo/solar-power-panel_181624-10475.jpg", imageAlt: "Inverter Repair" },
{ title: "Battery Water Servicing", description: "Professional battery water replenishment to extend service life and reliability.", imageSrc: "http://img.b2bpic.net/free-photo/blood-samples-test-tube-rack_53876-95052.jpg", imageAlt: "Battery Servicing" },
{ title: "Smart Monitoring", description: "Advanced power monitoring solutions to keep your system performing at its peak.", imageSrc: "http://img.b2bpic.net/free-photo/remote-control-sound-settings-from-tablet_169016-23248.jpg", imageAlt: "Smart Dashboard" }
]}
title="Comprehensive Power Services"
description="From installation to long-term maintenance, we provide everything needed for reliable energy management."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Home Inverter 5KVA",
price: "$899",
imageSrc: "http://img.b2bpic.net/free-photo/gray-metal-cabinet-with-handles-label-slots-office-storage_169016-71148.jpg",
},
{
id: "p2",
name: "Industrial Battery Bank",
price: "$1250",
imageSrc: "http://img.b2bpic.net/free-photo/wood-stairs_1361-226.jpg",
},
{
id: "p3",
name: "Battery Distilled Water",
price: "$15",
imageSrc: "http://img.b2bpic.net/free-photo/supervisor-testing-solar-power-renewable-energy-facility-clipboard_482257-125118.jpg",
},
{
id: "p4",
name: "AC Surge Protector",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-wearing-safety-glasses-control-cabinet-closeup-profile_169016-70983.jpg",
},
{
id: "p5",
name: "Smart UPS Charger",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/car-charger-electric-vehicle-charging-station_107420-94928.jpg",
},
{
id: "p6",
name: "Maintenance Repair Kit",
price: "$75",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg",
},
]}
title="High-Performance Products"
description="Browse our curated selection of high-quality inverters, industrial batteries, and maintenance supplies."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Home Inverter 5KVA", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/gray-metal-cabinet-with-handles-label-slots-office-storage_169016-71148.jpg" },
{ id: "p2", name: "Industrial Battery Bank", price: "$1250", imageSrc: "http://img.b2bpic.net/free-photo/wood-stairs_1361-226.jpg" },
{ id: "p3", name: "Battery Distilled Water", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/supervisor-testing-solar-power-renewable-energy-facility-clipboard_482257-125118.jpg" },
{ id: "p4", name: "AC Surge Protector", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-wearing-safety-glasses-control-cabinet-closeup-profile_169016-70983.jpg" },
{ id: "p5", name: "Smart UPS Charger", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/car-charger-electric-vehicle-charging-station_107420-94928.jpg" },
{ id: "p6", name: "Maintenance Repair Kit", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg" }
]}
title="High-Performance Products"
description="Browse our curated selection of high-quality inverters, industrial batteries, and maintenance supplies."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Our Impact"
tag="Trusted By Many"
metrics={[
{
id: "m1",
value: "1500+",
description: "Inverters Installed",
},
{
id: "m2",
value: "24/7",
description: "Customer Support",
},
{
id: "m3",
value: "98%",
description: "Client Satisfaction",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Our Impact"
tag="Trusted By Many"
metrics={[
{ id: "m1", value: "1500+", description: "Inverters Installed" },
{ id: "m2", value: "24/7", description: "Customer Support" },
{ id: "m3", value: "98%", description: "Client Satisfaction" }
]}
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
role: "Office Manager",
company: "TechGroup",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-with-tablet-cafe_1262-3779.jpg",
},
{
id: "t2",
name: "James Chen",
role: "Operations",
company: "Industrial Ltd",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-office-working-environment-project_23-2148894115.jpg",
},
{
id: "t3",
name: "Elena Rodriguez",
role: "Site Manager",
company: "Global Corp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serious-businessman-headset-using-laptop_74855-3069.jpg",
},
{
id: "t4",
name: "David Park",
role: "Facility Lead",
company: "Park Properties",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg",
},
{
id: "t5",
name: "Lisa Wang",
role: "Owner",
company: "City Retail",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-download-icon-laptop_53876-71045.jpg",
},
]}
kpiItems={[
{
value: "5.0",
label: "Avg Rating",
},
{
value: "10y+",
label: "Experience",
},
{
value: "500+",
label: "Annual Repairs",
},
]}
title="Client Success Stories"
description="See why our customers trust us for their critical power backup and service needs."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Sarah Miller", role: "Office Manager", company: "TechGroup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-with-tablet-cafe_1262-3779.jpg" },
{ id: "t2", name: "James Chen", role: "Operations", company: "Industrial Ltd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-office-working-environment-project_23-2148894115.jpg" },
{ id: "t3", name: "Elena Rodriguez", role: "Site Manager", company: "Global Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-businessman-headset-using-laptop_74855-3069.jpg" },
{ id: "t4", name: "David Park", role: "Facility Lead", company: "Park Properties", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg" },
{ id: "t5", name: "Lisa Wang", role: "Owner", company: "City Retail", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-download-icon-laptop_53876-71045.jpg" }
]}
kpiItems={[{ value: "5.0", label: "Avg Rating" }, { value: "10y+", label: "Experience" }, { value: "500+", label: "Annual Repairs" }]}
title="Client Success Stories"
description="See why our customers trust us for their critical power backup and service needs."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
plans={[
{
id: "basic",
name: "Battery Maintenance",
price: "$25",
features: [
"Battery Health Check",
"Water Top-up",
"Terminal Cleaning",
],
buttons: [
{
text: "Book Service",
href: "#contact",
},
],
},
{
id: "pro",
name: "Standard Repair",
price: "$85",
features: [
"Hardware Diagnostics",
"Minor Component Repair",
"6-Month Warranty",
],
buttons: [
{
text: "Book Service",
href: "#contact",
},
],
},
{
id: "premium",
name: "Full System Overhaul",
price: "$250",
features: [
"Deep Diagnostics",
"Full Component Replacement",
"12-Month Warranty",
"24/7 Priority Support",
],
buttons: [
{
text: "Book Service",
href: "#contact",
},
],
},
]}
title="Transparent Repair Pricing"
description="Clear service rates for battery water topping and inverter hardware maintenance."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
plans={[
{ id: "basic", name: "Battery Maintenance", price: "$25", features: ["Battery Health Check", "Water Top-up", "Terminal Cleaning"], buttons: [{ text: "Book Service", href: "#contact" }] },
{ id: "pro", name: "Standard Repair", price: "$85", features: ["Hardware Diagnostics", "Minor Component Repair", "6-Month Warranty"], buttons: [{ text: "Book Service", href: "#contact" }] },
{ id: "premium", name: "Full System Overhaul", price: "$250", features: ["Deep Diagnostics", "Full Component Replacement", "12-Month Warranty", "24/7 Priority Support"], buttons: [{ text: "Book Service", href: "#contact" }] }
]}
title="Transparent Repair Pricing"
description="Clear service rates for battery water topping and inverter hardware maintenance."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split-description"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How often should I service my inverter?",
content: "We recommend professional servicing every 6 to 12 months to maintain peak performance and avoid sudden failures.",
},
{
id: "f2",
title: "Is battery water top-up necessary?",
content: "Yes, proper electrolyte levels are crucial for battery life. Neglecting this leads to plate damage and decreased storage.",
},
{
id: "f3",
title: "Do you offer emergency repairs?",
content: "Yes, we prioritize emergency power issues for our regular clients. Contact us for urgent support.",
},
]}
title="Common Questions"
description="Everything you need to know about inverter repairs and battery maintenance services."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split-description"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "How often should I service my inverter?", content: "We recommend professional servicing every 6 to 12 months to maintain peak performance and avoid sudden failures." },
{ id: "f2", title: "Is battery water top-up necessary?", content: "Yes, proper electrolyte levels are crucial for battery life. Neglecting this leads to plate damage and decreased storage." },
{ id: "f3", title: "Do you offer emergency repairs?", content: "Yes, we prioritize emergency power issues for our regular clients. Contact us for urgent support." }
]}
title="Common Questions"
description="Everything you need to know about inverter repairs and battery maintenance services."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Book Your Service"
description="Submit your repair request and we will get back to you immediately."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
},
]}
textarea={{
name: "message",
placeholder: "Describe your power system issue...",
rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-electrical-connection-cable_169016-51119.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Book Your Service"
description="Submit your repair request and we will get back to you immediately."
inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Your Email", required: true }, { name: "phone", type: "tel", placeholder: "Your Phone Number" }]}
textarea={{ name: "message", placeholder: "Describe your power system issue...", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-electrical-connection-cable_169016-51119.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="VoltAC Power"
copyrightText="© 2025 VoltAC Power. All rights reserved."
socialLinks={[
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="VoltAC Power"
copyrightText="© 2025 VoltAC Power. All rights reserved."
socialLinks={[{ icon: Twitter, href: "#", ariaLabel: "Twitter" }, { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}