bender/df89fc60-3a6f-4ad9-aa79-a780a7748708
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-23 20:35:15 +00:00
parent 2ea8c0bb1e
commit 8e1aee44bf
1 changed files with 103 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files

352
src/pages/HomePage.tsx
View File

@@ -6,275 +6,129 @@ import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRev
import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee';
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
import { Award, Briefcase, CheckCircle, Clock, Shield, Star, Zap } from "lucide-react";
import { Briefcase, Award, Star, Clock, CheckCircle, Shield, Zap } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroOverlayMarquee
tag="Trusted Local Electricians"
title="Reliable Electrical Solutions For Homes & Businesses"
description="Licensed electricians providing residential, commercial, and emergency electrical services with quality workmanship and honest pricing."
primaryButton={{
text: "Get a Free Estimate",
href: "#contact",
}}
secondaryButton={{
text: "Call Now",
href: "tel:5551234567",
}}
items={[
{
text: "Licensed & Insured",
icon: CheckCircle,
},
{
text: "Upfront Pricing",
icon: Shield,
},
{
text: "24/7 Availability",
icon: Zap,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/electrician-builder-work-installation-lamps-height-professional-overalls-with-drill-background-repair-site_169016-7325.jpg"
/>
</SectionErrorBoundary>
</div>
tag="Trusted Local Electricians"
title="Reliable Electrical Solutions For Homes & Businesses"
description="Licensed electricians providing residential, commercial, and emergency electrical services with quality workmanship and honest pricing."
primaryButton={{ text: "Get a Free Estimate", href: "#contact" }}
secondaryButton={{ text: "Call Now", href: "tel:5551234567" }}
items={[{ text: "Licensed & Insured", icon: CheckCircle }, { text: "Upfront Pricing", icon: Shield }, { text: "24/7 Availability", icon: Zap }]}
imageSrc="http://img.b2bpic.net/free-photo/electrician-builder-work-installation-lamps-height-professional-overalls-with-drill-background-repair-site_169016-7325.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesRevealCardsBento
tag="Our Services"
title="Comprehensive Electrical Expertise"
description="High-quality residential and commercial electrical services tailored to your needs."
items={[
{
title: "Repairs",
description: "Quick, reliable fixes for all your electrical issues.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-lamp-design_23-2151047537.jpg",
},
{
title: "Panel Upgrades",
description: "Modernize your home safely and efficiently.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-51730.jpg",
},
{
title: "EV Chargers",
description: "Future-proof your home with professional installation.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-car-charging_23-2149146254.jpg",
},
{
title: "Lighting",
description: "Professional indoor/outdoor lighting design.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-curvy-pathway-forest_181624-44037.jpg",
},
{
title: "Ceiling Fans",
description: "Comfort and energy efficiency year-round.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/smart-home-tablet-wall_23-2149036907.jpg",
},
{
title: "Generators",
description: "Never lose power with expert generator installation.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66408.jpg",
},
{
title: "Emergency",
description: "24/7 support when you need it most.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-switchboard-with-electrical-connection-cable-copy-space_169016-52810.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Our Services"
title="Comprehensive Electrical Expertise"
description="High-quality residential and commercial electrical services tailored to your needs."
items={[
{ title: "Repairs", description: "Quick, reliable fixes for all your electrical issues.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-lamp-design_23-2151047537.jpg" },
{ title: "Panel Upgrades", description: "Modernize your home safely and efficiently.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-51730.jpg" },
{ title: "EV Chargers", description: "Future-proof your home with professional installation.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-car-charging_23-2149146254.jpg" },
{ title: "Lighting", description: "Professional indoor/outdoor lighting design.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-curvy-pathway-forest_181624-44037.jpg" },
{ title: "Ceiling Fans", description: "Comfort and energy efficiency year-round.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/smart-home-tablet-wall_23-2149036907.jpg" },
{ title: "Generators", description: "Never lose power with expert generator installation.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66408.jpg" },
{ title: "Emergency", description: "24/7 support when you need it most.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-switchboard-with-electrical-connection-cable-copy-space_169016-52810.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsIconCards
tag="Why Us"
title="Proven Excellence"
metrics={[
{
icon: Briefcase,
title: "Projects Completed",
value: "500+",
},
{
icon: Award,
title: "Years Experience",
value: "10+",
},
{
icon: Star,
title: "Customer Satisfaction",
value: "98%",
},
{
icon: Clock,
title: "Service Speed",
value: "Same-Day",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Why Us"
title="Proven Excellence"
description="Expertly crafted electrical solutions delivered with professionalism."
metrics={[
{ icon: "Briefcase", title: "Projects Completed", value: "500+" },
{ icon: "Award", title: "Years Experience", value: "10+" },
{ icon: "Star", title: "Customer Satisfaction", value: "98%" },
{ icon: "Clock", title: "Service Speed", value: "Same-Day" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="projects" data-section="projects">
<SectionErrorBoundary name="projects">
<div id="projects" data-section="projects">
<SectionErrorBoundary name="projects">
<FeaturesDetailedSteps
tag="Portfolio"
title="Recent Installations"
description="Showcasing our precision work across residential and commercial projects."
steps={[
{
tag: "Residential",
title: "Home Panel Upgrade",
subtitle: "Safety First",
description: "Complete replacement of outdated electrical system.",
imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-with-fuses-contactors-closeup_169016-52159.jpg",
},
{
tag: "Commercial",
title: "Office Lighting",
subtitle: "Modern Design",
description: "Energy-efficient LED lighting installation.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-family-hugging-kid-female_1157-3523.jpg",
},
{
tag: "Outdoor",
title: "Landscape Lighting",
subtitle: "Aesthetic Enhancement",
description: "Custom pathway lighting installation.",
imageSrc: "http://img.b2bpic.net/free-photo/night-park-with-people-sitting-chairs_140725-11122.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Portfolio"
title="Recent Installations"
description="Showcasing our precision work across residential and commercial projects."
steps={[
{ tag: "Residential", title: "Home Panel Upgrade", subtitle: "Safety First", description: "Complete replacement of outdated electrical system.", imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-with-fuses-contactors-closeup_169016-52159.jpg" },
{ tag: "Commercial", title: "Office Lighting", subtitle: "Modern Design", description: "Energy-efficient LED lighting installation.", imageSrc: "http://img.b2bpic.net/free-photo/woman-family-hugging-kid-female_1157-3523.jpg" },
{ tag: "Outdoor", title: "Landscape Lighting", subtitle: "Aesthetic Enhancement", description: "Custom pathway lighting installation.", imageSrc: "http://img.b2bpic.net/free-photo/night-park-with-people-sitting-chairs_140725-11122.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTestimonial
tag="Our Story"
quote="Portela Electrical Services is a family-owned electrical company dedicated to providing dependable, safe, and professional electrical services for homeowners and businesses. Our team focuses on quality workmanship, clear communication, and long-term customer relationships."
author="The Portela Team"
role="Expert Electricians"
imageSrc="http://img.b2bpic.net/free-photo/electrician-builder-work-examines-cable-connection-electrical-line-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-7335.jpg"
/>
</SectionErrorBoundary>
</div>
tag="Our Story"
quote="Portela Electrical Services is a family-owned electrical company dedicated to providing dependable, safe, and professional electrical services for homeowners and businesses. Our team focuses on quality workmanship, clear communication, and long-term customer relationships."
author="The Portela Team"
role="Expert Electricians"
imageSrc="http://img.b2bpic.net/free-photo/electrician-builder-work-examines-cable-connection-electrical-line-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-7335.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialRatingCards
tag="Reviews"
title="Our Clients Trust Us"
testimonials={[
{
name: "Sarah Miller",
role: "Homeowner",
quote: "Exceptional service and quick turnaround on my panel repair.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/annoyed-young-brunette-caucasian-girl-stands-with-crossed-arms-isolated-orange-wall-with-copy-space_141793-116421.jpg",
},
{
name: "David Clark",
role: "Commercial Manager",
quote: "Professional, clean, and reliable experts for our office.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg",
},
{
name: "Linda Chen",
role: "Homeowner",
quote: "The best electrical experience I've had. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg",
},
{
name: "Mark Johnson",
role: "Homeowner",
quote: "Fair pricing and professional installation of our EV charger.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
},
{
name: "Elena Rodriguez",
role: "Homeowner",
quote: "Fast and thorough emergency service at midnight.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-family-holding-roof-their-head_23-2149038355.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Reviews"
title="Our Clients Trust Us"
description="Read what our happy customers have to say about our professional service."
testimonials={[
{ name: "Sarah Miller", role: "Homeowner", quote: "Exceptional service and quick turnaround on my panel repair.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/annoyed-young-brunette-caucasian-girl-stands-with-crossed-arms-isolated-orange-wall-with-copy-space_141793-116421.jpg" },
{ name: "David Clark", role: "Commercial Manager", quote: "Professional, clean, and reliable experts for our office.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg" },
{ name: "Linda Chen", role: "Homeowner", quote: "The best electrical experience I've had. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg" },
{ name: "Mark Johnson", role: "Homeowner", quote: "Fair pricing and professional installation of our EV charger.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
{ name: "Elena Rodriguez", role: "Homeowner", quote: "Fast and thorough emergency service at midnight.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-family-holding-roof-their-head_23-2149038355.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="emergency" data-section="emergency">
<SectionErrorBoundary name="emergency">
<div id="emergency" data-section="emergency">
<SectionErrorBoundary name="emergency">
<ContactCta
tag="Emergency"
text="Need an Electrician Today? We provide 24/7 Emergency Response services."
primaryButton={{
text: "Call Now",
href: "tel:5551234567",
}}
secondaryButton={{
text: "Get a Free Estimate",
href: "#contact",
}}
/>
</SectionErrorBoundary>
</div>
tag="Emergency"
text="Need an Electrician Today? We provide 24/7 Emergency Response services."
primaryButton={{ text: "Call Now", href: "tel:5551234567" }}
secondaryButton={{ text: "Get a Free Estimate", href: "#contact" }}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<FaqTabbedAccordion
tag="Support"
title="Frequently Asked Questions"
description="We are here to answer all your electrical questions."
categories={[
{
name: "General",
items: [
{
question: "What areas do you serve?",
answer: "We serve all surrounding suburbs.",
},
{
question: "Are you licensed?",
answer: "Yes, we are fully licensed and insured.",
},
],
},
{
name: "Emergency",
items: [
{
question: "What defines an emergency?",
answer: "Power outages, exposed wiring, or electrical fire risks.",
},
{
question: "Do you charge extra for emergency service?",
answer: "We provide transparent, upfront pricing.",
},
],
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Support"
title="Frequently Asked Questions"
description="We are here to answer all your electrical questions."
categories={[
{ name: "General", items: [{ question: "What areas do you serve?", answer: "We serve all surrounding suburbs." }, { question: "Are you licensed?", answer: "Yes, we are fully licensed and insured." }] },
{ name: "Emergency", items: [{ question: "What defines an emergency?", answer: "Power outages, exposed wiring, or electrical fire risks." }, { question: "Do you charge extra for emergency service?", answer: "We provide transparent, upfront pricing." }] }
]}
/>
</SectionErrorBoundary>
</div>
</>
);
}