diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index bc02c61..25695bd 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -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 */} - {/* About Us Section */} + {/* About Section */}
- {/* Our Values Section */} -
- +
- {/* Call to Action Section */} + {/* CTA Section */}
); -} \ No newline at end of file +} diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 35273a8..0d24ff9 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -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 */} - {/* Main Contact CTA Section */} -
+ {/* Contact Section */} +
- {/* Service Areas Section */} -
- -
- - {/* Contact Details Section */} -
- + {/* Alternative Contact Section */} +
+
+

Other Ways to Reach Us

+
+
+

Phone

+

(08) 9000 1234

+

Monday-Friday, 9am-5pm

+
+
+

Email

+

hello@electricianwebdesign.com.au

+

We typically respond within 24 hours

+
+
+
+

+ 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. +

+
+
{/* Footer */} @@ -87,36 +80,33 @@ export default function ContactPage() {
); -} \ No newline at end of file +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index a3d26e5..4706e41 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -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 ( - + + + + + {children}