Merge version_1 into main #2
@@ -25,32 +25,15 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "/book",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Book Now", id: "/book" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Excellent Auto"
|
||||
button={{ text: "Book Now", href: "/book" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,7 +42,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Automotive Precision"
|
||||
description="With over 20 years of experience, Excellent Auto Workshop is dedicated to providing honest, efficient, and high-quality car care. Our mission is to keep your vehicle running safely on the road through certified technical expertise."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-metal-keys_23-2148796585.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-metal-keys_23-2148796585.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -70,16 +53,10 @@ export default function LandingPage() {
|
||||
title="Why Choose Us?"
|
||||
description="We are committed to integrity."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expertise",
|
||||
description: "Certified mechanics.",
|
||||
},
|
||||
{
|
||||
title: "Technology",
|
||||
description: "Latest diagnostic tools.",
|
||||
},
|
||||
{ title: "Expertise", description: "Certified mechanics." },
|
||||
{ title: "Technology", description: "Latest diagnostic tools." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-metal-keys_23-2148796585.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-metal-keys_23-2148796585.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -87,40 +64,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Engine Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Oil Change",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Brakes",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "/book",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Engine Repair", href: "/services" }, { label: "Oil Change", href: "/services" }, { label: "Brakes", href: "/services" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Book Now", href: "/book" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Excellent Auto Workshop"
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
@@ -24,41 +24,22 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "/book",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Book Now", id: "/book" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Excellent Auto"
|
||||
button={{ text: "Book Now", href: "/book" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Schedule your service directly through our online booking tool."
|
||||
/>
|
||||
</div>
|
||||
@@ -66,40 +47,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Engine Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Oil Change",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Brakes",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "/book",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Engine Repair", href: "/services" }, { label: "Oil Change", href: "/services" }, { label: "Brakes", href: "/services" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Book Now", href: "/book" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Excellent Auto Workshop"
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
@@ -26,32 +26,15 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "/book",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Book Now", id: "/book" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Excellent Auto"
|
||||
button={{ text: "Book Now", href: "/book" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,23 +43,12 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency roadside assistance?",
|
||||
content: "Yes, please call our direct hotline for immediate help.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a typical service take?",
|
||||
content: "Most standard services are completed within 2-4 hours.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer emergency roadside assistance?", content: "Yes, please call our direct hotline for immediate help." },
|
||||
{ id: "f2", title: "How long does a typical service take?", content: "Most standard services are completed within 2-4 hours." },
|
||||
]}
|
||||
ctaTitle="Need Help? Get in Touch"
|
||||
ctaDescription="Schedule your appointment today or give us a call for any mechanical emergencies."
|
||||
ctaButton={{
|
||||
text: "Contact Us",
|
||||
href: "tel:+1234567890",
|
||||
}}
|
||||
ctaButton={{ text: "Contact Us", href: "tel:+1234567890" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
@@ -84,9 +56,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Visit us in the heart of the city."
|
||||
/>
|
||||
</div>
|
||||
@@ -94,40 +64,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Engine Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Oil Change",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Brakes",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "/book",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Engine Repair", href: "/services" }, { label: "Oil Change", href: "/services" }, { label: "Brakes", href: "/services" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Book Now", href: "/book" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Excellent Auto Workshop"
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
@@ -25,32 +25,15 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "/book",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Book Now", id: "/book" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Excellent Auto"
|
||||
button={{ text: "Book Now", href: "/book" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,26 +45,8 @@ export default function LandingPage() {
|
||||
title="Our Work"
|
||||
description="See the results of our service."
|
||||
features={[
|
||||
{
|
||||
id: "g1",
|
||||
title: "Engine Bay",
|
||||
author: "Workshop",
|
||||
description: "Clean and detailed service.",
|
||||
tags: [
|
||||
"Engine",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg?_wi=11",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
title: "Exterior Finish",
|
||||
author: "Garage",
|
||||
description: "Showroom quality results.",
|
||||
tags: [
|
||||
"Detail",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg?_wi=8",
|
||||
},
|
||||
{ id: "g1", title: "Engine Bay", author: "Workshop", description: "Clean and detailed service.", tags: ["Engine"], imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg" },
|
||||
{ id: "g2", title: "Exterior Finish", author: "Garage", description: "Showroom quality results.", tags: ["Detail"], imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -89,9 +54,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Browse our latest project work."
|
||||
/>
|
||||
</div>
|
||||
@@ -99,40 +62,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Engine Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Oil Change",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Brakes",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "/book",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Engine Repair", href: "/services" }, { label: "Oil Change", href: "/services" }, { label: "Brakes", href: "/services" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Book Now", href: "/book" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Excellent Auto Workshop"
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
224
src/app/page.tsx
224
src/app/page.tsx
@@ -28,77 +28,31 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "/book",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Book Now", id: "/book" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Excellent Auto"
|
||||
button={{ text: "Book Service", href: "/book" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Trusted Car Repair & Maintenance Services"
|
||||
description="Premium automotive care from certified technicians. Keep your vehicle performing at its peak with our expert workshop services."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "/book",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Service", href: "/book" }, { text: "Call Now", href: "tel:+1234567890" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg?_wi=1",
|
||||
imageAlt: "Auto Workshop Night View",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg?_wi=2",
|
||||
imageAlt: "Auto Workshop Night View 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg?_wi=3",
|
||||
imageAlt: "Auto Workshop Night View 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg?_wi=4",
|
||||
imageAlt: "Auto Workshop Night View 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg?_wi=5",
|
||||
imageAlt: "Auto Workshop Night View 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg?_wi=6",
|
||||
imageAlt: "Auto Workshop Night View 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg", imageAlt: "Auto Workshop Night View" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg", imageAlt: "Auto Workshop Night View 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg", imageAlt: "Auto Workshop Night View 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg", imageAlt: "Auto Workshop Night View 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg", imageAlt: "Auto Workshop Night View 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg", imageAlt: "Auto Workshop Night View 6" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -109,61 +63,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark Wilson",
|
||||
date: "2023-11-15",
|
||||
title: "Sports Car Owner",
|
||||
quote: "Excellent service and professionalism. My car feels brand new.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-relaxing-taking-break-from-work-auto-repair-shop_637285-9753.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg?_wi=7",
|
||||
imageAlt: "luxury auto garage interior",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Jenkins",
|
||||
date: "2023-10-20",
|
||||
title: "Sedan Driver",
|
||||
quote: "Quick, reliable, and fair pricing. Best garage in town.",
|
||||
tag: "Reliable",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanic-taking-his-hat-while-standing-workshop-looking-camera-his-customers-are-background_637285-7792.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg?_wi=1",
|
||||
imageAlt: "car engine diagnostic check",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert Chen",
|
||||
date: "2023-09-12",
|
||||
title: "SUV Owner",
|
||||
quote: "Certified professionals who really care about quality work.",
|
||||
tag: "Trusted",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/showroom-dealer-signing-forms-customers-after-finishing-deal-close-up_482257-110868.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-relaxing-taking-break-from-work-auto-repair-shop_637285-9753.jpg",
|
||||
imageAlt: "happy car owner workshop",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lisa Montgomery",
|
||||
date: "2023-08-30",
|
||||
title: "Family Van",
|
||||
quote: "Transparent service. I wouldn't trust anyone else with my family car.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/elegant-male-taxi-driver-costume_23-2149204568.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanic-taking-his-hat-while-standing-workshop-looking-camera-his-customers-are-background_637285-7792.jpg",
|
||||
imageAlt: "female customer garage key",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Miller",
|
||||
date: "2023-12-05",
|
||||
title: "Luxury Sedan",
|
||||
quote: "Absolute precision and honesty. My go-to place for all repairs.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-relaxing-taking-break-from-work-auto-repair-shop_637285-9753.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/showroom-dealer-signing-forms-customers-after-finishing-deal-close-up_482257-110868.jpg",
|
||||
imageAlt: "senior car owner mechanic",
|
||||
},
|
||||
{ id: "1", name: "Mark Wilson", date: "2023-11-15", title: "Sports Car Owner", quote: "Excellent service and professionalism. My car feels brand new.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-relaxing-taking-break-from-work-auto-repair-shop_637285-9753.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg", imageAlt: "luxury auto garage interior" },
|
||||
{ id: "2", name: "Sarah Jenkins", date: "2023-10-20", title: "Sedan Driver", quote: "Quick, reliable, and fair pricing. Best garage in town.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanic-taking-his-hat-while-standing-workshop-looking-camera-his-customers-are-background_637285-7792.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg", imageAlt: "car engine diagnostic check" },
|
||||
{ id: "3", name: "Robert Chen", date: "2023-09-12", title: "SUV Owner", quote: "Certified professionals who really care about quality work.", tag: "Trusted", avatarSrc: "http://img.b2bpic.net/free-photo/showroom-dealer-signing-forms-customers-after-finishing-deal-close-up_482257-110868.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-relaxing-taking-break-from-work-auto-repair-shop_637285-9753.jpg", imageAlt: "happy car owner workshop" },
|
||||
{ id: "4", name: "Lisa Montgomery", date: "2023-08-30", title: "Family Van", quote: "Transparent service. I wouldn't trust anyone else with my family car.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-male-taxi-driver-costume_23-2149204568.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanic-taking-his-hat-while-standing-workshop-looking-camera-his-customers-are-background_637285-7792.jpg", imageAlt: "female customer garage key" },
|
||||
{ id: "5", name: "James Miller", date: "2023-12-05", title: "Luxury Sedan", quote: "Absolute precision and honesty. My go-to place for all repairs.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-relaxing-taking-break-from-work-auto-repair-shop_637285-9753.jpg", imageSrc: "http://img.b2bpic.net/free-photo/showroom-dealer-signing-forms-customers-after-finishing-deal-close-up_482257-110868.jpg", imageAlt: "senior car owner mechanic" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trust the experts. See why vehicle owners choose Excellent Auto Workshop."
|
||||
@@ -178,20 +82,8 @@ export default function LandingPage() {
|
||||
title="Our Impact in Numbers"
|
||||
description="Delivering excellence through consistent high-performance results."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
description: "Decades of automotive mastery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-metal-keys_23-2148796585.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15k+",
|
||||
title: "Vehicles Serviced",
|
||||
description: "Thousands of satisfied customers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg?_wi=2",
|
||||
},
|
||||
{ id: "m1", value: "20+", title: "Years Experience", description: "Decades of automotive mastery.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-metal-keys_23-2148796585.jpg" },
|
||||
{ id: "m2", value: "15k+", title: "Vehicles Serviced", description: "Thousands of satisfied customers.", imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -204,29 +96,8 @@ export default function LandingPage() {
|
||||
title="Simple Pricing"
|
||||
description="Transparent, no-surprise service packages."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "$89",
|
||||
subtitle: "For basic upkeep",
|
||||
features: [
|
||||
"Oil Change",
|
||||
"Safety Check",
|
||||
"Fluids Top-up",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Premium",
|
||||
price: "$199",
|
||||
subtitle: "Full performance boost",
|
||||
features: [
|
||||
"Engine Diagnostics",
|
||||
"Tire Rotation",
|
||||
"Full Inspection",
|
||||
"Brake Check",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Essential", price: "$89", subtitle: "For basic upkeep", features: ["Oil Change", "Safety Check", "Fluids Top-up"] },
|
||||
{ id: "p2", badge: "Premium", price: "$199", subtitle: "Full performance boost", features: ["Engine Diagnostics", "Tire Rotation", "Full Inspection", "Brake Check"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -234,56 +105,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to get back on the road safely? Contact our professional team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "/book",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "/book" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Engine Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Oil Change",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Brakes",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "/book",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Engine Repair", href: "/services" }, { label: "Oil Change", href: "/services" }, { label: "Brakes", href: "/services" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Book Now", href: "/book" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Excellent Auto Workshop"
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
@@ -25,32 +25,15 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "/book",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Book Now", id: "/book" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Excellent Auto"
|
||||
button={{ text: "Book Now", href: "/book" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,42 +42,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Car Repair",
|
||||
description: "Full mechanical diagnostics and repair services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Car Servicing",
|
||||
description: "Scheduled maintenance to keep your car running smooth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Engine Diagnostics",
|
||||
description: "Computerized analysis for engine health.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Brake Repair",
|
||||
description: "Safety focused inspection and brake replacement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg?_wi=6",
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: "AC Repair",
|
||||
description: "Keep cool with our expert A/C system servicing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: "Oil Change",
|
||||
description: "Premium oil and filter changes for engine longevity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg?_wi=8",
|
||||
},
|
||||
{ id: 1, title: "Car Repair", description: "Full mechanical diagnostics and repair services.", imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg" },
|
||||
{ id: 2, title: "Car Servicing", description: "Scheduled maintenance to keep your car running smooth.", imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg" },
|
||||
{ id: 3, title: "Engine Diagnostics", description: "Computerized analysis for engine health.", imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg" },
|
||||
{ id: 4, title: "Brake Repair", description: "Safety focused inspection and brake replacement.", imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg" },
|
||||
{ id: 5, title: "AC Repair", description: "Keep cool with our expert A/C system servicing.", imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg" },
|
||||
{ id: 6, title: "Oil Change", description: "Premium oil and filter changes for engine longevity.", imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg" },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer a wide range of automotive solutions using state-of-the-art diagnostic equipment."
|
||||
@@ -109,28 +62,8 @@ export default function LandingPage() {
|
||||
title="Specialized Repairs"
|
||||
description="Beyond standard service."
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Transmission",
|
||||
author: "Expert Tech",
|
||||
description: "Advanced transmission repair.",
|
||||
tags: [
|
||||
"Auto",
|
||||
"Heavy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg?_wi=9",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Electrical",
|
||||
author: "Pro Team",
|
||||
description: "Full electrical diagnostics.",
|
||||
tags: [
|
||||
"Tech",
|
||||
"Complex",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg?_wi=10",
|
||||
},
|
||||
{ id: "s1", title: "Transmission", author: "Expert Tech", description: "Advanced transmission repair.", tags: ["Auto", "Heavy"], imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg" },
|
||||
{ id: "s2", title: "Electrical", author: "Pro Team", description: "Full electrical diagnostics.", tags: ["Tech", "Complex"], imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,40 +71,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Engine Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Oil Change",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Brakes",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "/book",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Engine Repair", href: "/services" }, { label: "Oil Change", href: "/services" }, { label: "Brakes", href: "/services" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Book Now", href: "/book" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Excellent Auto Workshop"
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user