245 lines
15 KiB
TypeScript
245 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Clock, Star, MapPin, Shield } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="grid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Areas", id: "service-areas" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Call Now: 062 636 2163", href: "tel:0626362163"
|
|
}}
|
|
brandName="Jered's Electrical"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="24-Hour Licensed Electrician in Cape Town"
|
|
description="Fast, Reliable & Safe Electrical Services. We're available around the clock for all your electrical emergencies and maintenance needs."
|
|
tag="Licensed • 24/7 • Local • 5-Star Rated"
|
|
background={{ variant: "glowing-orb" }}
|
|
buttons={[
|
|
{ text: "📞 Call Now", href: "tel:0626362163" },
|
|
{ text: "💬 WhatsApp Us", href: "https://wa.me/27626362163" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg?_wi=1"
|
|
imageAlt="Professional electrician at work"
|
|
imagePosition="right"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<AboutMetric
|
|
title="Why Jered's Electrical Services is Cape Town's Trusted Choice"
|
|
metrics={[
|
|
{ icon: Clock, label: "Availability", value: "24 Hours" },
|
|
{ icon: Star, label: "Customer Rating", value: "5.0 ⭐" },
|
|
{ icon: MapPin, label: "Service Area", value: "Cape Town" },
|
|
{ icon: Shield, label: "Safety First", value: "Licensed Pro" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwelve
|
|
features={[
|
|
{
|
|
id: "emergency", label: "Emergency", title: "24-Hour Emergency Electrical Repairs", items: [
|
|
"Immediate response to electrical failures", "Power outage diagnosis and restoration", "Safety hazard elimination"
|
|
],
|
|
buttons: [{ text: "Get Help Now", href: "tel:0626362163" }]
|
|
},
|
|
{
|
|
id: "residential", label: "Residential", title: "Complete Home Electrical Services", items: [
|
|
"Wiring installation and upgrades", "Lighting solutions and fixture installation", "Fault finding and repairs"
|
|
],
|
|
buttons: [{ text: "Learn More", href: "tel:0626362163" }]
|
|
},
|
|
{
|
|
id: "commercial", label: "Commercial", title: "Professional Business Electrical Solutions", items: [
|
|
"Industrial wiring and connections", "Safety compliance and inspections", "Maintenance and preventative care"
|
|
],
|
|
buttons: [{ text: "Contact Us", href: "tel:0626362163" }]
|
|
},
|
|
{
|
|
id: "installations", label: "Installations", title: "Expert Electrical Installations & Upgrades", items: [
|
|
"DB board upgrades and installations", "Circuit breaker replacements", "Safety switch installations"
|
|
],
|
|
buttons: [{ text: "Schedule Service", href: "tel:0626362163" }]
|
|
}
|
|
]}
|
|
animationType="blur-reveal"
|
|
title="Our Electrical Services"
|
|
description="Comprehensive solutions for residential, commercial, and emergency electrical needs in Cape Town"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<TestimonialCardFifteen
|
|
testimonial="Jered provides exceptional electrical service with a genuine commitment to safety and customer satisfaction. His transparent pricing, rapid response times, and professional expertise make him the go-to electrician for Cape Town residents and businesses."
|
|
rating={5}
|
|
author="Trusted by Cape Town"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer 5" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer 6" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-areas" data-section="service-areas">
|
|
<ProductCardTwo
|
|
title="Service Areas Across Cape Town"
|
|
description="We proudly serve Cape Town and surrounding areas with fast, reliable electrical services"
|
|
products={[
|
|
{
|
|
id: "parow", brand: "Main Service Area", name: "Parow West & East", price: "24/7 Available", rating: 5,
|
|
reviewCount: "Local Base", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-male-technician-doing-work-report-broken-fridge-home-kitchen_662251-2719.jpg?_wi=1", imageAlt: "Parow West electrical service"
|
|
},
|
|
{
|
|
id: "cape-town", brand: "Extended Coverage", name: "Greater Cape Town", price: "Fast Response", rating: 5,
|
|
reviewCount: "Rapid Service", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=1", imageAlt: "Cape Town coverage area"
|
|
},
|
|
{
|
|
id: "nearby", brand: "Regional Service", name: "Surrounding Areas", price: "On Request", rating: 5,
|
|
reviewCount: "Available", imageSrc: "http://img.b2bpic.net/free-photo/factory-manager-gives-paperwork-files-investors-reviewing-financial-statement_482257-126495.jpg?_wi=1", imageAlt: "Nearby areas electrical service"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<BlogCardOne
|
|
title="What Our Customers Say"
|
|
description="Real testimonials from satisfied customers across Cape Town who trust Jered's Electrical Services"
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Residential", title: "Fastest Electrician Response in Cape Town", excerpt: "Jered arrived within 30 minutes of my emergency call. Professional, efficient, and charged transparently. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg?_wi=2", imageAlt: "Professional electrician", authorName: "Mrs. van der Merwe", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "3 weeks ago"
|
|
},
|
|
{
|
|
id: "2", category: "Commercial", title: "Professional Business Solutions", excerpt: "Jered upgraded our entire office electrical system. Minimal disruption, excellent results, and his team was respectful throughout.", imageSrc: "http://img.b2bpic.net/free-photo/factory-manager-gives-paperwork-files-investors-reviewing-financial-statement_482257-126495.jpg?_wi=2", imageAlt: "Commercial electrical work", authorName: "John Smith", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "1 month ago"
|
|
},
|
|
{
|
|
id: "3", category: "Emergency", title: "Saved Our Property During Crisis", excerpt: "Our power was completely down. Jered diagnosed and fixed the fault in under an hour. Truly a lifesaver for our family!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-male-technician-doing-work-report-broken-fridge-home-kitchen_662251-2719.jpg?_wi=2", imageAlt: "Emergency repair", authorName: "David Pieterse", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "2 weeks ago"
|
|
},
|
|
{
|
|
id: "4", category: "Installation", title: "New DB Board Installation Done Right", excerpt: "Needed a DB board upgrade for safety compliance. Jered explained everything clearly and the work was completed flawlessly.", imageSrc: "http://img.b2bpic.net/free-photo/visual-panel-inspection-electrician-near-switchboard-electrical-system-control_169016-68358.jpg", imageAlt: "DB board upgrade", authorName: "Amelia Rodriguez", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "3 days ago"
|
|
},
|
|
{
|
|
id: "5", category: "Residential", title: "Transparent Pricing, No Surprises", excerpt: "Got a clear quote upfront. No hidden costs. Professional work that exceeded expectations. Best electrician in Parow!", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg?_wi=2", imageAlt: "Residential work", authorName: "Michael Chen", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "1 week ago"
|
|
},
|
|
{
|
|
id: "6", category: "Commercial", title: "Trusted Partner for Ongoing Maintenance", excerpt: "We've used Jered for multiple projects and maintenance visits. Always reliable, always professional. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-digital-tablet-electrician-work-items_169016-24255.jpg", imageAlt: "Maintenance work", authorName: "Sarah Johnson", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "10 days ago"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Need an Electrician Now?"
|
|
description="Contact Jered's Electrical Services for immediate assistance. We're available 24 hours a day, 7 days a week for all your electrical needs."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "service", type: "text", placeholder: "Type of Service Needed", required: true }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Describe your electrical issue or project details...", rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/senior-carpenter-having-call-workshop_329181-15655.jpg"
|
|
imageAlt="Contact Jered's Electrical Services"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
buttonText="Send Request"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Jered's Electrical"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Emergency Repairs", href: "#services" },
|
|
{ label: "Residential", href: "#services" },
|
|
{ label: "Commercial", href: "#services" },
|
|
{ label: "Installations", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#why-us" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "Service Areas", href: "#service-areas" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: 062 636 2163", href: "tel:0626362163" },
|
|
{ label: "Address: 121 Church Rd, Parow West", href: "https://maps.google.com/?q=121+Church+Rd+Parow+West+Cape+Town" },
|
|
{ label: "WhatsApp", href: "https://wa.me/27626362163" },
|
|
{ label: "24 Hours Available", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Jered's Electrical Services. Licensed & Insured. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|