bender/2ff7dc8c-a5a9-4c9a-8ec4-3da330b3b6af
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-03-04 16:02:23 +00:00
parent 59c64ff850
commit bf9754475f
1 changed files with 59 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
src/app/page.tsx
View File

@@ -10,7 +10,6 @@ import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCar
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { Zap, ShieldCheck, ArrowRight, Phone } from "lucide-react";
export default function HomePage() {
@@ -30,36 +29,37 @@ export default function HomePage() {
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Perth Electrician Pro"
brandName="Electrician Web Design"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "Contact", id: "/contact" }
]}
button={{ text: "Call Now: (08) 9000 1234", href: "tel:0890001234" }}
button={{ text: "Book a Free Consultation", href: "/contact" }}
/>
</div>
{/* Hero Section */}
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="Expert Electrical Services in Perth"
description="24/7 emergency electrician available. Licensed, insured, and trusted by Perth families and businesses. Get fast, reliable electrical solutions from our experienced team."
tag="Emergency Available"
title="Professional Website Design for Electricians in Perth"
description="Get more leads and customers with a stunning, mobile-friendly website designed specifically for electricians. We create SEO-optimized sites that rank for 'electrician website' and 'electrician web design in Perth'."
tag="Web Design for Electricians"
tagIcon={Zap}
background={{ variant: "plain" }}
buttons={[
{ text: "Request a Quote Today", href: "/contact" },
{ text: "Call Now: (08) 9000 1234", href: "tel:0890001234" }
{ text: "Book a Free Consultation", href: "/contact" },
{ text: "See Examples", href: "/portfolio" }
]}
carouselItems={[
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg?_wi=1", imageAlt: "electrician professional service tools electrical work" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=1", imageAlt: "residential electrical home wiring installation" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/engineers-industry-40-industrial-plant-controlling-automated-machinery_482257-120564.jpg?_wi=1", imageAlt: "commercial industrial electrical business infrastructure" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/distraught-car-mechanic-going-through-problematic-paperwork-with-his-manager-auto-repair-shop_637285-7584.jpg?_wi=1", imageAlt: "emergency urgent repair crisis fast service" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg?_wi=2", imageAlt: "electrician professional service tools electrical work" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=2", imageAlt: "residential electrical home wiring installation" }
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg?_wi=1", imageAlt: "electrician website design for business" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=1", imageAlt: "responsive web design for electricians" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/engineers-industry-40-industrial-plant-controlling-automated-machinery_482257-120564.jpg?_wi=1", imageAlt: "professional electrical services website" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/distraught-car-mechanic-going-through-problematic-paperwork-with-his-manager-auto-repair-shop_637285-7584.jpg?_wi=1", imageAlt: "web design for emergency electrician services" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg?_wi=2", imageAlt: "custom website for electrical contractors" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=2", imageAlt: "seo optimized electrician website" }
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -71,15 +71,15 @@ export default function HomePage() {
<MetricSplitMediaAbout
tag="About Us"
tagIcon={ShieldCheck}
title="Trusted Electricians Serving Perth for Over 15 Years"
description="Perth Electrician Pro has been providing reliable, professional electrical services to residential and commercial clients throughout Perth and surrounding areas. Our team of fully licensed and insured electricians are committed to delivering excellence, safety, and exceptional customer service on every job."
title="We Specialize in Web Design for Electricians"
description="For over 10 years, we've been helping electricians, electrical contractors, and electrical businesses throughout Perth get more customers through professional, conversion-focused website design. We understand the electrical industry and create websites that attract qualified leads and showcase your expertise, licensing, and 24/7 availability."
metrics={[
{ value: "1000+", title: "Happy Customers" },
{ value: "15+", title: "Years Experience" },
{ value: "100%", title: "Licensed & Compliant" }
{ value: "150+", title: "Electricians Served" },
{ value: "10+", title: "Years Experience" },
{ value: "3x", title: "Average Lead Increase" }
]}
imageSrc="http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=3"
imageAlt="Professional electrician team"
imageAlt="professional electrician website design portfolio"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
useInvertedBackground={false}
@@ -89,20 +89,20 @@ export default function HomePage() {
{/* Services Section */}
<div id="services" data-section="services">
<FeatureCardTwentySix
title="Our Electrical Services"
description="Comprehensive electrical solutions for homes and businesses in Perth"
title="Our Web Design Services for Electricians"
description="Complete website solutions designed to help electricians get more leads and customers"
features={[
{
title: "Residential Wiring & Installation", description: "Complete rewiring, new installations, and upgrades for your home", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=4", imageAlt: "Residential electrical work", buttonIcon: ArrowRight
title: "Custom Electrician Websites", description: "Mobile-friendly, professional websites built to showcase your electrical services and convert visitors into customers", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=4", imageAlt: "custom website design for electrical services", buttonIcon: ArrowRight
},
{
title: "Commercial & Industrial", description: "Trusted by Perth businesses for complex electrical systems", imageSrc: "http://img.b2bpic.net/free-photo/engineers-industry-40-industrial-plant-controlling-automated-machinery_482257-120564.jpg?_wi=2", imageAlt: "Commercial electrical services", buttonIcon: ArrowRight
title: "SEO Optimization for Electricians", description: "Rank higher for 'electrician website', 'electrician web design', and local Perth electrical keywords to attract more customers", imageSrc: "http://img.b2bpic.net/free-photo/engineers-industry-40-industrial-plant-controlling-automated-machinery_482257-120564.jpg?_wi=2", imageAlt: "seo optimized website for electricians", buttonIcon: ArrowRight
},
{
title: "Emergency Repairs", description: "Available 24/7 for power outages and urgent electrical issues", imageSrc: "http://img.b2bpic.net/free-photo/distraught-car-mechanic-going-through-problematic-paperwork-with-his-manager-auto-repair-shop_637285-7584.jpg?_wi=2", imageAlt: "Emergency electrical repairs", buttonIcon: ArrowRight
title: "Lead Generation & Conversion", description: "Strategic design with clear calls-to-action to turn website visitors into paying customers and service calls", imageSrc: "http://img.b2bpic.net/free-photo/distraught-car-mechanic-going-through-problematic-paperwork-with-his-manager-auto-repair-shop_637285-7584.jpg?_wi=2", imageAlt: "lead generation website for electricians", buttonIcon: ArrowRight
},
{
title: "Safety Inspections", description: "Professional electrical safety inspections and compliance testing", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg?_wi=3", imageAlt: "Electrical safety inspection", buttonIcon: ArrowRight
title: "Mobile-Friendly Design", description: "Fully responsive websites that look perfect on phones, tablets, and desktops so customers can find you on any device", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg?_wi=3", imageAlt: "mobile responsive electrician website", buttonIcon: ArrowRight
}
]}
textboxLayout="default"
@@ -110,15 +110,15 @@ export default function HomePage() {
/>
</div>
{/* Service Areas Section */}
{/* Portfolio/Examples Section */}
<div id="service-areas" data-section="service-areas">
<SocialProofOne
title="Service Areas Across Perth"
description="We proudly serve all suburbs in Perth and surrounding regions"
tag="Coverage"
title="See Examples of Our Work"
description="Websites we've created for electricians throughout Perth"
tag="Portfolio"
textboxLayout="default"
useInvertedBackground={false}
names={["Perth CBD", "Northbridge", "Subiaco", "Cottesloe", "Fremantle", "Cannington", "Midland", "Joondalup", "Mandurah", "Rockingham"]}
names={["Residential Electrician", "24/7 Emergency Services", "Commercial Contractors", "Solar Installation", "Licensed & Insured", "Service Areas Directory", "About & Testimonials", "Mobile Responsive", "Fast Loading", "SEO Optimized"]}
speed={40}
showCard={true}
/>
@@ -127,25 +127,25 @@ export default function HomePage() {
{/* Testimonials Section */}
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="What Our Customers Say"
description="Read testimonials from satisfied customers throughout Perth"
tag="Reviews"
title="What Electricians Say About Our Web Design"
description="Real results from Perth electrical businesses that increased their leads and customers"
tag="Success Stories"
testimonials={[
{
id: "1", name: "John Mitchell", role: "Homeowner", company: "Perth Suburbs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/avatar-collection-with-different-jobs_23-2147667732.jpg", imageAlt: "professional portrait male worker avatar"
id: "1", name: "John Mitchell", role: "Owner", company: "Mitchell Electrical Services", rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/avatar-collection-with-different-jobs_23-2147667732.jpg", imageAlt: "electrician business owner satisfied with website"
},
{
id: "2", name: "Sarah Thompson", role: "Business Manager", company: "Local Perth Business", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "professional portrait female customer satisfied"
id: "2", name: "Sarah Thompson", role: "Electrical Contractor", company: "Thompson & Associates Electrical", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "female electrician contractor praising website design"
},
{
id: "3", name: "Michael Davis", role: "Restaurant Owner", company: "Perth CBD", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "professional portrait businessman client happy"
id: "3", name: "Michael Davis", role: "Managing Director", company: "Davis Emergency Electrical", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "electrical business director with new website"
},
{
id: "4", name: "Emma Wilson", role: "Property Manager", company: "Residential Perth", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-with-co-workers_1098-1776.jpg", imageAlt: "professional portrait person worker team"
id: "4", name: "Emma Wilson", role: "Lead Electrician", company: "Perth Commercial Electrical", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-with-co-workers_1098-1776.jpg", imageAlt: "commercial electrician team member with new website"
}
]}
gridVariant="uniform-all-items-equal"
@@ -158,11 +158,11 @@ export default function HomePage() {
{/* Why Choose Us Section */}
<div id="why-choose" data-section="why-choose">
<MetricCardFourteen
title="Why Choose Perth Electrician Pro for Your Electrical Needs"
tag="Our Commitment"
title="Why Electricians Choose Us for Web Design"
tag="Our Promise"
metrics={[
{ id: "1", value: "24/7", description: "Emergency electrician service available round the clock, including weekends and public holidays" },
{ id: "2", value: "Licensed", description: "Fully qualified and licensed electricians certified to work on all electrical systems" }
{ id: "1", value: "3x", description: "Average increase in customer leads within first 3 months of website launch" },
{ id: "2", value: "100%", description: "Mobile-friendly design ensures customers can reach you anytime, anywhere, on any device" }
]}
metricsAnimation="slide-up"
useInvertedBackground={true}
@@ -174,11 +174,11 @@ export default function HomePage() {
<ContactCTA
tag="Get Started"
tagIcon={Phone}
title="Ready to Solve Your Electrical Problem?"
description="Contact us today for a free quote or emergency assistance. Our friendly team is ready to help with any residential or commercial electrical needs in Perth."
title="Ready to Get More Customers for Your Electrical Business?"
description="Book a free consultation with our team. We'll discuss your electrical business goals, show you examples of our work, and explain how a professional website can help you attract more qualified leads and customers in Perth."
buttons={[
{ text: "Request a Quote Today", href: "/contact" },
{ text: "Call: (08) 9000 1234", href: "tel:0890001234" }
{ text: "Book a Free Consultation", href: "/contact" },
{ text: "See Our Portfolio", href: "/portfolio" }
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
@@ -191,30 +191,30 @@ export default function HomePage() {
columns={[
{
title: "Services", items: [
{ label: "Residential Electrical", href: "/services" },
{ label: "Commercial Services", href: "/services" },
{ label: "Emergency Repairs", href: "/services" },
{ label: "Safety Inspections", href: "/services" }
{ label: "Custom Website Design", href: "/services" },
{ label: "SEO Optimization", href: "/services" },
{ label: "Mobile Design", href: "/services" },
{ label: "Lead Generation", href: "/services" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Contact Us", href: "/contact" },
{ label: "Service Areas", href: "/#service-areas" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "Testimonials", href: "/#testimonials" }
]
},
{
title: "Contact", items: [
{ label: "Phone: (08) 9000 1234", href: "tel:0890001234" },
{ label: "Emergency: 24/7 Available", href: "tel:0890001234" },
{ label: "Email: info@perthelectrician.com.au", href: "mailto:info@perthelectrician.com.au" },
{ label: "Licensed & Insured", href: "#" }
{ label: "Available: Monday-Friday 9am-5pm", href: "#" },
{ label: "Email: hello@electricianwebdesign.com.au", href: "mailto:hello@electricianwebdesign.com.au" },
{ label: "Perth, Western Australia", href: "#" }
]
}
]}
copyrightText="© 2025 Perth Electrician Pro. All rights reserved. Licensed & Insured."
copyrightText="© 2025 Electrician Web Design Perth. Professional website design for electricians. All rights reserved."
/>
</div>
</ThemeProvider>