124 lines
4.5 KiB
TypeScript
124 lines
4.5 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { Zap, Award } from "lucide-react";
|
|
|
|
export default function ContactPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const navButton = {
|
|
text: "Call Now", href: "tel:+15194441234"};
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={navItems}
|
|
button={navButton}
|
|
brandName="Local Electric"
|
|
/>
|
|
</div>
|
|
|
|
{/* Main Contact CTA */}
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get In Touch"
|
|
tagIcon={Zap}
|
|
title="Fast, Honest Electrical Service — One Call Away"
|
|
description="Contact Local Electric today for emergency repairs, renovations, lighting installations, EV chargers, or any residential electrical need. We'll respond within 30 minutes and provide honest, transparent pricing."
|
|
buttons={[
|
|
{ text: "Call (519) 444-1234", href: "tel:+15194441234" },
|
|
{ text: "Email chris@localelectric.ca", href: "mailto:chris@localelectric.ca" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Why Choose Section */}
|
|
<div id="why-call" data-section="why-call">
|
|
<SocialProofOne
|
|
title="Why Choose Local Electric?"
|
|
description="Serving London, Ontario with speed, honesty, and professional craftsmanship"
|
|
tag="Service Guarantee"
|
|
tagIcon={Award}
|
|
names={[
|
|
"⚡ Available 24/7 for Emergency Calls", "💰 Honest & Transparent Pricing (No Hidden Fees)", "🚀 Fast Response Times (30 mins avg)", "🔧 Professional Workmanship Guaranteed", "📅 Weekend & Evening Availability", "✓ Licensed, Insured, Code Compliant"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
speed={35}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* Final CTA */}
|
|
<div id="final-cta" data-section="final-cta">
|
|
<ContactCTA
|
|
tag="Ready to Get Started?"
|
|
tagIcon={Zap}
|
|
title="Don't Wait — Call Local Electric Today"
|
|
description="Whether it's an emergency, a renovation project, or routine maintenance, we're ready to help. Fast, honest, professional service every time."
|
|
buttons={[
|
|
{ text: "Call Now (519) 444-1234", href: "tel:+15194441234" },
|
|
{ text: "Back to Home", href: "/" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Local Electric"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Services", href: "/services" },
|
|
{ label: "About", href: "/about" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Reviews", href: "/reviews" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Emergency Service", href: "tel:+15194441234" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "License & Insurance", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |