Merge version_1 into main #2
254
src/app/page.tsx
254
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="GX Auto"
|
||||
/>
|
||||
@@ -63,35 +48,21 @@ export default function LandingPage() {
|
||||
description="Expert diagnostics and repairs for all vehicle makes. Fast service, transparent pricing, and skilled technicians in Plovdiv."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Appointment", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11848.jpg?_wi=1",
|
||||
imageAlt: "Professional car repair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11848.jpg", imageAlt: "Professional car repair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-using-lamp-while-repairing-engine-workshop_637285-4295.jpg?_wi=1",
|
||||
imageAlt: "Car maintenance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-using-lamp-while-repairing-engine-workshop_637285-4295.jpg", imageAlt: "Car maintenance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-talking-his-colleague-while-running-car-diagnostic-analyzing-data-workshop_637285-7676.jpg?_wi=1",
|
||||
imageAlt: "Diagnostics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-talking-his-colleague-while-running-car-diagnostic-analyzing-data-workshop_637285-7676.jpg", imageAlt: "Diagnostics"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1506.jpg",
|
||||
imageAlt: "Under car inspection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1506.jpg", imageAlt: "Under car inspection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-working-as-mechanic-autoservice-fixing-car_7502-4422.jpg",
|
||||
imageAlt: "Brake service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-working-as-mechanic-autoservice-fixing-car_7502-4422.jpg", imageAlt: "Brake service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-pointing-folder_23-2147897929.jpg",
|
||||
imageAlt: "Customer service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-pointing-folder_23-2147897929.jpg", imageAlt: "Customer service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,40 +84,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Diagnostics",
|
||||
description: "Computerized analysis for precise problem identification.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1304.jpg",
|
||||
title: "Advanced Diagnostics", description: "Computerized analysis for precise problem identification.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1304.jpg", imageAlt: "car diagnostic service icon"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-car-engine_1170-1250.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-car-engine_1170-1250.jpg", imageAlt: "car diagnostic service icon"
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11848.jpg?_wi=2",
|
||||
imageAlt: "car diagnostic service icon",
|
||||
},
|
||||
{
|
||||
title: "Engine Maintenance",
|
||||
description: "Routine oil changes, filter checks, and performance tuning.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1283.jpg",
|
||||
title: "Engine Maintenance", description: "Routine oil changes, filter checks, and performance tuning.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1283.jpg", imageAlt: "car diagnostic service icon"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/car-service-icons-flat-set_1284-7586.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/car-service-icons-flat-set_1284-7586.jpg", imageAlt: "car diagnostic service icon"
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-using-lamp-while-repairing-engine-workshop_637285-4295.jpg?_wi=2",
|
||||
imageAlt: "car diagnostic service icon",
|
||||
},
|
||||
{
|
||||
title: "Brake Systems",
|
||||
description: "Complete brake pad, rotor, and hydraulic system services.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg",
|
||||
title: "Brake Systems", description: "Complete brake pad, rotor, and hydraulic system services.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg", imageAlt: "car diagnostic service icon"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-auto-parts-logo-design_23-2149455669.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-auto-parts-logo-design_23-2149455669.jpg", imageAlt: "car diagnostic service icon"
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-talking-his-colleague-while-running-car-diagnostic-analyzing-data-workshop_637285-7676.jpg?_wi=2",
|
||||
imageAlt: "car diagnostic service icon",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -162,56 +121,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Oil Change",
|
||||
price: "60 BGN",
|
||||
period: "starts at",
|
||||
features: [
|
||||
"Full synthetic oil",
|
||||
"New oil filter",
|
||||
"Basic safety check",
|
||||
],
|
||||
id: "basic", title: "Oil Change", price: "60 BGN", period: "starts at", features: [
|
||||
"Full synthetic oil", "New oil filter", "Basic safety check"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11821.jpg",
|
||||
imageAlt: "Mechanics repairing a car in the workshop",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11821.jpg", imageAlt: "Mechanics repairing a car in the workshop"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Full Diagnostics",
|
||||
price: "120 BGN",
|
||||
period: "starts at",
|
||||
features: [
|
||||
"Computer error read",
|
||||
"Complete inspection",
|
||||
"Maintenance report",
|
||||
],
|
||||
id: "pro", title: "Full Diagnostics", price: "120 BGN", period: "starts at", features: [
|
||||
"Computer error read", "Complete inspection", "Maintenance report"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11848.jpg?_wi=3",
|
||||
imageAlt: "Mechanics repairing a car in the workshop",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11848.jpg", imageAlt: "Mechanics repairing a car in the workshop"},
|
||||
{
|
||||
id: "premium",
|
||||
title: "Major Maintenance",
|
||||
price: "250 BGN",
|
||||
period: "starts at",
|
||||
features: [
|
||||
"Fluids replacement",
|
||||
"Brake & belt check",
|
||||
"Suspension check",
|
||||
],
|
||||
id: "premium", title: "Major Maintenance", price: "250 BGN", period: "starts at", features: [
|
||||
"Fluids replacement", "Brake & belt check", "Suspension check"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-using-lamp-while-repairing-engine-workshop_637285-4295.jpg?_wi=3",
|
||||
imageAlt: "Mechanics repairing a car in the workshop",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-using-lamp-while-repairing-engine-workshop_637285-4295.jpg", imageAlt: "Mechanics repairing a car in the workshop"},
|
||||
]}
|
||||
title="Service Packages"
|
||||
description="Transparent pricing for all your routine vehicle needs."
|
||||
@@ -225,40 +151,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "techs",
|
||||
groupTitle: "Technical Staff",
|
||||
members: [
|
||||
id: "techs", groupTitle: "Technical Staff", members: [
|
||||
{
|
||||
id: "1",
|
||||
title: "Ivan Petrov",
|
||||
subtitle: "Lead Mechanic",
|
||||
detail: "Certified master technician with 20 years of experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg",
|
||||
},
|
||||
id: "1", title: "Ivan Petrov", subtitle: "Lead Mechanic", detail: "Certified master technician with 20 years of experience.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Elena Marinova",
|
||||
subtitle: "Diagnostic Specialist",
|
||||
detail: "Expert in modern electronic systems and coding.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-digital-tablet-while-servicing-car-engine_1170-1356.jpg",
|
||||
},
|
||||
id: "2", title: "Elena Marinova", subtitle: "Diagnostic Specialist", detail: "Expert in modern electronic systems and coding.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-digital-tablet-while-servicing-car-engine_1170-1356.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Stefan Dimitrov",
|
||||
subtitle: "Repair Technician",
|
||||
detail: "Engine and brake system specialist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-mechanic-using-touchpad-while-working-computer-repair-shop_637285-9396.jpg",
|
||||
},
|
||||
id: "3", title: "Stefan Dimitrov", subtitle: "Repair Technician", detail: "Engine and brake system specialist.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-mechanic-using-touchpad-while-working-computer-repair-shop_637285-9396.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Georgi Stoev",
|
||||
subtitle: "Service Assistant",
|
||||
detail: "Dedicated support and vehicle detail expert.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg",
|
||||
},
|
||||
id: "4", title: "Georgi Stoev", subtitle: "Service Assistant", detail: "Dedicated support and vehicle detail expert.", imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11848.jpg?_wi=4",
|
||||
imageAlt: "professional mechanic portrait garage",
|
||||
},
|
||||
]}
|
||||
title="Our Expert Technicians"
|
||||
@@ -274,20 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of experience",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Years of experience"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
description: "Cars repaired",
|
||||
},
|
||||
id: "m2", value: "5k+", description: "Cars repaired"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9",
|
||||
description: "Average rating",
|
||||
},
|
||||
id: "m3", value: "4.9", description: "Average rating"},
|
||||
]}
|
||||
title="Why Plovdiv Trusts Us"
|
||||
description="Numbers speak for our quality and dedication."
|
||||
@@ -301,40 +194,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mariya H.",
|
||||
handle: "@mariya.h",
|
||||
testimonial: "Excellent service and honest pricing. GX Auto saved me time and money.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg",
|
||||
},
|
||||
id: "t1", name: "Mariya H.", handle: "@mariya.h", testimonial: "Excellent service and honest pricing. GX Auto saved me time and money.", imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Viktor S.",
|
||||
handle: "@viktor.s",
|
||||
testimonial: "Very professional and friendly staff. My go-to for diagnostics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg",
|
||||
},
|
||||
id: "t2", name: "Viktor S.", handle: "@viktor.s", testimonial: "Very professional and friendly staff. My go-to for diagnostics.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena D.",
|
||||
handle: "@elena.d",
|
||||
testimonial: "Trustworthy repairs that actually hold up. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/displeased-woman-having-argument-with-her-husband-about-car-repair-workshop_637285-7728.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena D.", handle: "@elena.d", testimonial: "Trustworthy repairs that actually hold up. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/displeased-woman-having-argument-with-her-husband-about-car-repair-workshop_637285-7728.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ivan K.",
|
||||
handle: "@ivan.k",
|
||||
testimonial: "They explain every issue clearly before charging. Great communication.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-talking-mobile-phone_1170-1328.jpg",
|
||||
},
|
||||
id: "t4", name: "Ivan K.", handle: "@ivan.k", testimonial: "They explain every issue clearly before charging. Great communication.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-talking-mobile-phone_1170-1328.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia P.",
|
||||
handle: "@sofia.p",
|
||||
testimonial: "Fast turnaround and friendly expertise. Best shop in the city.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg",
|
||||
},
|
||||
id: "t5", name: "Sofia P.", handle: "@sofia.p", testimonial: "Fast turnaround and friendly expertise. Best shop in the city.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Hear what our Plovdiv customers are saying about us."
|
||||
@@ -347,20 +215,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer warranty?",
|
||||
content: "Yes, we provide a 6-month warranty on most repairs for parts and labor.",
|
||||
},
|
||||
id: "f1", title: "Do you offer warranty?", content: "Yes, we provide a 6-month warranty on most repairs for parts and labor."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I leave my car overnight?",
|
||||
content: "Yes, we have secure parking facilities for overnight service.",
|
||||
},
|
||||
id: "f2", title: "Can I leave my car overnight?", content: "Yes, we have secure parking facilities for overnight service."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is an appointment required?",
|
||||
content: "Appointments are recommended to ensure fast service, but walk-ins are accepted for quick checks.",
|
||||
},
|
||||
id: "f3", title: "Is an appointment required?", content: "Appointments are recommended to ensure fast service, but walk-ins are accepted for quick checks."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to common concerns about our service."
|
||||
@@ -372,16 +231,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Ready to get back on the road?"
|
||||
title="Book Your Visit Now"
|
||||
description="Contact GX Auto in Plovdiv today to schedule an appointment or ask about your service needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call us now: +359 XXX XXX",
|
||||
href: "tel:+359000000000",
|
||||
},
|
||||
text: "Call us now: +359 XXX XXX", href: "tel:+359000000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -390,13 +246,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="GX Auto"
|
||||
leftLink={{
|
||||
text: "GX Auto Plovdiv © 2024",
|
||||
href: "#",
|
||||
}}
|
||||
text: "GX Auto Plovdiv © 2024", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user