bender/70b7f089-ba9c-43a4-9857-aea29944844e
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-04-13 04:01:09 +00:00
parent 696c8f5995
commit 8e491fda83
1 changed files with 39 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

201
src/app/page.tsx
View File

@@ -30,22 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="JL Electric"
/>
@@ -55,13 +43,8 @@ export default function LandingPage() {
<HeroLogo
logoText="JL Electric"
description="Reliable Electrical Work Done Right the First Time. Serving homeowners and businesses with decades of experience, honesty, and quality craftsmanship."
buttons={[
{
text: "Schedule Service",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/low-angle-female-construction-worker-with-light-bulb_23-2148813406.jpg?_wi=1"
buttons={[{ text: "Schedule Service", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/low-angle-female-construction-worker-with-light-bulb_23-2148813406.jpg"
imageAlt="Professional electrician working on a home electrical repair"
/>
</div>
@@ -71,42 +54,22 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Experienced & Knowledgeable",
description: "Decades of industry experience ensuring safe, high-quality results.",
bentoComponent: "reveal-icon",
icon: Award,
imageSrc: "http://img.b2bpic.net/free-photo/electrician-construction-worker-with-beard-overalls-installation-sockets-home-renovation-concept_169016-7329.jpg",
imageAlt: "Electrician construction worker with a beard in overalls during the installation of sockets. Home renovation concept.",
},
{
title: "Honest & Straightforward",
description: "Fair pricing and clear communication on every electrical project.",
bentoComponent: "reveal-icon",
icon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-female-construction-worker-with-light-bulb_23-2148813406.jpg?_wi=2",
imageAlt: "Electrician construction worker with a beard in overalls during the installation of sockets. Home renovation concept.",
},
{
title: "Reliable & Professional",
description: "On-time arrival and respectful service for every home property.",
bentoComponent: "reveal-icon",
icon: Shield,
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-electric-holding-charger_23-2149458111.jpg?_wi=1",
imageAlt: "Electrician construction worker with a beard in overalls during the installation of sockets. Home renovation concept.",
},
{
title: "Trusted Local Service",
description: "Consistently dependable work that locals rely on year after year.",
bentoComponent: "reveal-icon",
icon: Users,
imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-house-repair-installation_53876-64979.jpg?_wi=1",
imageAlt: "Electrician construction worker with a beard in overalls during the installation of sockets. Home renovation concept.",
},
]}
title="Why Choose JL Electric"
description="Experience, honesty, and reliability are at the core of everything we do."
features={[
{
title: "Experienced & Knowledgeable", description: "Decades of industry experience ensuring safe, high-quality results.", bentoComponent: "reveal-icon", icon: Award,
},
{
title: "Honest & Straightforward", description: "Fair pricing and clear communication on every electrical project.", bentoComponent: "reveal-icon", icon: CheckCircle,
},
{
title: "Reliable & Professional", description: "On-time arrival and respectful service for every home property.", bentoComponent: "reveal-icon", icon: Shield,
},
{
title: "Trusted Local Service", description: "Consistently dependable work that locals rely on year after year.", bentoComponent: "reveal-icon", icon: Users,
},
]}
/>
</div>
@@ -114,50 +77,15 @@ export default function LandingPage() {
<ProductCardFour
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={false}
products={[
{
id: "s1",
name: "EV Charger Installation",
price: "Standard Rate",
variant: "Safety Focused",
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-electric-holding-charger_23-2149458111.jpg?_wi=2",
},
{
id: "s2",
name: "Repairs & Troubleshooting",
price: "Fast Response",
variant: "Diagnostic Expert",
imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-house-repair-installation_53876-64979.jpg?_wi=2",
},
{
id: "s3",
name: "Lighting Installation",
price: "Custom Pricing",
variant: "Energy Efficient",
imageSrc: "http://img.b2bpic.net/free-photo/professional-hispanic-electrician-fixing-electrical-system-ceiling-cutting-some-cables-home_662251-633.jpg",
},
{
id: "s4",
name: "Ceiling Fan Installation",
price: "Fixed Quote",
variant: "Comfort Upgrade",
imageSrc: "http://img.b2bpic.net/free-photo/professional-overalls-with-tools-background-repair-site-home-renovation-concept_169016-7321.jpg",
},
{
id: "s5",
name: "Outlets & Circuits",
price: "Per Project",
variant: "Code Compliant",
imageSrc: "http://img.b2bpic.net/free-photo/electrical-repair-install-socket-outlet-plug-switch-electrician-caucasian-man-install-outlet-with-pliers-repair-hands-master-closeup-work_166373-2206.jpg",
},
{
id: "s6",
name: "Electrical Upgrades",
price: "Inquire Today",
variant: "System Modernization",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-circuit-breakers-wire-control-panel_169016-23492.jpg",
},
{ id: "s1", name: "EV Charger Installation", price: "Standard Rate", variant: "Safety Focused", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-electric-holding-charger_23-2149458111.jpg" },
{ id: "s2", name: "Repairs & Troubleshooting", price: "Fast Response", variant: "Diagnostic Expert", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-house-repair-installation_53876-64979.jpg" },
{ id: "s3", name: "Lighting Installation", price: "Custom Pricing", variant: "Energy Efficient", imageSrc: "http://img.b2bpic.net/free-photo/professional-hispanic-electrician-fixing-electrical-system-ceiling-cutting-some-cables-home_662251-633.jpg" },
{ id: "s4", name: "Ceiling Fan Installation", price: "Fixed Quote", variant: "Comfort Upgrade", imageSrc: "http://img.b2bpic.net/free-photo/professional-overalls-with-tools-background-repair-site-home-renovation-concept_169016-7321.jpg" },
{ id: "s5", name: "Outlets & Circuits", price: "Per Project", variant: "Code Compliant", imageSrc: "http://img.b2bpic.net/free-photo/electrical-repair-install-socket-outlet-plug-switch-electrician-caucasian-man-install-outlet-with-pliers-repair-hands-master-closeup-work_166373-2206.jpg" },
{ id: "s6", name: "Electrical Upgrades", price: "Inquire Today", variant: "System Modernization", imageSrc: "http://img.b2bpic.net/free-photo/close-up-circuit-breakers-wire-control-panel_169016-23492.jpg" },
]}
title="Electrical Services"
description="From repairs to full installations, we have the expertise you need."
@@ -168,36 +96,12 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Adam Marsh",
imageSrc: "http://img.b2bpic.net/free-photo/gardener-talking-by-mobile-phone_329181-20611.jpg",
},
{
id: "2",
name: "Ken Shoop",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg",
},
{
id: "3",
name: "Patti Stephen",
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
},
{
id: "4",
name: "John Graham",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg",
},
{
id: "5",
name: "Jesse White",
imageSrc: "http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-11113.jpg",
},
{
id: "6",
name: "Charles Reid",
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-office-computer_1303-31490.jpg",
},
{ id: "1", name: "Adam Marsh", imageSrc: "http://img.b2bpic.net/free-photo/gardener-talking-by-mobile-phone_329181-20611.jpg" },
{ id: "2", name: "Ken Shoop", imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg" },
{ id: "3", name: "Patti Stephen", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg" },
{ id: "4", name: "John Graham", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg" },
{ id: "5", name: "Jesse White", imageSrc: "http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-11113.jpg" },
{ id: "6", name: "Charles Reid", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-office-computer_1303-31490.jpg" },
]}
cardTitle="What Customers Are Saying"
cardTag="Reviews"
@@ -221,30 +125,11 @@ export default function LandingPage() {
title="Contact JL Electric"
description="Ready to schedule your electrical service? Call today or request a quote using the form below."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
]}
textarea={{
name: "message",
placeholder: "Tell us about your project",
rows: 4,
}}
textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/table-with-bulb-tapes_23-2147743033.jpg"
buttonText="Send Request"
/>
@@ -255,16 +140,8 @@ export default function LandingPage() {
logoText="JL Electric"
copyrightText="© 2025 JL Electric. All rights reserved."
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
]}
/>
</div>