bender/69de5cb9-3882-41b1-ace6-12e8432c05c7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 03:26:33 +00:00
parent 4149d36a23
commit 0d6856a483
1 changed files with 62 additions and 283 deletions
Download Patch File Download Diff File Expand all files Collapse all files

345
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Top Level Electric"
/>
@@ -56,117 +48,43 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Powering Your Vision with Excellence"
description="At Top Level Electric, we provide premium residential and commercial electrical solutions with safety and reliability as our core pillars. Licensed experts serving your community with precision."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-screw-collection_23-2148557983.jpg?_wi=1",
imageAlt: "Electrician working on site",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-with-fuses-contactors-closeup_169016-23724.jpg",
imageAlt: "Electrician working on site",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53947.jpg",
imageAlt: "Electrician working on site",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/coloured-sleeves-crimp-terminals-different-wire-sizes_169016-24612.jpg",
imageAlt: "Electrician working on site",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-male-electrician-overalls-working-with-electricity_169016-66706.jpg",
imageAlt: "Electrician working on site",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/hands-electrician-installing-electrical-outlet-new-house-assembly-electrical-network-room-installation-electrical-network_166373-2204.jpg",
imageAlt: "Electrician working on site",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-screw-collection_23-2148557983.jpg", imageAlt: "Electrician working on site" },
{ imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-with-fuses-contactors-closeup_169016-23724.jpg", imageAlt: "Electrician working on site" },
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53947.jpg", imageAlt: "Electrician working on site" },
{ imageSrc: "http://img.b2bpic.net/free-photo/coloured-sleeves-crimp-terminals-different-wire-sizes_169016-24612.jpg", imageAlt: "Electrician working on site" },
{ imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-male-electrician-overalls-working-with-electricity_169016-66706.jpg", imageAlt: "Electrician working on site" },
{ imageSrc: "http://img.b2bpic.net/free-photo/hands-electrician-installing-electrical-outlet-new-house-assembly-electrical-network-room-installation-electrical-network_166373-2204.jpg", imageAlt: "Electrician working on site" }
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/jewelry-making-tools-pliers-copper-wire-coil_23-2151979302.jpg",
imageAlt: "Modern light fixture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pliers-copper-wire-gloves-surface_23-2151979294.jpg",
imageAlt: "Modern light fixture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cutting-wires_23-2148254069.jpg",
imageAlt: "Modern light fixture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-table_23-2147743032.jpg",
imageAlt: "Modern light fixture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woodworking-tools-rack-used-carving-wood-surfaces_482257-97763.jpg",
imageAlt: "Modern light fixture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/electrician-with-tools-working-construction-site-repair-handyman-concept_169016-5888.jpg",
imageAlt: "Modern light fixture",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/jewelry-making-tools-pliers-copper-wire-coil_23-2151979302.jpg", imageAlt: "Modern light fixture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/pliers-copper-wire-gloves-surface_23-2151979294.jpg", imageAlt: "Modern light fixture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cutting-wires_23-2148254069.jpg", imageAlt: "Modern light fixture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-table_23-2147743032.jpg", imageAlt: "Modern light fixture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-woodworking-tools-rack-used-carving-wood-surfaces_482257-97763.jpg", imageAlt: "Modern light fixture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-with-tools-working-construction-site-repair-handyman-concept_169016-5888.jpg", imageAlt: "Modern light fixture" }
]}
buttons={[
{
text: "Get a Quote",
href: "#contact",
},
text: "Get a Quote", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg",
alt: "Satisfied client",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
alt: "Satisfied client",
},
{
src: "http://img.b2bpic.net/free-photo/confident-handsome-man-taking-selfie-videocalling-with-digital-tablet_176420-19041.jpg",
alt: "Satisfied client",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58464.jpg",
alt: "Satisfied client",
},
{
src: "http://img.b2bpic.net/free-photo/business-woman-with-laptop-looking-away_23-2148317298.jpg",
alt: "Satisfied client",
},
{ src: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg", alt: "Satisfied client" },
{ src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", alt: "Satisfied client" },
{ src: "http://img.b2bpic.net/free-photo/confident-handsome-man-taking-selfie-videocalling-with-digital-tablet_176420-19041.jpg", alt: "Satisfied client" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58464.jpg", alt: "Satisfied client" },
{ src: "http://img.b2bpic.net/free-photo/business-woman-with-laptop-looking-away_23-2148317298.jpg", alt: "Satisfied client" }
]}
avatarText="Trusted by 15,000+ happy clients"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/power-tester-yellow-notepad_140725-8762.jpg",
alt: "Industry Certification",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/bicycle-tools-arranged-repairstand_482257-86076.jpg",
alt: "Safety Award",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-25060.jpg",
alt: "Top Quality",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/pliers-wire-connectors-blue-surface_23-2151979288.jpg",
alt: "Expert Team",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/voltage-switchboard-with-circuit-breakers-close-up_169016-16567.jpg",
alt: "Trusted Partner",
},
{ type: "image", src: "http://img.b2bpic.net/free-photo/power-tester-yellow-notepad_140725-8762.jpg", alt: "Industry Certification" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/bicycle-tools-arranged-repairstand_482257-86076.jpg", alt: "Safety Award" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-25060.jpg", alt: "Top Quality" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/pliers-wire-connectors-blue-surface_23-2151979288.jpg", alt: "Expert Team" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/voltage-switchboard-with-circuit-breakers-close-up_169016-16567.jpg", alt: "Trusted Partner" }
]}
/>
</div>
@@ -177,20 +95,11 @@ export default function LandingPage() {
title="Years of Certified Expertise"
description="Top Level Electric bridges the gap between old-school craft and new-age technology. We ensure every wiring project, panel upgrade, and troubleshooting visit adheres to the highest industry standards."
metrics={[
{
value: "15+",
title: "Years Experience",
},
{
value: "5000+",
title: "Projects Completed",
},
{
value: "24/7",
title: "Emergency Ready",
},
{ value: "15+", title: "Years Experience" },
{ value: "5000+", title: "Projects Completed" },
{ value: "24/7", title: "Emergency Ready" }
]}
imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24226.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24226.jpg"
imageAlt="Professional electrician at work"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -204,56 +113,26 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Residential Lighting",
description: "Custom installation and smart lighting solutions for homes.",
icon: Zap,
title: "Residential Lighting", description: "Custom installation and smart lighting solutions for homes.", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-decoration_1203-3737.jpg",
imageAlt: "Residential lighting solutions",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/rows-film-near-camera_23-2147852535.jpg",
imageAlt: "Residential lighting solutions",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-screw-collection_23-2148557983.jpg?_wi=2",
imageAlt: "residential lighting solutions",
{ imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-decoration_1203-3737.jpg", imageAlt: "Residential lighting solutions" },
{ imageSrc: "http://img.b2bpic.net/free-photo/rows-film-near-camera_23-2147852535.jpg", imageAlt: "Residential lighting solutions" }
]
},
{
title: "Commercial Upgrades",
description: "Large scale panel upgrades and industrial circuit design.",
icon: Shield,
title: "Commercial Upgrades", description: "Large scale panel upgrades and industrial circuit design.", icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg",
imageAlt: "Commercial electrical panel upgrade",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/electrician-switchboard-equipment-interaction-technical-indoor-task_169016-68105.jpg",
imageAlt: "Commercial electrical panel upgrade",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24226.jpg?_wi=2",
imageAlt: "residential lighting solutions",
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg", imageAlt: "Commercial electrical panel upgrade" },
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-switchboard-equipment-interaction-technical-indoor-task_169016-68105.jpg", imageAlt: "Commercial electrical panel upgrade" }
]
},
{
title: "Smart Home Automation",
description: "Integration of smart sensors and automated climate control systems.",
icon: Star,
title: "Smart Home Automation", description: "Integration of smart sensors and automated climate control systems.", icon: Star,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-blue-light-checks-switchboard-tablet-night-diagnostics_169016-71325.jpg",
imageAlt: "Smart home electrical system",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-using-smartphone-his-automated-home_23-2149036903.jpg",
imageAlt: "Smart home electrical system",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg?_wi=1",
imageAlt: "residential lighting solutions",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-blue-light-checks-switchboard-tablet-night-diagnostics_169016-71325.jpg", imageAlt: "Smart home electrical system" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-using-smartphone-his-automated-home_23-2149036903.jpg", imageAlt: "Smart home electrical system" }
]
}
]}
title="Our Specialized Electrical Services"
description="Comprehensive electrical contracting for your home or business, from intricate custom wiring to industrial system upgrades."
@@ -266,41 +145,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alice Johnson",
handle: "@alice",
testimonial: "Top Level Electric saved us during an emergency outage. Very professional team.",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg?_wi=2",
},
{
id: "2",
name: "Bob Williams",
handle: "@bob",
testimonial: "Highly satisfied with the commercial panel installation. Clean, timely, and safe.",
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-using-laptop_1098-2182.jpg",
},
{
id: "3",
name: "Charlie Davis",
handle: "@charlie",
testimonial: "The best electrical experience I've had. Truly the top tier of the industry.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
},
{
id: "4",
name: "Diana Ross",
handle: "@diana",
testimonial: "Quick and efficient. Their attention to detail on lighting is amazing.",
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-149935.jpg",
},
{
id: "5",
name: "Eve Smith",
handle: "@eve",
testimonial: "Dependable and honest. These are the experts I recommend to everyone.",
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-160608.jpg",
},
{ id: "1", name: "Alice Johnson", handle: "@alice", testimonial: "Top Level Electric saved us during an emergency outage. Very professional team.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg" },
{ id: "2", name: "Bob Williams", handle: "@bob", testimonial: "Highly satisfied with the commercial panel installation. Clean, timely, and safe.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-using-laptop_1098-2182.jpg" },
{ id: "3", name: "Charlie Davis", handle: "@charlie", testimonial: "The best electrical experience I've had. Truly the top tier of the industry.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg" },
{ id: "4", name: "Diana Ross", handle: "@diana", testimonial: "Quick and efficient. Their attention to detail on lighting is amazing.", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-149935.jpg" },
{ id: "5", name: "Eve Smith", handle: "@eve", testimonial: "Dependable and honest. These are the experts I recommend to everyone.", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-160608.jpg" }
]}
title="Trusted by Homeowners and Businesses"
description="Don't take our word for it. Our work speaks through the satisfied clients we support daily."
@@ -312,21 +161,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Do you offer emergency services?",
content: "Yes, our team is on call 24/7 for emergency electrical issues.",
},
{
id: "2",
title: "Are your electricians licensed?",
content: "Yes, every technician is fully licensed, insured, and certified.",
},
{
id: "3",
title: "How can I get a quote?",
content: "Simply fill out our contact form or give us a call to request a service visit.",
},
{ id: "1", title: "Do you offer emergency services?", content: "Yes, our team is on call 24/7 for emergency electrical issues." },
{ id: "2", title: "Are your electricians licensed?", content: "Yes, every technician is fully licensed, insured, and certified." },
{ id: "3", title: "How can I get a quote?", content: "Simply fill out our contact form or give us a call to request a service visit." }
]}
title="Common Electrical Questions"
description="Find quick answers to the most common service inquiries."
@@ -340,33 +177,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99.9%",
title: "Safety Rating",
items: [
"Certified Safety",
"Compliant Codes",
],
},
{
id: "m2",
value: "1200+",
title: "Commercial Projects",
items: [
"Systems Design",
"Industrial Upgrades",
],
},
{
id: "m3",
value: "15k+",
title: "Happy Clients",
items: [
"Ongoing Support",
"Trusted Referrals",
],
},
{ id: "m1", value: "99.9%", title: "Safety Rating", items: ["Certified Safety", "Compliant Codes"] },
{ id: "m2", value: "1200+", title: "Commercial Projects", items: ["Systems Design", "Industrial Upgrades"] },
{ id: "m3", value: "15k+", title: "Happy Clients", items: ["Ongoing Support", "Trusted Referrals"] }
]}
title="Our Impact in Numbers"
description="We are proud of the safety milestones and project goals we achieve for our clients."
@@ -381,36 +194,9 @@ export default function LandingPage() {
title="Latest Electrical Insights"
description="Read our latest articles on home safety, energy efficiency, and lighting trends."
blogs={[
{
id: "b1",
category: "Guides",
title: "Top 5 Safety Checks for Your Home",
excerpt: "Keep your household safe with these essential yearly electrical checks.",
imageSrc: "http://img.b2bpic.net/free-photo/electrician-measuring-voltage_23-2147743068.jpg",
authorName: "Electrician Pro",
authorAvatar: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg",
date: "Oct 1, 2024",
},
{
id: "b2",
category: "Efficiency",
title: "Smart Lighting Solutions for 2025",
excerpt: "Reduce your monthly energy costs with these smart lighting tips.",
imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24825.jpg",
authorName: "Tech Consultant",
authorAvatar: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1078.jpg",
date: "Sept 25, 2024",
},
{
id: "b3",
category: "Maintenance",
title: "When to Upgrade Your Electrical Panel",
excerpt: "Identify signs that your current panel is no longer adequate for demand.",
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-16060.jpg",
authorName: "Systems Lead",
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
date: "Sept 15, 2024",
},
{ id: "b1", category: "Guides", title: "Top 5 Safety Checks for Your Home", excerpt: "Keep your household safe with these essential yearly electrical checks.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-measuring-voltage_23-2147743068.jpg", authorName: "Electrician Pro", authorAvatar: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg", date: "Oct 1, 2024" },
{ id: "b2", category: "Efficiency", title: "Smart Lighting Solutions for 2025", excerpt: "Reduce your monthly energy costs with these smart lighting tips.", imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24825.jpg", authorName: "Tech Consultant", authorAvatar: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1078.jpg", date: "Sept 25, 2024" },
{ id: "b3", category: "Maintenance", title: "When to Upgrade Your Electrical Panel", excerpt: "Identify signs that your current panel is no longer adequate for demand.", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-16060.jpg", authorName: "Systems Lead", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", date: "Sept 15, 2024" }
]}
/>
</div>
@@ -419,8 +205,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contact Us"
title="Ready to Start Your Project?"
description="Reach out today for a consultation or to schedule a service visit. Let's power up your space."
@@ -434,14 +219,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Top Level Electric"
leftLink={{
text: "Terms of Service",
href: "#",
}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
leftLink={{ text: "Terms of Service", href: "#" }}
rightLink={{ text: "Privacy Policy", href: "#" }}
/>
</div>
</ReactLenis>