bender/2ff7dc8c-a5a9-4c9a-8ec4-3da330b3b6af
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #5

Merged
bender merged 6 commits from version_3 into main 2026-03-04 16:02:31 +00:00
Conversation 0 Commits 6 Files Changed 6 +377 -260
6 changed files with 377 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
src/app/about/page.tsx
View File

@@ -3,10 +3,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { ShieldCheck, Phone } from "lucide-react";
export default function AboutPage() {
@@ -26,60 +25,79 @@ export default function AboutPage() {
{/* 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>
{/* About Us Section */}
{/* About Section */}
<div id="about" data-section="about">
<MetricSplitMediaAbout
tag="About Us"
tag="Our Story"
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. We understand that electrical issues can be stressful and urgent, which is why we offer 24/7 emergency services to residents and businesses across Perth."
title="We Help Electricians Get More Customers Through Professional Web Design"
description="Founded in 2015, we started with a simple mission: help local Perth electricians and electrical contractors get the professional online presence they deserve. We noticed that most electricians didn't have websites, or if they did, those websites weren't generating leads or converting visitors into customers. We decided to change that by creating specialized, conversion-focused websites designed specifically for the electrical industry. Today, we've helped over 150 electricians across Perth build thriving online businesses that attract qualified leads and grow their customer base."
metrics={[
{ value: "1000+", title: "Happy Customers" },
{ value: "15+", title: "Years Experience" }
{ value: "10+", title: "Years in Business" },
{ value: "150+", title: "Electricians Served" },
{ value: "3x", title: "Average Lead Growth" }
]}
imageSrc="http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=5"
imageAlt="Professional electrician team"
imageSrc="http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=3"
imageAlt="our team creating electrician websites"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
{/* Our Values Section */}
<div id="values" data-section="values">
<MetricCardFourteen
title="Our Core Values and Commitment to Excellence"
tag="Quality Promise"
metrics={[
{ id: "1", value: "100%", description: "Safety compliance on all jobs. We follow strict electrical safety standards and regulations to protect your property and family." },
{ id: "2", value: "10yr", description: "Warranty on parts and workmanship. We stand behind our work with comprehensive warranties for your peace of mind." }
{/* Team Testimonials */}
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="Electricians Trust Us with Their Online Presence"
description="Here's what some of our clients have to say about working with us"
tag="Client Feedback"
testimonials={[
{
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 client john mitchell"
},
{
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: "electrician client sarah thompson"
},
{
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: "electrician client michael davis"
},
{
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: "electrician client emma wilson"
}
]}
metricsAnimation="slide-up"
useInvertedBackground={true}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
{/* Call to Action Section */}
{/* CTA Section */}
<div id="contact-cta" data-section="contact-cta">
<ContactCTA
tag="Partner With Us"
tag="Ready to Grow"
tagIcon={Phone}
title="Need a Trusted Electrician in Perth?"
description="Whether you need emergency electrical repairs, residential upgrades, or commercial system installations, Perth Electrician Pro is here to help. Contact us today for a free consultation and quote."
title="Let's Build a Website That Gets You More Customers"
description="Schedule a free consultation with our team. We'll learn about your electrical business, discuss your goals, and show you exactly how a professional website can help you attract more qualified leads and grow your customer base."
buttons={[
{ text: "Get a Free Quote", href: "/contact" },
{ text: "Call Now: (08) 9000 1234", href: "tel:0890001234" }
{ text: "Book a Free Consultation", href: "/contact" },
{ text: "See Our Work", href: "/portfolio" }
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
@@ -92,32 +110,32 @@ export default function AboutPage() {
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: "/" },
{ label: "Testimonials", href: "/" }
{ 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>
);
}
}

102
src/app/contact/page.tsx
View File

@@ -3,9 +3,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { Phone } from "lucide-react";
export default function ContactPage() {
@@ -16,7 +14,7 @@ export default function ContactPage() {
borderRadius="pill"
contentWidth="medium"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
@@ -25,61 +23,56 @@ export default function ContactPage() {
{/* 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>
{/* Main Contact CTA Section */}
<div id="contact-main" data-section="contact-main">
{/* Contact Section */}
<div id="contact" data-section="contact">
<ContactCTA
tag="Get in Touch"
tagIcon={Phone}
title="Contact Perth Electrician Pro Today"
description="Whether you need emergency electrical repairs, want to schedule a consultation, or have questions about our services, we're here to help. Fill out the form below or call us directly. Our team typically responds within 1 hour during business hours."
title="Book Your Free Web Design Consultation"
description="Tell us about your electrical business and let's discuss how a professional website can help you get more customers. We'll provide a personalized recommendation based on your specific goals and budget."
buttons={[
{ text: "Request a Quote", href: "#" },
{ text: "Call Now: (08) 9000 1234", href: "tel:0890001234" }
{ text: "Schedule Consultation", href: "/contact" },
{ text: "Call: (08) 9000 1234", href: "tel:0890001234" }
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
{/* Service Areas Section */}
<div id="service-coverage" data-section="service-coverage">
<SocialProofOne
title="We Serve All of Perth"
description="Providing professional electrical services to residents and businesses across Perth metropolitan area"
tag="Coverage"
textboxLayout="default"
useInvertedBackground={false}
names={["Perth CBD", "Northbridge", "Subiaco", "Cottesloe", "Fremantle", "Cannington", "Midland", "Joondalup", "Mandurah", "Rockingham"]}
speed={40}
showCard={true}
/>
</div>
{/* Contact Details Section */}
<div id="contact-details" data-section="contact-details">
<ContactCTA
tag="Direct Contact"
tagIcon={Phone}
title="Reach Out to Our Team"
description="Phone: (08) 9000 1234 | Email: info@perthelectrician.com.au | Available 24/7 for emergencies. Regular business hours: Monday - Friday 7am - 5pm, Saturday 8am - 2pm"
buttons={[
{ text: "Call for Emergency Service", href: "tel:0890001234" },
{ text: "Email Us", href: "mailto:info@perthelectrician.com.au" }
]}
background={{ variant: "plain" }}
useInvertedBackground={true}
/>
{/* Alternative Contact Section */}
<div id="contact-alternative" data-section="contact-alternative" style={{ padding: "4rem 2rem" }}>
<div style={{ maxWidth: "800px", margin: "0 auto", textAlign: "center" }}>
<h2 style={{ fontSize: "2rem", marginBottom: "1rem", color: "var(--foreground)" }}>Other Ways to Reach Us</h2>
<div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "2rem", marginTop: "2rem" }}>
<div>
<h3 style={{ marginBottom: "0.5rem", color: "var(--primary-cta)" }}>Phone</h3>
<p style={{ color: "var(--foreground)" }}>(08) 9000 1234</p>
<p style={{ fontSize: "0.875rem", color: "var(--foreground)", opacity: 0.7 }}>Monday-Friday, 9am-5pm</p>
</div>
<div>
<h3 style={{ marginBottom: "0.5rem", color: "var(--primary-cta)" }}>Email</h3>
<p style={{ color: "var(--foreground)" }}>hello@electricianwebdesign.com.au</p>
<p style={{ fontSize: "0.875rem", color: "var(--foreground)", opacity: 0.7 }}>We typically respond within 24 hours</p>
</div>
</div>
<div style={{ marginTop: "2rem", padding: "2rem", backgroundColor: "var(--card)", borderRadius: "1rem" }}>
<p style={{ color: "var(--foreground)", fontSize: "0.95rem", lineHeight: "1.6" }}>
Based in Perth, Western Australia, we serve electricians throughout Perth and surrounding areas. We specialize in creating professional websites designed specifically for electrical contractors, emergency electricians, and electrical service businesses.
</p>
</div>
</div>
</div>
{/* Footer */}
@@ -87,36 +80,33 @@ export default function ContactPage() {
<FooterBaseReveal
columns={[
{
title: "Services",
items: [
{ label: "Residential Electrical", href: "/services" },
{ label: "Commercial Services", href: "/services" },
{ label: "Emergency Repairs", href: "/services" },
{ label: "Safety Inspections", href: "/services" }
title: "Services", items: [
{ label: "Custom Website Design", href: "/services" },
{ label: "SEO Optimization", href: "/services" },
{ label: "Mobile Design", href: "/services" },
{ label: "Lead Generation", href: "/services" }
]
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Contact Us", href: "/contact" },
{ label: "Service Areas", href: "/" },
{ label: "Testimonials", href: "/" }
{ label: "Portfolio", href: "/portfolio" },
{ label: "Testimonials", href: "/#testimonials" }
]
},
{
title: "Contact",
items: [
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>
);
}
}

20
src/app/layout.tsx
View File

@@ -1,17 +1,15 @@
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
const geist = Geist({
variable: "--font-geist-sans", subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono", subsets: ["latin"],
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Perth Electrician Pro | Licensed & Insured Electrical Services", description: "Expert electrical services in Perth. 24/7 emergency electrician available. Licensed, insured, and trusted by Perth families and businesses."};
title: "Perth Electrician Website Design | Expert Web Design for Electricians", description: "Professional website design for electricians in Perth. Increase leads and customers with our specialized electrician web design services. Mobile-friendly, SEO-optimized.", keywords: "electrician website, electrician web design, website designer for electricians in Perth, electrician marketing", openGraph: {
title: "Perth Electrician Website Design | Expert Web Design for Electricians", description: "Professional website design for electricians in Perth. Increase leads and customers with our specialized electrician web design services.", type: "website"},
};
export default function RootLayout({
children,
@@ -20,7 +18,11 @@ export default function RootLayout({
}) {
return (
<html lang="en">
<body className={`${geist.variable} ${geistMono.variable} antialiased`}>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#e63946" />
</head>
<body className={`${inter.variable} antialiased`}>
{children}
<script

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>

151
src/app/portfolio/page.tsx Normal file
View File

@@ -0,0 +1,151 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { ArrowRight, Phone } from "lucide-react";
export default function PortfolioPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumSizeLargeTitles"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
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: "Book a Free Consultation", href: "/contact" }}
/>
</div>
{/* Portfolio Section */}
<div id="portfolio" data-section="portfolio">
<FeatureCardTwentySix
title="Our Electrician Website Design Portfolio"
description="See examples of websites we've created for electricians, electrical contractors, and electrical businesses in Perth. Each project shows our expertise in conversion-focused design, SEO optimization, and mobile responsiveness."
features={[
{
title: "Mitchell Electrical Services", description: "Residential and commercial electrician website with service area pages, testimonials, and lead generation forms. Result: 3x increase in customer inquiries.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=4", imageAlt: "Mitchell Electrical Services website example", buttonIcon: ArrowRight
},
{
title: "Davis Emergency Electrical", description: "24/7 emergency electrician website with prominent call-to-action buttons, mobile optimization, and SEO for 'emergency electrician Perth'.", imageSrc: "http://img.b2bpic.net/free-photo/engineers-industry-40-industrial-plant-controlling-automated-machinery_482257-120564.jpg?_wi=2", imageAlt: "Davis Emergency Electrical website design", buttonIcon: ArrowRight
},
{
title: "Perth Commercial Electrical", description: "Large-scale commercial and industrial electrician website showcasing complex projects, certifications, and safety records to attract business clients.", 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: "Perth Commercial Electrical business website", buttonIcon: ArrowRight
},
{
title: "Thompson & Associates Electrical", description: "Multi-service electrical contractor website with service menus, team profiles, customer testimonials, and local SEO optimization for Perth suburbs.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg?_wi=3", imageAlt: "Thompson & Associates Electrical website portfolio", buttonIcon: ArrowRight
},
{
title: "Solar & Electrical Installation Co.", description: "Specialized website for solar installation and electrical services with energy savings calculator and portfolio gallery of completed residential and commercial projects.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=5", imageAlt: "Solar Electrical Installation website", buttonIcon: ArrowRight
},
{
title: "Fremantle Electrical Services", description: "Local electrician website focused on service area coverage with dedicated suburb pages for Fremantle, Cockburn, Melville, and surrounding areas.", imageSrc: "http://img.b2bpic.net/free-photo/engineers-industry-40-industrial-plant-controlling-automated-machinery_482257-120564.jpg?_wi=3", imageAlt: "Fremantle Electrical Services local website", buttonIcon: ArrowRight
}
]}
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
{/* Testimonials from Portfolio */}
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="What Our Electrician Clients Say About Their New Websites"
description="Real results and feedback from Perth electricians using our web design services"
tag="Client Testimonials"
testimonials={[
{
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: "john mitchell electrician client"
},
{
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: "sarah thompson electrical contractor"
},
{
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: "michael davis electrical business director"
},
{
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: "emma wilson commercial electrician"
}
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
{/* CTA Section */}
<div id="contact-cta" data-section="contact-cta">
<ContactCTA
tag="Ready to Start"
tagIcon={Phone}
title="Let's Create an Amazing Website for Your Electrical Business"
description="See how our web design can help you get more customers and grow your electrical business. Schedule a free consultation to discuss your goals and see what's possible."
buttons={[
{ text: "Book a Free Consultation", href: "/contact" },
{ text: "Call Now: (08) 9000 1234", href: "tel:0890001234" }
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Services", items: [
{ 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: "Portfolio", href: "/portfolio" },
{ label: "Testimonials", href: "/#testimonials" }
]
},
{
title: "Contact", items: [
{ label: "Phone: (08) 9000 1234", href: "tel:0890001234" },
{ 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 Electrician Web Design Perth. Professional website design for electricians. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

150
src/app/services/page.tsx
View File

@@ -3,10 +3,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
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 { ArrowRight, Phone } from "lucide-react";
export default function ServicesPage() {
@@ -17,7 +16,7 @@ export default function ServicesPage() {
borderRadius="pill"
contentWidth="medium"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
@@ -26,50 +25,47 @@ export default function ServicesPage() {
{/* 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>
{/* Services Section */}
<div id="services" data-section="services">
<FeatureCardTwentySix
title="Our Electrical Services"
description="Comprehensive electrical solutions for homes and businesses in Perth. From emergency repairs to planned installations, we deliver professional results every time."
title="Web Design Services for Electricians in Perth"
description="Comprehensive website solutions designed to help electricians attract more customers and grow their business"
features={[
{
title: "Residential Wiring & Installation",
description: "Complete rewiring, new installations, and upgrades for your home. We handle everything from simple circuit additions to full house rewiring with modern standards.",
imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=6",
imageAlt: "Residential electrical work",
buttonIcon: ArrowRight
title: "Custom Website Design", description: "Beautifully designed, professional websites tailored to your electrical business. Mobile-friendly, fast-loading, and conversion-optimized to turn visitors into paying customers.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=4", imageAlt: "custom electrician website design", buttonIcon: ArrowRight,
buttonHref: "/contact"
},
{
title: "Commercial & Industrial",
description: "Trusted by Perth businesses for complex electrical systems. We manage large-scale installations, maintenance, and troubleshooting for commercial properties.",
imageSrc: "http://img.b2bpic.net/free-photo/engineers-industry-40-industrial-plant-controlling-automated-machinery_482257-120564.jpg?_wi=3",
imageAlt: "Commercial electrical services",
buttonIcon: ArrowRight
title: "SEO Optimization for Electricians", description: "We optimize your website to rank high for 'electrician website', 'electrician web design', and local Perth electrical keywords so potential customers can find you easily.", 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,
buttonHref: "/contact"
},
{
title: "Emergency Repairs",
description: "Available 24/7 for power outages and urgent electrical issues. Our rapid response team ensures minimal downtime for your home or business.",
imageSrc: "http://img.b2bpic.net/free-photo/distraught-car-mechanic-going-through-problematic-paperwork-with-his-manager-auto-repair-shop_637285-7584.jpg?_wi=3",
imageAlt: "Emergency electrical repairs",
buttonIcon: ArrowRight
title: "Mobile-Responsive Design", description: "Perfect design on all devices - phones, tablets, and desktops. More than 60% of your customers will find you on mobile, so we make sure your website looks amazing everywhere.", 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: "mobile responsive electrical website", buttonIcon: ArrowRight,
buttonHref: "/contact"
},
{
title: "Safety Inspections",
description: "Professional electrical safety inspections and compliance testing. Ensure your property meets all electrical codes and safety standards.",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg?_wi=4",
imageAlt: "Electrical safety inspection",
buttonIcon: ArrowRight
title: "Lead Generation & Conversion", description: "Strategic design with clear calls-to-action, testimonials, and easy contact forms. We help convert website visitors into qualified leads and paying customers.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg?_wi=3", imageAlt: "lead generation electrician website", buttonIcon: ArrowRight,
buttonHref: "/contact"
},
{
title: "Service Area Pages", description: "We create dedicated pages for each suburb and service area you cover in Perth. This helps you rank for local searches like 'electrician in Subiaco' or 'emergency electrician Fremantle'.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=5", imageAlt: "local service area pages for electricians", buttonIcon: ArrowRight,
buttonHref: "/contact"
},
{
title: "Ongoing Support & Updates", description: "We don't just build your website and disappear. We provide ongoing support, updates, and optimization to ensure your site continues to generate leads and grow your business.", imageSrc: "http://img.b2bpic.net/free-photo/engineers-industry-40-industrial-plant-controlling-automated-machinery_482257-120564.jpg?_wi=3", imageAlt: "website support and maintenance service", buttonIcon: ArrowRight,
buttonHref: "/contact"
}
]}
textboxLayout="default"
@@ -77,67 +73,30 @@ export default function ServicesPage() {
/>
</div>
{/* Customer Testimonials Section */}
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="Service Excellence in Action"
description="See what our customers say about the quality of our electrical services and professional workmanship"
tag="Reviews"
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?_wi=2",
imageAlt: "professional portrait male worker avatar"
},
{
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?_wi=2",
imageAlt: "professional portrait female customer satisfied"
},
{
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?_wi=2",
imageAlt: "professional portrait businessman client happy"
},
{
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?_wi=2",
imageAlt: "professional portrait person worker team"
}
{/* Why These Services Section */}
<div id="why-services" data-section="why-services">
<MetricCardFourteen
title="Why These Services Matter for Your Electrical Business"
tag="The Impact"
metrics={[
{ id: "1", value: "60%", description: "Of customers search online before calling an electrician - if you're not there, you're losing business" },
{ id: "2", value: "3-5x", description: "ROI average for electricians with professional websites compared to those without" }
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metricsAnimation="slide-up"
useInvertedBackground={true}
/>
</div>
{/* Call to Action Section */}
{/* CTA Section */}
<div id="contact-cta" data-section="contact-cta">
<ContactCTA
tag="Schedule Service"
tag="Get Started"
tagIcon={Phone}
title="Book Your Electrical Service Today"
description="Need professional electrical work? Contact Perth Electrician Pro for a free quote. Our experienced team is ready to tackle any residential or commercial electrical challenge."
title="Ready to Get More Customers?"
description="Let's talk about your electrical business and how a professional website can help you attract more qualified leads and grow your customer base in Perth."
buttons={[
{ text: "Request a Quote", href: "/contact" },
{ text: "Emergency: Call (08) 9000 1234", href: "tel:0890001234" }
{ text: "Book a Free Consultation", href: "/contact" },
{ text: "See Examples", href: "/portfolio" }
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
@@ -149,36 +108,33 @@ export default function ServicesPage() {
<FooterBaseReveal
columns={[
{
title: "Services",
items: [
{ label: "Residential Electrical", href: "/services" },
{ label: "Commercial Services", href: "/services" },
{ label: "Emergency Repairs", href: "/services" },
{ label: "Safety Inspections", href: "/services" }
title: "Services", items: [
{ label: "Custom Website Design", href: "/services" },
{ label: "SEO Optimization", href: "/services" },
{ label: "Mobile Design", href: "/services" },
{ label: "Lead Generation", href: "/services" }
]
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Contact Us", href: "/contact" },
{ label: "Service Areas", href: "/" },
{ label: "Testimonials", href: "/" }
{ label: "Portfolio", href: "/portfolio" },
{ label: "Testimonials", href: "/#testimonials" }
]
},
{
title: "Contact",
items: [
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>
);
}
}