Update src/app/page.tsx
This commit is contained in:
327
src/app/page.tsx
327
src/app/page.tsx
@@ -5,13 +5,13 @@ import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, CheckCircle, Clock, Instagram, Linkedin, Twitter, Zap } from "lucide-react";
|
||||
import { Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="VoltEdge"
|
||||
/>
|
||||
@@ -58,112 +43,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Powering Your Modern Home"
|
||||
description="Expert electrical solutions for the domestic space. Safe, smart, and efficient installations tailored to your needs."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-home-tablet-wall_23-2149036909.jpg",
|
||||
imageAlt: "Smart home installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-modern-building_114579-12043.jpg",
|
||||
imageAlt: "Lighting system service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139291.jpg",
|
||||
imageAlt: "Energy monitoring dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-plug_53876-20682.jpg",
|
||||
imageAlt: "Socket installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-smart-home-technology_9975-33208.jpg",
|
||||
imageAlt: "Smart thermostat",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smart-home-tablet-wall_23-2149036909.jpg", imageAlt: "Smart home" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wires-instruments-table_23-2147743035.jpg",
|
||||
imageAlt: "Wiring detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-his-smart-home_23-2149036902.jpg",
|
||||
imageAlt: "Thermostat setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-electrician-working-home_23-2148087657.jpg",
|
||||
imageAlt: "Modern socket",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg",
|
||||
imageAlt: "Energy dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-cell-smartphone-happy-smiling-beautiful-girl-bed-bedroom-takes-selfie_1153-5443.jpg",
|
||||
imageAlt: "Technician service",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselPosition="right"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/different-electrical-tools-table_23-2147743032.jpg",
|
||||
alt: "Electrician team member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/composition-with-digital-tablet-electrician-work-items_169016-24817.jpg",
|
||||
alt: "Electrician team member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/different-electrical-tools-digital-tablet-wooden-background-flat-lay_169016-24603.jpg",
|
||||
alt: "Electrician team member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428321.jpg",
|
||||
alt: "Electrician team member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/workplace-with-tools-electricity_23-2147743048.jpg",
|
||||
alt: "Electrician team member 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ satisfied homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24825.jpg",
|
||||
alt: "Partner Brand 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/woman-activating-robot-cleaner_23-2148994179.jpg",
|
||||
alt: "Partner Brand 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/person-holding-smartphone-with-home-automation-app_23-2149036826.jpg",
|
||||
alt: "Partner Brand 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-controlling-robot-vacuum-with-his-phone_23-2149036881.jpg",
|
||||
alt: "Partner Brand 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/smart-home-tablet-wall_23-2149036900.jpg",
|
||||
alt: "Partner Brand 5",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wires-instruments-table_23-2147743035.jpg", imageAlt: "Wiring detail" },
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -173,11 +62,9 @@ export default function LandingPage() {
|
||||
tag="Our Expertise"
|
||||
title="Decades of Electrical Excellence"
|
||||
description="At VoltEdge, we blend traditional craftsmanship with modern technology to ensure your home's electrical systems are future-proof, safe, and fully efficient."
|
||||
subdescription="We specialize in residential upgrades, smart integration, and urgent maintenance, ensuring high standards of safety across every project."
|
||||
subdescription="We specialize in residential upgrades, smart integration, and urgent maintenance."
|
||||
icon={Zap}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-electrician-prepares-work-plan-control-room-night-night-shift_169016-70982.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Professional electrician portrait"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -185,53 +72,13 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Safety Inspections",
|
||||
subtitle: "Comprehensive testing and certification for all your home electrical components.",
|
||||
category: "Maintenance",
|
||||
value: "24/7 Support",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Smart Home Integration",
|
||||
subtitle: "Upgrade your living space with intelligent lighting, climate, and security automation.",
|
||||
category: "Smart",
|
||||
value: "Efficient",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Lighting & Electrical Design",
|
||||
subtitle: "Tailored illumination designs that elevate your home's aesthetic and efficiency.",
|
||||
category: "Upgrade",
|
||||
value: "Aesthetic",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Emergency Repairs",
|
||||
subtitle: "Fast, reliable response times for any electrical emergencies, day or night.",
|
||||
category: "Repair",
|
||||
value: "Immediate",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Energy Management",
|
||||
subtitle: "Reduce your utility costs with modern energy management solutions and panels.",
|
||||
category: "Eco",
|
||||
value: "Green",
|
||||
},
|
||||
{
|
||||
id: "f6",
|
||||
title: "Home Remodeling",
|
||||
subtitle: "Rewiring and electrical support for large-scale renovations and custom builds.",
|
||||
category: "Installation",
|
||||
value: "Certified",
|
||||
},
|
||||
{ id: "f1", title: "Safety Inspections", subtitle: "Comprehensive testing and certification.", category: "Maintenance", value: "Verified" },
|
||||
{ id: "f2", title: "Smart Home Integration", subtitle: "Intelligent lighting and security.", category: "Smart", value: "Efficient" },
|
||||
{ id: "f3", title: "Emergency Repairs", subtitle: "Fast, reliable 24/7 response.", category: "Repair", value: "Immediate" },
|
||||
]}
|
||||
title="Comprehensive Electrical Services"
|
||||
description="Whether you need a quick repair or a complete electrical remodel, we provide world-class service every step of the way."
|
||||
description="Professional solutions for all your residential electrical needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -241,80 +88,22 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
testimonial: "VoltEdge updated our entire lighting setup. Fast, clean, and incredibly professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-carefree-brunette-woman-sitting-couch-living-room-online-shopping_1258-201984.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chen",
|
||||
role: "Property Manager",
|
||||
testimonial: "Highly reliable team. They have been managing our electrical maintenance for years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Watson",
|
||||
role: "Smart Home Enthusiast",
|
||||
testimonial: "Their smart home integration expertise is unmatched. Everything works flawlessly now.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-open-room-with-simple-style-large-white-walls_157027-4081.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert & Alice",
|
||||
role: "Retired",
|
||||
testimonial: "They were incredibly respectful and tidy during the rewiring of our home. Truly great work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-smart-trendy-wear-is-sitting-armchair-with-cup-tea_158595-7472.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julian Fox",
|
||||
role: "Architect",
|
||||
testimonial: "Professional communication and high-standard finish on every electrical contract.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", role: "Homeowner", testimonial: "Professional and clean work.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-carefree-brunette-woman-sitting-couch-living-room-online-shopping_1258-201984.jpg" },
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="See why our customers trust us for all their residential electrical needs."
|
||||
description="See why our customers trust us for their electrical needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Restaurant & Home Stats"
|
||||
description="Key metrics demonstrating our industry expertise."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Safety Certifications",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Happy Homeowners",
|
||||
value: "5,000+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Zap,
|
||||
title: "Projects Completed",
|
||||
value: "12,000+",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
icon: Clock,
|
||||
title: "Response Time",
|
||||
value: "< 2hr",
|
||||
},
|
||||
{ id: "m1", value: "12k+", title: "Successful Projects", description: "Completed residential and commercial tasks.", imageSrc: "http://img.b2bpic.net/free-photo/wires-instruments-table_23-2147743035.jpg" },
|
||||
{ id: "m2", value: "5k+", title: "Satisfied Clients", description: "Happy homeowners and restaurant owners.", imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-his-smart-home_23-2149036902.jpg" },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Our work speaks for itself through our commitment to quality and community safety."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -323,77 +112,37 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you fully certified?",
|
||||
content: "Yes, all our electricians are fully licensed, bonded, and insured to perform work in your residence.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you handle emergency calls?",
|
||||
content: "Absolutely. We offer 24/7 emergency support to handle any electrical outages or hazards.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you handle smart home setups?",
|
||||
content: "Yes, we specialize in modern smart home automation, lighting, and climate control installations.",
|
||||
},
|
||||
{ id: "q1", title: "Are you fully certified?", content: "Yes, all our team is licensed and insured." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our domestic services? Here are the most common ones."
|
||||
title="FAQs"
|
||||
description="Common questions answered."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ready for an Upgrade?"
|
||||
description="Contact us today to schedule your service or consultation."
|
||||
title="Book a Service"
|
||||
description="Fill out the form to request a reservation or site visit."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Preferred Date", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your electrical project...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Let us know your needs or location details...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66413.jpg"
|
||||
buttonText="Send Request"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterBase
|
||||
logoText="VoltEdge"
|
||||
copyrightText="© 2025 VoltEdge Electric Services"
|
||||
socialLinks={[
|
||||
copyrightText="© 2025 VoltEdge Electric"
|
||||
columns={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
title: "Info", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
title: "Hours", items: [{ label: "Mon-Fri: 8am-6pm", href: "#" }, { label: "Emergency 24/7", href: "#" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -401,4 +150,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user