Files
da89b3d8-d7de-48fe-bda4-0ff…/src/app/page.tsx
2026-03-17 19:21:10 +00:00

262 lines
14 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Award, Users, Zap, Shield, Home, Building2, Wrench, Lightbulb, AlertTriangle, CheckCircle } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="small"
sizing="largeSmall"
background="grid"
cardStyle="gradient-mesh"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="R.H. Carter Electrician"
navItems={[
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" }
]}
button={{ text: "Get Quote", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="Professional Electrical Solutions"
description="Expert electrical contracting services for residential and commercial properties. R.H. Carter brings decades of experience, reliability, and quality craftsmanship to every project."
background={{ variant: "rotated-rays-animated" }}
tag="Licensed & Insured"
tagIcon={CheckCircle}
tagAnimation="blur-reveal"
buttons={[
{ text: "Schedule Service", href: "#contact" },
{ text: "Learn More", href: "#services" }
]}
buttonAnimation="slide-up"
carouselItems={[
{
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-mobile-phone-while-using-digital-tablet-kitchen_107420-84983.jpg?_wi=1", imageAlt: "Professional electrician working on electrical panel"
},
{
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-15090.jpg?_wi=1", imageAlt: "Residential electrical wiring installation"
},
{
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397545.jpg", imageAlt: "Commercial electrical system installation"
},
{
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-fuses_169016-52975.jpg", imageAlt: "Emergency electrician repair call"
},
{
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-mobile-phone-while-using-digital-tablet-kitchen_107420-84983.jpg?_wi=2", imageAlt: "Electrician performing diagnostic testing"
},
{
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-15090.jpg?_wi=2", imageAlt: "Electrical panel upgrade and maintenance"
}
]}
autoPlay={true}
autoPlayInterval={5000}
ariaLabel="Hero carousel showcasing electrical services"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="Why Choose R.H. Carter Electrician"
metrics={[
{ icon: Award, label: "Years of Experience", value: "20+" },
{ icon: Users, label: "Satisfied Customers", value: "500+" },
{ icon: Zap, label: "Projects Completed", value: "1000+" },
{ icon: Shield, label: "Licensed & Insured", value: "Certified" }
]}
metricsAnimation="slide-up"
useInvertedBackground={true}
ariaLabel="About section with company metrics"
/>
</div>
<div id="services" data-section="services">
<FeatureHoverPattern
title="Comprehensive Electrical Services"
description="From residential repairs to commercial installations, we provide a full range of electrical solutions tailored to your needs."
features={[
{
icon: Home,
title: "Residential Wiring", description: "Complete home electrical installations, rewiring, panel upgrades, and safety inspections for residential properties.", button: { text: "Learn More", href: "#contact" }
},
{
icon: Building2,
title: "Commercial Installation", description: "Professional commercial electrical systems, lighting design, power distribution, and industrial infrastructure setup.", button: { text: "Learn More", href: "#contact" }
},
{
icon: Wrench,
title: "Maintenance & Repair", description: "Regular maintenance, troubleshooting, equipment repair, and emergency electrical services available 24/7.", button: { text: "Learn More", href: "#contact" }
},
{
icon: Lightbulb,
title: "Energy Solutions", description: "LED lighting upgrades, energy-efficient installations, and sustainable electrical solutions to reduce costs.", button: { text: "Learn More", href: "#contact" }
},
{
icon: AlertTriangle,
title: "Emergency Service", description: "24/7 emergency electrical response for outages, hazards, and urgent repairs whenever you need us.", button: { text: "Learn More", href: "#contact" }
},
{
icon: CheckCircle,
title: "Safety Inspections", description: "Comprehensive electrical safety inspections, code compliance checks, and certification services for peace of mind.", button: { text: "Learn More", href: "#contact" }
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
tag="Expert Services"
tagAnimation="blur-reveal"
carouselMode="auto"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="What Our Clients Say"
description="Trusted by hundreds of satisfied residential and commercial customers throughout the region."
testimonials={[
{
id: "1", name: "James Mitchell", role: "Homeowner", company: "Residential Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-indoors-medium-shot_23-2148944925.jpg", imageAlt: "James Mitchell"
},
{
id: "2", name: "Sarah Johnson", role: "Property Manager", company: "Commercial Property", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg", imageAlt: "Sarah Johnson"
},
{
id: "3", name: "Michael Chen", role: "Business Owner", company: "Retail Store", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", imageAlt: "Michael Chen"
},
{
id: "4", name: "Emily Rodriguez", role: "Contractor", company: "Construction Firm", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg", imageAlt: "Emily Rodriguez"
},
{
id: "5", name: "David Williams", role: "Facilities Director", company: "Office Complex", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280737.jpg", imageAlt: "David Williams"
},
{
id: "6", name: "Lisa Anderson", role: "Homeowner", company: "Residential Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338335.jpg", imageAlt: "Lisa Anderson"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
tag="Customer Reviews"
tagAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
sideTitle="Frequently Asked Questions"
sideDescription="Find answers to common questions about our electrical services, pricing, and availability."
buttons={[{ text: "Contact Us", href: "#contact" }]}
faqs={[
{
id: "1", title: "Are you licensed and insured?", content: "Yes, R.H. Carter Electrician is fully licensed, bonded, and insured. All work meets local electrical codes and industry standards."
},
{
id: "2", title: "Do you offer emergency services?", content: "Absolutely. We provide 24/7 emergency electrical service for power outages, hazards, and urgent repairs. Call us anytime."
},
{
id: "3", title: "What areas do you service?", content: "We serve the entire region with both residential and commercial electrical services. Contact us to confirm service availability in your area."
},
{
id: "4", title: "How quickly can you respond?", content: "We pride ourselves on rapid response times. Most service calls are handled within 24 hours, with emergency services available immediately."
},
{
id: "5", title: "Do you provide free estimates?", content: "Yes, we offer free estimates for all projects. Our team will assess your needs and provide a detailed quote before any work begins."
},
{
id: "6", title: "What's your warranty policy?", content: "All work is guaranteed. We stand behind our craftsmanship and offer warranties on labor and materials for customer peace of mind."
}
]}
faqsAnimation="blur-reveal"
useInvertedBackground={false}
textPosition="left"
showCard={true}
animationType="smooth"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Get Started Today"
tagIcon={Zap}
tagAnimation="blur-reveal"
title="Ready for Professional Electrical Service?"
description="Contact R.H. Carter Electrician today to schedule your service, request an estimate, or discuss your electrical needs with our expert team."
buttons={[
{ text: "Schedule Service", href: "tel:+1-800-ELECTRIC" },
{ text: "Request Quote", href: "mailto:info@rhcarterelectric.com" }
]}
buttonAnimation="slide-up"
background={{ variant: "animated-grid" }}
useInvertedBackground={true}
ariaLabel="Contact section for scheduling electrical services"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13646.jpg"
imageAlt="Electrical infrastructure background"
logoText="R.H. Carter Electrician"
copyrightText="© 2025 R.H. Carter Electrician. All rights reserved."
columns={[
{
title: "Services", items: [
{ label: "Residential Wiring", href: "#services" },
{ label: "Commercial Installation", href: "#services" },
{ label: "Emergency Repair", href: "#services" },
{ label: "Energy Solutions", href: "#services" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Team", href: "#about" },
{ label: "FAQ", href: "#faq" },
{ label: "Contact", href: "#contact" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "License Information", href: "#" },
{ label: "Insurance", href: "#" }
]
}
]}
ariaLabel="Site footer"
/>
</div>
</ThemeProvider>
);
}