Merge version_1 into main #2
230
src/app/page.tsx
230
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { Award, ShieldCheck, Zap } from "lucide-react";
|
||||
import { Zap, Award, ShieldCheck, Lightbulb, Smartphone, Shield, AlertTriangle, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,86 +29,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Process", id: "#process" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="VoltEdge Electric"
|
||||
button={{
|
||||
text: "24/7 Emergency",
|
||||
href: "tel:+15551234567",
|
||||
}}
|
||||
button={{ text: "24/7 Emergency", href: "tel:+15551234567" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Powering Your World with Precision"
|
||||
description="VoltEdge Electric provides elite, 24/7 electrical services for residential and commercial spaces. Expert repairs, modern automation, and safety-first installations."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Incredible response time for my emergency repair. Truly professional service!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/smiling-happy-home-owner-looking-at-fixe-1774677813151-46415c04.png?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "John Davis",
|
||||
handle: "@jdavis",
|
||||
testimonial: "Transformed our home lighting system. Highly efficient and clean.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/corporate-client-shaking-hands-with-elec-1774677818111-62751c43.png",
|
||||
},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "Safe, reliable, and modern smart home setup. My go-to electricians.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/close-up-happy-professional-woman-satisf-1774677813376-769ec490.png",
|
||||
},
|
||||
{
|
||||
name: "Mark Wilson",
|
||||
handle: "@mwilson",
|
||||
testimonial: "Exceptional expertise on commercial panel upgrades. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/man-pointing-at-finished-electrical-work-1774677813066-de2dc31f.png",
|
||||
},
|
||||
{
|
||||
name: "David Chen",
|
||||
handle: "@dchen",
|
||||
testimonial: "Excellent communication and high-quality wiring installation throughout my new office.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/smiling-happy-home-owner-looking-at-fixe-1774677813151-46415c04.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Emergency 24/7",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
{ name: "Sarah Miller", handle: "@smiller", testimonial: "Incredible response time for my emergency repair. Truly professional service!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/smiling-happy-home-owner-looking-at-fixe-1774677813151-46415c04.png" },
|
||||
{ name: "John Davis", handle: "@jdavis", testimonial: "Transformed our home lighting system. Highly efficient and clean.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/corporate-client-shaking-hands-with-elec-1774677818111-62751c43.png" },
|
||||
{ name: "Elena Rodriguez", handle: "@erod", testimonial: "Safe, reliable, and modern smart home setup. My go-to electricians.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/close-up-happy-professional-woman-satisf-1774677813376-769ec490.png" },
|
||||
{ name: "Mark Wilson", handle: "@mwilson", testimonial: "Exceptional expertise on commercial panel upgrades. Highly recommend.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/man-pointing-at-finished-electrical-work-1774677813066-de2dc31f.png" },
|
||||
{ name: "David Chen", handle: "@dchen", testimonial: "Excellent communication and high-quality wiring installation throughout my new office.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/smiling-happy-home-owner-looking-at-fixe-1774677813151-46415c04.png" },
|
||||
]}
|
||||
buttons={[{ text: "Book Inspection", href: "#contact" }, { text: "Emergency 24/7", href: "tel:+15551234567" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/professional-electrician-working-on-a-hi-1774677813182-34984ab1.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -121,27 +65,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2500+",
|
||||
title: "Projects Completed",
|
||||
description: "Expert solutions provided across the region.",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "Consistently exceeding customer expectations.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Emergency Support",
|
||||
description: "Always there when you need us most.",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{ id: "m1", value: "2500+", title: "Projects Completed", description: "Expert solutions provided across the region.", icon: Zap },
|
||||
{ id: "m2", value: "98%", title: "Satisfaction Rate", description: "Consistently exceeding customer expectations.", icon: Award },
|
||||
{ id: "m3", value: "24/7", title: "Emergency Support", description: "Always there when you need us most.", icon: ShieldCheck },
|
||||
]}
|
||||
title="Proven Reliability"
|
||||
description="Our commitment to quality ensures safety and performance in every project we touch."
|
||||
@@ -153,42 +79,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Panel Upgrades",
|
||||
description: "Modernize your circuit board for safety and efficiency.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/close-up-of-electrical-panel-repair-clea-1774677813697-37944caa.png?_wi=1",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "LED Lighting",
|
||||
description: "Smart, energy-efficient interior and exterior lighting design.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/modern-led-lighting-installation-in-luxu-1774677813413-58a5b9fa.png?_wi=1",
|
||||
buttonIcon: "Lightbulb",
|
||||
},
|
||||
{
|
||||
title: "Smart Automation",
|
||||
description: "Control your home with advanced smart switch integrations.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/smart-home-integration-home-automation-t-1774677813625-644870f5.png?_wi=1",
|
||||
buttonIcon: "Smartphone",
|
||||
},
|
||||
{
|
||||
title: "Wiring Inspection",
|
||||
description: "Comprehensive safety checks for older properties.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/close-up-of-electrical-panel-repair-clea-1774677813697-37944caa.png?_wi=2",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "24/7 Emergency",
|
||||
description: "Fast-response electrical repairs at any hour.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/modern-led-lighting-installation-in-luxu-1774677813413-58a5b9fa.png?_wi=2",
|
||||
buttonIcon: "AlertTriangle",
|
||||
},
|
||||
{
|
||||
title: "Electrical Repairs",
|
||||
description: "Expert troubleshooting and fixing of electrical faults.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/smart-home-integration-home-automation-t-1774677813625-644870f5.png?_wi=2",
|
||||
buttonIcon: "Wrench",
|
||||
},
|
||||
{ title: "Panel Upgrades", description: "Modernize your circuit board for safety and efficiency.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/close-up-of-electrical-panel-repair-clea-1774677813697-37944caa.png", buttonIcon: Zap },
|
||||
{ title: "LED Lighting", description: "Smart, energy-efficient interior and exterior lighting design.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/modern-led-lighting-installation-in-luxu-1774677813413-58a5b9fa.png", buttonIcon: Lightbulb },
|
||||
{ title: "Smart Automation", description: "Control your home with advanced smart switch integrations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/smart-home-integration-home-automation-t-1774677813625-644870f5.png", buttonIcon: Smartphone },
|
||||
{ title: "Wiring Inspection", description: "Comprehensive safety checks for older properties.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/close-up-of-electrical-panel-repair-clea-1774677813697-37944caa.png", buttonIcon: Shield },
|
||||
{ title: "24/7 Emergency", description: "Fast-response electrical repairs at any hour.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/modern-led-lighting-installation-in-luxu-1774677813413-58a5b9fa.png", buttonIcon: AlertTriangle },
|
||||
{ title: "Electrical Repairs", description: "Expert troubleshooting and fixing of electrical faults.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/smart-home-integration-home-automation-t-1774677813625-644870f5.png", buttonIcon: Wrench },
|
||||
]}
|
||||
title="Comprehensive Electrical Solutions"
|
||||
description="From emergency repairs to smart home automation, VoltEdge handles it all with professional integrity."
|
||||
@@ -200,28 +96,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "1. Consultation",
|
||||
content: "Schedule your free initial consultation to discuss your specific needs.",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "2. Inspection",
|
||||
content: "Our experts visit and assess your current electrical infrastructure.",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
title: "3. Execution",
|
||||
content: "Detailed work performed with safety-first standards.",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
title: "4. Final Review",
|
||||
content: "Comprehensive testing and sign-off on all project components.",
|
||||
},
|
||||
{ id: "p1", title: "1. Consultation", content: "Schedule your free initial consultation to discuss your specific needs." },
|
||||
{ id: "p2", title: "2. Inspection", content: "Our experts visit and assess your current electrical infrastructure." },
|
||||
{ id: "p3", title: "3. Execution", content: "Detailed work performed with safety-first standards." },
|
||||
{ id: "p4", title: "4. Final Review", content: "Comprehensive testing and sign-off on all project components." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/close-up-of-electrical-panel-repair-clea-1774677813697-37944caa.png?_wi=3"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVpndqMF74UiY3e05nckkhef3A/close-up-of-electrical-panel-repair-clea-1774677813697-37944caa.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="How We Work"
|
||||
description="Our 4-step process ensures a smooth, stress-free electrical upgrade for your home or business."
|
||||
@@ -232,9 +112,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Power Up?"
|
||||
description="Fill out the form below for a quote, or call us directly for emergency services."
|
||||
@@ -245,57 +123,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="VoltEdge Electric"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Panel Upgrades",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "LED Lighting",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Smart Home",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#process",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Panel Upgrades", href: "#services" }, { label: "LED Lighting", href: "#services" }, { label: "Smart Home", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Our Process", href: "#process" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user