Update src/app/page.tsx
This commit is contained in:
217
src/app/page.tsx
217
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user