Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 64dc6dc5b2 | |||
| 3eb82d1321 | |||
| 11590fc907 | |||
| 9bf7a60eb6 | |||
| 3de9ff20fa | |||
| 973d668ca9 |
243
src/app/page.tsx
243
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -18,226 +18,133 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="primary-glow"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Garage DZ"
|
||||
button={{
|
||||
text: "Call Now", href: "tel:0487742674"}}
|
||||
button={{ text: "Call Now", href: "tel:0487742674" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
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/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/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"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Drivers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:0487742674"},
|
||||
{
|
||||
text: "Get Directions", href: "https://maps.google.com/?q=Rue+de+Ransbeek+49,1120+Bruxelles"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Engine Repairs"},
|
||||
{
|
||||
type: "text", text: "Oil Changes"},
|
||||
{
|
||||
type: "text", text: "Brake Services"},
|
||||
{
|
||||
type: "text", text: "Tire Balancing"},
|
||||
{
|
||||
type: "text", text: "Full Diagnostics"},
|
||||
]}
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Expert Automotive Repair & Diagnostics in Brussels"
|
||||
description="Professional vehicle maintenance and repair services at Garage DZ. We combine advanced diagnostics with expert craftsmanship to ensure your car stays road-ready and reliable."
|
||||
tag="Automotive Excellence"
|
||||
buttons={[{ text: "Book Service", href: "#contact" }, { text: "Get Directions", href: "https://maps.google.com/?q=Rue+de+Ransbeek+49,1120+Bruxelles" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/expert-informs-woman-car-motor-costs_482257-96392.jpg"
|
||||
imageAlt="Mechanic expert"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Quality Automotive Care You Can Trust"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More", href: "#contact"},
|
||||
]}
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
tag="About Garage DZ"
|
||||
title="Quality Care for Your Vehicle"
|
||||
description="With over a decade of experience in Brussels, our certified technicians are committed to transparency, reliability, and top-tier automotive care for every vehicle that enters our shop."
|
||||
buttons={[{ text: "Learn More", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-mechanic-using-laptop_1170-1249.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
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"},
|
||||
items: [],
|
||||
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"},
|
||||
items: [],
|
||||
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"},
|
||||
items: [],
|
||||
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"},
|
||||
items: [],
|
||||
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"},
|
||||
items: [],
|
||||
reverse: false
|
||||
}
|
||||
{ id: "1", title: "Engine Diagnostics", tags: ["Precision", "Tech"], imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1529.jpg" },
|
||||
{ id: "2", title: "Full Maintenance", tags: ["Routine", "Care"], imageSrc: "http://img.b2bpic.net/free-photo/gas-station-worker-taking-care-client-s-car_23-2150440266.jpg" },
|
||||
{ id: "3", title: "Brake & Tire", tags: ["Safety", "Reliability"], imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18334.jpg" }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive maintenance and repair services for all vehicle models, delivered with expert care."
|
||||
title="Our Core Services"
|
||||
description="Comprehensive automotive solutions designed to keep your vehicle performance at its peak."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Our Performance Metrics"
|
||||
description="Why local drivers consistently trust us for their automotive needs."
|
||||
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: "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: "1", value: "4.8/5", title: "Google Rating", items: ["20+ Verified Reviews", "Top Rated in Area"] },
|
||||
{ id: "2", value: "10+", title: "Years Experience", items: ["Serving Brussels", "Expertise Since 2013"] },
|
||||
{ id: "3", value: "100%", title: "Tech Certified", items: ["Expert Technicians", "Manufacturer Standards"] }
|
||||
]}
|
||||
title="Why Choose Garage DZ?"
|
||||
description="Proven reliability and expertise in automotive repair for over 10 years."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
<TestimonialCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
title="What Our Clients Say"
|
||||
description="Honest feedback from Brussels residents who rely on us for their vehicle maintenance."
|
||||
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: "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: "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: "1", name: "Sarah Miller", role: "Regular Client", company: "Brussels", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
|
||||
{ id: "2", name: "Tom D.", role: "Commuter", company: "Brussels", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Local Resident", company: "Brussels", rating: 5, 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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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: "3", title: "What payment methods do you accept?", content: "We accept cash, Bancontact, and major credit cards."},
|
||||
{ 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 follow strict manufacturer standards." },
|
||||
{ id: "3", title: "Accepted payments?", content: "Cash, Bancontact, and major credit cards." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common answers about our repair and maintenance process."
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our repair processes."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
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"},
|
||||
]}
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Request a Service Appointment"
|
||||
description="Ready to fix your car? Fill out the details below and our team will get in touch."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "carModel", type: "text", placeholder: "Car Model & Year" }
|
||||
]}
|
||||
textarea={{ name: "service", placeholder: "Service Required" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Google Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "0487 74 26 74", href: "tel:0487742674"},
|
||||
{
|
||||
label: "Rue de Ransbeek 49, 1120 Bruxelles", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterCard
|
||||
logoText="Garage DZ"
|
||||
copyrightText="© 2025 Garage DZ. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user