Merge version_1 into main #2
236
src/app/page.tsx
236
src/app/page.tsx
@@ -31,91 +31,56 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Garage DZ"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:0487742674",
|
||||
}}
|
||||
text: "Call Now", href: "tel:0487742674"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Expert Car Repair & Maintenance in Brussels"
|
||||
description="Quality automotive care at Garage DZ. Trust our experts for engine diagnostics, repairs, and full maintenance services to keep your vehicle running smoothly."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32019.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32019.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expert-informs-woman-car-motor-costs_482257-96392.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expert-informs-woman-car-motor-costs_482257-96392.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charismatic-man-holding-car-keys-showing-thumbs-up_158595-4218.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charismatic-man-holding-car-keys-showing-thumbs-up_158595-4218.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg", alt: "Customer"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Drivers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0487742674",
|
||||
},
|
||||
text: "Call Now", href: "tel:0487742674"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com/?q=Rue+de+Ransbeek+49,1120+Bruxelles",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com/?q=Rue+de+Ransbeek+49,1120+Bruxelles"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Engine Repairs",
|
||||
},
|
||||
type: "text", text: "Engine Repairs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Oil Changes",
|
||||
},
|
||||
type: "text", text: "Oil Changes"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Brake Services",
|
||||
},
|
||||
type: "text", text: "Brake Services"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tire Balancing",
|
||||
},
|
||||
type: "text", text: "Tire Balancing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full Diagnostics",
|
||||
},
|
||||
type: "text", text: "Full Diagnostics"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,9 +92,7 @@ export default function LandingPage() {
|
||||
title="Quality Automotive Care You Can Trust"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Learn More", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,65 +104,35 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Engine Diagnostics",
|
||||
description: "State-of-the-art computer diagnostics to identify engine issues quickly.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-laptop_1170-1249.jpg",
|
||||
imageAlt: "Diagnostics",
|
||||
},
|
||||
title: "Engine Diagnostics", description: "State-of-the-art computer diagnostics to identify engine issues quickly.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-laptop_1170-1249.jpg", imageAlt: "Diagnostics"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-tool-tray-repairing-cars_1150-18951.jpg",
|
||||
imageAlt: "car diagnostics computer screen",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Oil Change",
|
||||
description: "Premium oil and filter replacements for optimal engine performance.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gas-station-worker-taking-care-client-s-car_23-2150440266.jpg",
|
||||
imageAlt: "Oil Change",
|
||||
},
|
||||
title: "Oil Change", description: "Premium oil and filter replacements for optimal engine performance.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gas-station-worker-taking-care-client-s-car_23-2150440266.jpg", imageAlt: "Oil Change"},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46152.jpg",
|
||||
imageAlt: "car diagnostics computer screen",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Brake Repair",
|
||||
description: "Expert brake inspection and replacement for your complete safety.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18334.jpg",
|
||||
imageAlt: "Brakes",
|
||||
},
|
||||
title: "Brake Repair", description: "Expert brake inspection and replacement for your complete safety.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18334.jpg", imageAlt: "Brakes"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11852.jpg",
|
||||
imageAlt: "car diagnostics computer screen",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Tire Service",
|
||||
description: "Full tire sales, mounting, and balancing services for all roads.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",
|
||||
imageAlt: "Tires",
|
||||
},
|
||||
title: "Tire Service", description: "Full tire sales, mounting, and balancing services for all roads.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg", imageAlt: "Tires"},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32019.jpg",
|
||||
imageAlt: "car diagnostics computer screen",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "General Maintenance",
|
||||
description: "Routine checkups and fluid level monitoring for long vehicle life.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expert-informs-woman-car-motor-costs_482257-96392.jpg",
|
||||
imageAlt: "Maintenance",
|
||||
},
|
||||
title: "General Maintenance", description: "Routine checkups and fluid level monitoring for long vehicle life.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expert-informs-woman-car-motor-costs_482257-96392.jpg", imageAlt: "Maintenance"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg?_wi=1",
|
||||
imageAlt: "car diagnostics computer screen",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive maintenance and repair services for all vehicle models, delivered with expert care."
|
||||
@@ -213,25 +146,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "4.8/5",
|
||||
title: "Google Rating",
|
||||
description: "Based on 20+ reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1529.jpg",
|
||||
id: "1", value: "4.8/5", title: "Google Rating", description: "Based on 20+ reviews", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1529.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
description: "Serving Brussels since 2013",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-auto-repairman-checking-car-oil-workshop_637285-7638.jpg",
|
||||
id: "2", value: "10+", title: "Years Experience", description: "Serving Brussels since 2013", imageSrc: "http://img.b2bpic.net/free-photo/closeup-auto-repairman-checking-car-oil-workshop_637285-7638.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
title: "Expert Technicians",
|
||||
description: "Certified and trained staff",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-looking-car-s-bilge_23-2147897815.jpg",
|
||||
id: "3", value: "100%", title: "Expert Technicians", description: "Certified and trained staff", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-looking-car-s-bilge_23-2147897815.jpg"
|
||||
},
|
||||
]}
|
||||
title="Why Choose Garage DZ?"
|
||||
@@ -246,40 +167,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "Excellent service and very transparent pricing. My go-to garage in Brussels.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "Excellent service and very transparent pricing. My go-to garage in Brussels.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Tom D.",
|
||||
handle: "@tom_d",
|
||||
testimonial: "Garage DZ diagnosed my engine issue in no time. Very professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg",
|
||||
},
|
||||
id: "2", name: "Tom D.", handle: "@tom_d", testimonial: "Garage DZ diagnosed my engine issue in no time. Very professional.", imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_r",
|
||||
testimonial: "Friendly staff, fair prices, and very quick service. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-business-colleagues-clapping-hands-after-attending-presentation-office_637285-215.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", handle: "@elena_r", testimonial: "Friendly staff, fair prices, and very quick service. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/group-happy-business-colleagues-clapping-hands-after-attending-presentation-office_637285-215.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kevin L.",
|
||||
handle: "@kevin_l",
|
||||
testimonial: "The best place for routine oil changes. Always fast and reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Kevin L.", handle: "@kevin_l", testimonial: "The best place for routine oil changes. Always fast and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julie C.",
|
||||
handle: "@julie_c",
|
||||
testimonial: "Professional work on my brakes. Will definitely return.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150171294.jpg",
|
||||
},
|
||||
id: "5", name: "Julie C.", handle: "@julie_c", testimonial: "Professional work on my brakes. Will definitely return.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150171294.jpg"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Hear what our local clients say about our services."
|
||||
@@ -292,20 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking an appointment to ensure prompt service.",
|
||||
},
|
||||
id: "1", title: "Do I need an appointment?", content: "Yes, we recommend booking an appointment to ensure prompt service."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you handle warranty work?",
|
||||
content: "Yes, we work according to manufacturer standards.",
|
||||
},
|
||||
id: "2", title: "Do you handle warranty work?", content: "Yes, we work according to manufacturer standards."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept cash, Bancontact, and major credit cards.",
|
||||
},
|
||||
id: "3", title: "What payment methods do you accept?", content: "We accept cash, Bancontact, and major credit cards."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common answers about our repair and maintenance process."
|
||||
@@ -315,19 +202,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Information"
|
||||
title="Visit Us at Garage DZ"
|
||||
description="Located at Rue de Ransbeek 49, 1120 Bruxelles. Call us at 0487 74 26 74."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com/?q=Rue+de+Ransbeek+49,1120+Bruxelles",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com/?q=Rue+de+Ransbeek+49,1120+Bruxelles"},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -337,29 +221,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Google Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Google Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "0487 74 26 74",
|
||||
href: "tel:0487742674",
|
||||
},
|
||||
label: "0487 74 26 74", href: "tel:0487742674"},
|
||||
{
|
||||
label: "Rue de Ransbeek 49, 1120 Bruxelles",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Rue de Ransbeek 49, 1120 Bruxelles", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user