bender/4292dcec-84e7-4b37-9ccf-4d4dec127f45
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-21 12:36:35 +00:00
parent e21ad6b71c
commit 2d52dfa58b
1 changed files with 49 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

217
src/app/page.tsx
View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen
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: "Reviews",
id: "reviews",
},
name: "Reviews", id: "reviews"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="CJ Auto Electrical"
/>
@@ -60,19 +50,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Your Trusted Local Auto Electricians in George"
description="At CJ Auto Electrical, we specialize in fast, precise diagnostics and reliable repairs for all car and trailer electrical needs. Trusted by 100+ local customers."
buttons={[
{
text: "Call Now",
href: "tel:0448781575",
},
text: "Call Now", href: "tel:0448781575"},
{
text: "Get Directions",
href: "https://maps.app.goo.gl/...",
},
text: "Get Directions", href: "https://maps.app.goo.gl/..."},
]}
imageSrc="http://img.b2bpic.net/free-photo/mechanic-smiling-while-examining-car-engine-with-lamp_1170-1292.jpg"
/>
@@ -85,19 +70,13 @@ export default function LandingPage() {
metrics={[
{
icon: Users,
label: "Happy Local Customers",
value: "100+",
},
label: "Happy Local Customers", value: "100+"},
{
icon: Zap,
label: "Years Experience",
value: "15+",
},
label: "Years Experience", value: "15+"},
{
icon: Star,
label: "Google Rating",
value: "4.4",
},
label: "Google Rating", value: "4.4"},
]}
metricsAnimation="slide-up"
/>
@@ -110,38 +89,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Diagnostics",
author: "Pro Team",
description: "Cutting-edge diagnostic equipment to pinpoint hidden faults.",
tags: [
"Auto",
"Tech",
],
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11835.jpg",
},
id: "f1", title: "Diagnostics", author: "Pro Team", description: "Cutting-edge diagnostic equipment to pinpoint hidden faults.", tags: [
"Auto", "Tech"],
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11835.jpg"},
{
id: "f2",
title: "Repairs",
author: "Pro Team",
description: "Reliable fixing of starter motors, alternators, and wiring.",
tags: [
"Repairs",
"Fast",
],
imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg",
},
id: "f2", title: "Repairs", author: "Pro Team", description: "Reliable fixing of starter motors, alternators, and wiring.", tags: [
"Repairs", "Fast"],
imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg"},
{
id: "f3",
title: "Trailer Electrics",
author: "Pro Team",
description: "Specialized wiring for trailers and caravans for safe towing.",
tags: [
"Safe",
"Expert",
],
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-diagnostic-tool-while-checking-voltage-car-battery-auto-repair-shop_637285-4265.jpg",
},
id: "f3", title: "Trailer Electrics", author: "Pro Team", description: "Specialized wiring for trailers and caravans for safe towing.", tags: [
"Safe", "Expert"],
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-diagnostic-tool-while-checking-voltage-car-battery-auto-repair-shop_637285-4265.jpg"},
]}
title="Comprehensive Auto Electrical Services"
description="We don't guess—we diagnose. Using state-of-the-art tools, we get you back on the road quickly."
@@ -155,59 +113,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Johan P.",
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440227.jpg",
},
id: "1", name: "Johan P.", role: "Client", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440227.jpg"},
{
id: "2",
name: "Sarah D.",
role: "Client",
company: "Local",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg",
},
id: "2", name: "Sarah D.", role: "Client", company: "Local", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg"},
{
id: "3",
name: "Mark V.",
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",
},
id: "3", name: "Mark V.", role: "Client", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg"},
{
id: "4",
name: "Karen B.",
role: "Client",
company: "Local",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/repairmen-talking-phone-workshop_23-2147897948.jpg",
},
id: "4", name: "Karen B.", role: "Client", company: "Local", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/repairmen-talking-phone-workshop_23-2147897948.jpg"},
{
id: "5",
name: "Paul S.",
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171288.jpg",
},
id: "5", name: "Paul S.", role: "Client", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/medium-shot-man-woman-talking_23-2150171288.jpg"},
]}
kpiItems={[
{
value: "107",
label: "Reviews",
},
value: "107", label: "Reviews"},
{
value: "4.4",
label: "Avg Rating",
},
value: "4.4", label: "Avg Rating"},
{
value: "100%",
label: "Satisfaction",
},
value: "100%", label: "Satisfaction"},
]}
title="What Our Customers Say"
description="Over 100+ positive reviews from the George community."
@@ -221,26 +148,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "24h",
title: "Turnaround",
description: "Most diagnostic jobs completed within a day.",
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11865.jpg",
},
id: "m1", value: "24h", title: "Turnaround", description: "Most diagnostic jobs completed within a day.", imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11865.jpg"},
{
id: "m2",
value: "100%",
title: "Safety Focus",
description: "Ensuring all electrical systems meet safety standards.",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-attaching-jumper-cables-car-battery_1170-1134.jpg",
},
id: "m2", value: "100%", title: "Safety Focus", description: "Ensuring all electrical systems meet safety standards.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-attaching-jumper-cables-car-battery_1170-1134.jpg"},
{
id: "m3",
value: "Local",
title: "Expertise",
description: "Serving the George and Pacaltsdorp area for years.",
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367551.jpg",
},
id: "m3", value: "Local", title: "Expertise", description: "Serving the George and Pacaltsdorp area for years.", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367551.jpg"},
]}
title="The CJ Auto Electrical Promise"
description="Fast results and friendly, professional service."
@@ -253,20 +165,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How fast is diagnostics?",
content: "Most simple issues are identified within the first few hours.",
},
id: "q1", title: "How fast is diagnostics?", content: "Most simple issues are identified within the first few hours."},
{
id: "q2",
title: "Do you handle trailers?",
content: "Yes, we are specialists in all trailer and caravan electrical systems.",
},
id: "q2", title: "Do you handle trailers?", content: "Yes, we are specialists in all trailer and caravan electrical systems."},
{
id: "q3",
title: "Are you open weekends?",
content: "We operate during standard business hours; contact us for emergencies.",
},
id: "q3", title: "Are you open weekends?", content: "We operate during standard business hours; contact us for emergencies."},
]}
title="Frequently Asked Questions"
description="Everything you need to know about our service."
@@ -279,14 +182,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Auto Insurance Co",
"Local Service Partner",
"Certified Electrical Group",
"Road Safety Alliance",
"George Trade Association",
"Automotive Warranty Network",
"National Diagnostic Services",
]}
"Auto Insurance Co", "Local Service Partner", "Certified Electrical Group", "Road Safety Alliance", "George Trade Association", "Automotive Warranty Network", "National Diagnostic Services"]}
title="Trusted by Industry Leaders"
description="Recognized by regional and national partners for our mechanical service quality."
/>
@@ -296,16 +192,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Contact Us"
title="Get Your Electrical Issues Sorted Today"
description="Visit us at 11 Pioneer St, Pacaltsdorp, George. Call 044 878 1575 for prompt attention."
buttons={[
{
text: "Call 044 878 1575",
href: "tel:0448781575",
},
text: "Call 044 878 1575", href: "tel:0448781575"},
]}
/>
</div>
@@ -316,33 +209,21 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Reviews",
href: "#reviews",
},
label: "Reviews", href: "#reviews"},
],
},
{
items: [
{
label: "Contact Us",
href: "tel:0448781575",
},
label: "Contact Us", href: "tel:0448781575"},
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
],
},
]}
@@ -352,4 +233,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}