Merge version_1 into main #1
209
src/app/page.tsx
209
src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Building, CheckCircle, FileText, Lightbulb, MessageSquare, ShieldCheck, Tool, Zap } from "lucide-react";
|
||||
import { Building, CheckCircle, FileText, Lightbulb, MessageSquare, ShieldCheck, Zap, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -18,27 +18,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elite Electrical"
|
||||
/>
|
||||
@@ -49,40 +44,16 @@ export default function LandingPage() {
|
||||
logoText="Elite Electrical"
|
||||
description="Precision electrical work for homes that deserve the best. 30+ years of licensed, insured, and code-perfect craftsmanship."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
{ text: "Request Free Estimate", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:5551234567" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-connecting-wires-work-inside-panel-engineer-with-tool_169016-68074.jpg",
|
||||
imageAlt: "Professional electrician working on wiring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-53755.jpg",
|
||||
imageAlt: "Clean electrical panel installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721576.jpg",
|
||||
imageAlt: "Residential lighting installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3089.jpg",
|
||||
imageAlt: "Modern home lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-53650.jpg",
|
||||
imageAlt: "Commercial electrical fit-out",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coloured-sleeves-markings-cable-connectors-crimp-terminals_169016-24438.jpg",
|
||||
imageAlt: "Precision tools and gear",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-connecting-wires-work-inside-panel-engineer-with-tool_169016-68074.jpg", imageAlt: "Professional electrician working on wiring" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-53755.jpg", imageAlt: "Clean electrical panel installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721576.jpg", imageAlt: "Residential lighting installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3089.jpg", imageAlt: "Modern home lighting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-53650.jpg", imageAlt: "Commercial electrical fit-out" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coloured-sleeves-markings-cable-connectors-crimp-terminals_169016-24438.jpg", imageAlt: "Precision tools and gear" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,18 +65,9 @@ export default function LandingPage() {
|
||||
title="Craftsmanship Built on 30 Years of Trust"
|
||||
description="Electrical work in older homes and modern spaces demands more than skill—it demands precision, patience, and respect for the property. Every project is handled with care, clarity, and excellence."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Licensed & Insured",
|
||||
description: "Fully bonded protection for your safety and peace of mind.",
|
||||
},
|
||||
{
|
||||
title: "Expert Problem Solving",
|
||||
description: "Diagnosing complex issues others cannot find.",
|
||||
},
|
||||
{
|
||||
title: "Inspection-Ready",
|
||||
description: "Code-compliant work that passes every time.",
|
||||
},
|
||||
{ title: "Licensed & Insured", description: "Fully bonded protection for your safety and peace of mind." },
|
||||
{ title: "Expert Problem Solving", description: "Diagnosing complex issues others cannot find." },
|
||||
{ title: "Inspection-Ready", description: "Code-compliant work that passes every time." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176705.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -118,26 +80,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Residential Rewiring",
|
||||
description: "Full home rewiring and panel upgrades for modern reliability.",
|
||||
},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "Lighting Systems",
|
||||
description: "Indoor, outdoor, and energy-efficient lighting design.",
|
||||
},
|
||||
{
|
||||
icon: Building,
|
||||
title: "Commercial Fit-outs",
|
||||
description: "Full business electrical design, installation, and code upgrades.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Backup Power",
|
||||
description: "Generator hookups and reliable energy solutions.",
|
||||
},
|
||||
{ icon: Zap, title: "Residential Rewiring", description: "Full home rewiring and panel upgrades for modern reliability." },
|
||||
{ icon: Lightbulb, title: "Lighting Systems", description: "Indoor, outdoor, and energy-efficient lighting design." },
|
||||
{ icon: Building, title: "Commercial Fit-outs", description: "Full business electrical design, installation, and code upgrades." },
|
||||
{ icon: ShieldCheck, title: "Backup Power", description: "Generator hookups and reliable energy solutions." },
|
||||
]}
|
||||
title="Comprehensive Electrical Solutions"
|
||||
description="Tailored expertise for residential, commercial, and specialty electrical needs."
|
||||
@@ -150,21 +96,9 @@ export default function LandingPage() {
|
||||
title="Our Proven Track Record"
|
||||
tag="Expertise"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "30+",
|
||||
description: "Years of hands-on experience",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Inspection pass rate",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Reliable scheduling & support",
|
||||
},
|
||||
{ id: "m1", value: "30+", description: "Years of hands-on experience" },
|
||||
{ id: "m2", value: "100%", description: "Inspection pass rate" },
|
||||
{ id: "m3", value: "24/7", description: "Reliable scheduling & support" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -176,26 +110,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: MessageSquare,
|
||||
title: "1. Consultation",
|
||||
description: "We understand your needs and evaluate scope clearly.",
|
||||
},
|
||||
{
|
||||
icon: FileText,
|
||||
title: "2. Transparent Estimate",
|
||||
description: "Receive a fair, detailed quote with no surprises.",
|
||||
},
|
||||
{
|
||||
icon: Tool,
|
||||
title: "3. Professional Execution",
|
||||
description: "Clean, code-compliant work finished on schedule.",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "4. Final Walkthrough",
|
||||
description: "We ensure every detail is perfect before leaving.",
|
||||
},
|
||||
{ icon: MessageSquare, title: "1. Consultation", description: "We understand your needs and evaluate scope clearly." },
|
||||
{ icon: FileText, title: "2. Transparent Estimate", description: "Receive a fair, detailed quote with no surprises." },
|
||||
{ icon: Wrench, title: "3. Professional Execution", description: "Clean, code-compliant work finished on schedule." },
|
||||
{ icon: CheckCircle, title: "4. Final Walkthrough", description: "We ensure every detail is perfect before leaving." },
|
||||
]}
|
||||
title="Our Simple, Transparent Process"
|
||||
description="We ensure clear communication and professional execution at every stage."
|
||||
@@ -209,46 +127,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Residential",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael D.",
|
||||
role: "Homeowner",
|
||||
company: "Older Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
role: "Business Owner",
|
||||
company: "Commercial",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
company: "Residential",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216689.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Robert B.",
|
||||
role: "Property Manager",
|
||||
company: "Commercial",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-plant-manager-hardhat-walking-warehouse-talking-cellphone_74855-16380.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Homeowner", company: "Residential", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg" },
|
||||
{ id: "t2", name: "Michael D.", role: "Homeowner", company: "Older Home", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg" },
|
||||
{ id: "t3", name: "Elena R.", role: "Business Owner", company: "Commercial", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg" },
|
||||
{ id: "t4", name: "David K.", role: "Homeowner", company: "Residential", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216689.jpg" },
|
||||
{ id: "t5", name: "Robert B.", role: "Property Manager", company: "Commercial", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/focused-plant-manager-hardhat-walking-warehouse-talking-cellphone_74855-16380.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Reliable work, neat workmanship, and honest pricing are our standards."
|
||||
@@ -258,9 +141,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Ready for Safe, Reliable Electrical Work?"
|
||||
description="Request your free estimate today. We are ready to assist you with residential or commercial projects."
|
||||
@@ -272,14 +153,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Elite Electrical"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user