bender/bb456c00-6b42-4668-b79e-722215711209
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-30 08:12:52 +00:00
parent c1980da30d 57ba741263
commit 3513ef9f5d
1 changed files with 69 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

342
src/app/page.tsx
View File

@@ -34,33 +34,19 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Packages",
id: "#packages",
},
name: "Packages", id: "#packages"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/car-repair-cartoon-icons-set_1284-10946.jpg"
logoAlt="The Automotive Garage Logo"
@@ -72,83 +58,43 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
title="Your Trusted Partner for Automotive Care"
description="Keeping your vehicle running smoothly with expert mechanics, advanced diagnostics, and unparalleled customer service. Experience the difference today."
testimonials={[
{
name: "Sarah J.",
handle: "@HappyDriver",
testimonial: "The Automotive Garage always delivers exceptional service. My car runs perfectly after every visit!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-using-tablet-show-car-selection-man-offering-deal_482257-118256.jpg",
imageAlt: "Sarah J.",
},
name: "Sarah J.", handle: "@HappyDriver", testimonial: "The Automotive Garage always delivers exceptional service. My car runs perfectly after every visit!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-using-tablet-show-car-selection-man-offering-deal_482257-118256.jpg", imageAlt: "Sarah J."},
{
name: "Mark T.",
handle: "@SmoothRide",
testimonial: "Professional, efficient, and friendly. I wouldn't trust my vehicle with anyone else. Highly recommended!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19784.jpg",
imageAlt: "Mark T.",
},
name: "Mark T.", handle: "@SmoothRide", testimonial: "Professional, efficient, and friendly. I wouldn't trust my vehicle with anyone else. Highly recommended!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19784.jpg", imageAlt: "Mark T."},
{
name: "Emily R.",
handle: "@CarCarePro",
testimonial: "They truly care about their customers and cars. Transparent pricing and fantastic results every time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-couple-car-salon_1157-31963.jpg",
imageAlt: "Emily R.",
},
name: "Emily R.", handle: "@CarCarePro", testimonial: "They truly care about their customers and cars. Transparent pricing and fantastic results every time.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-couple-car-salon_1157-31963.jpg", imageAlt: "Emily R."},
{
name: "Chris P.",
handle: "@ReliableAuto",
testimonial: "Fast service and fair prices. My go-to place for all car repairs and maintenance.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167564.jpg",
imageAlt: "Chris P.",
},
name: "Chris P.", handle: "@ReliableAuto", testimonial: "Fast service and fair prices. My go-to place for all car repairs and maintenance.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167564.jpg", imageAlt: "Chris P."},
{
name: "Laura K.",
handle: "@BestGarage",
testimonial: "The staff is incredibly knowledgeable and always takes the time to explain everything. Top-notch service!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-talking-mobile-phone_1170-1192.jpg",
imageAlt: "Laura K.",
},
name: "Laura K.", handle: "@BestGarage", testimonial: "The staff is incredibly knowledgeable and always takes the time to explain everything. Top-notch service!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-talking-mobile-phone_1170-1192.jpg", imageAlt: "Laura K."},
]}
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
text: "Book an Appointment", href: "#contact"},
{
text: "View Our Services",
href: "#services",
},
text: "View Our Services", href: "#services"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-car-mechanic-resting-while-working-auto-repair-shop_637285-7552.jpg",
alt: "Customer Avatar 1",
},
src: "http://img.b2bpic.net/free-photo/happy-car-mechanic-resting-while-working-auto-repair-shop_637285-7552.jpg", alt: "Customer Avatar 1"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-20434.jpg",
alt: "Customer Avatar 2",
},
src: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-20434.jpg", alt: "Customer Avatar 2"},
{
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-talking-mobile-phone_1170-1328.jpg",
alt: "Customer Avatar 3",
},
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-talking-mobile-phone_1170-1328.jpg", alt: "Customer Avatar 3"},
{
src: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138710.jpg",
alt: "Customer Avatar 4",
},
src: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138710.jpg", alt: "Customer Avatar 4"},
{
src: "http://img.b2bpic.net/free-photo/customers-showroom-completing-credit-application-purchasing-new-car_482257-124090.jpg",
alt: "Customer Avatar 5",
},
src: "http://img.b2bpic.net/free-photo/customers-showroom-completing-credit-application-purchasing-new-car_482257-124090.jpg", alt: "Customer Avatar 5"},
]}
avatarText="Join 1000+ satisfied customers!"
imageSrc="http://img.b2bpic.net/free-photo/portrait-mechanic-using-laptop_1170-1319.jpg"
@@ -156,29 +102,19 @@ export default function LandingPage() {
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Engine Diagnostics",
icon: Gauge,
type: "text-icon", text: "Engine Diagnostics", icon: Gauge,
},
{
type: "text-icon",
text: "Brake Service",
icon: Cog,
type: "text-icon", text: "Brake Service", icon: Cog,
},
{
type: "text-icon",
text: "Oil Changes",
icon: Droplet,
type: "text-icon", text: "Oil Changes", icon: Droplet,
},
{
type: "text-icon",
text: "Tire Rotation",
icon: Car,
type: "text-icon", text: "Tire Rotation", icon: Car,
},
{
type: "text-icon",
text: "Fluid Checks",
icon: Droplets,
type: "text-icon", text: "Fluid Checks", icon: Droplets,
},
]}
/>
@@ -191,9 +127,7 @@ export default function LandingPage() {
description="At The Automotive Garage, we are passionate about cars and dedicated to providing top-notch service. With years of experience, our certified technicians ensure every repair and maintenance job is done right, the first time. Your safety and satisfaction are our top priorities, delivering peace of mind on every journey."
buttons={[
{
text: "Learn More About Us",
href: "#about",
},
text: "Learn More About Us", href: "#about"},
]}
imageSrc="http://img.b2bpic.net/free-photo/bearded-male-bicycle-mechanic-cleans-his-arms-after-bike-service-manual-workshop_613910-14283.jpg"
imageAlt="Experienced mechanic in an automotive garage"
@@ -206,29 +140,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
tag: "Expert Care",
title: "Advanced Diagnostics",
subtitle: "Pinpointing issues with precision.",
description: "Our state-of-the-art diagnostic tools accurately identify problems, saving you time and money on unnecessary repairs.",
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-with-computer-office_23-2149307818.jpg",
imageAlt: "Car diagnostic machine on a laptop",
},
tag: "Expert Care", title: "Advanced Diagnostics", subtitle: "Pinpointing issues with precision.", description: "Our state-of-the-art diagnostic tools accurately identify problems, saving you time and money on unnecessary repairs.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-with-computer-office_23-2149307818.jpg", imageAlt: "Car diagnostic machine on a laptop"},
{
tag: "Reliable Repairs",
title: "Engine & Transmission Repair",
subtitle: "Restoring performance and efficiency.",
description: "Our certified technicians are experts in handling all major engine and transmission repairs, using only high-quality parts.",
imageSrc: "http://img.b2bpic.net/free-photo/man-tries-repair-broken-car_661209-359.jpg",
imageAlt: "Mechanic working on a car engine",
},
tag: "Reliable Repairs", title: "Engine & Transmission Repair", subtitle: "Restoring performance and efficiency.", description: "Our certified technicians are experts in handling all major engine and transmission repairs, using only high-quality parts.", imageSrc: "http://img.b2bpic.net/free-photo/man-tries-repair-broken-car_661209-359.jpg", imageAlt: "Mechanic working on a car engine"},
{
tag: "Essential Maintenance",
title: "Oil Changes & Fluid Checks",
subtitle: "Keeping your engine healthy.",
description: "Regular oil changes and fluid checks are crucial for your vehicle's longevity. We use premium oils and ensure all levels are optimal.",
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580539.jpg",
imageAlt: "New engine oil being poured into a car",
},
tag: "Essential Maintenance", title: "Oil Changes & Fluid Checks", subtitle: "Keeping your engine healthy.", description: "Regular oil changes and fluid checks are crucial for your vehicle's longevity. We use premium oils and ensure all levels are optimal.", imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580539.jpg", imageAlt: "New engine oil being poured into a car"},
]}
title="Comprehensive Services for Every Vehicle Need"
description="From routine maintenance to complex diagnostics and repairs, our garage offers a full spectrum of services designed to keep your car in peak condition and ensure your safety."
@@ -245,25 +161,13 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "1",
value: "25+",
title: "Years of Experience",
description: "Decades of dedicated service in the automotive industry.",
icon: Award,
id: "1", value: "25+", title: "Years of Experience", description: "Decades of dedicated service in the automotive industry.", icon: Award,
},
{
id: "2",
value: "98%",
title: "Customer Satisfaction",
description: "Our commitment to quality keeps clients coming back.",
icon: Award,
id: "2", value: "98%", title: "Customer Satisfaction", description: "Our commitment to quality keeps clients coming back.", icon: Award,
},
{
id: "3",
value: "5000+",
title: "Vehicles Serviced",
description: "Thousands of cars and trucks, all kept in top condition.",
icon: Car,
id: "3", value: "5000+", title: "Vehicles Serviced", description: "Thousands of cars and trucks, all kept in top condition.", icon: Car,
},
]}
title="Our Garage by the Numbers"
@@ -280,65 +184,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "package-basic",
brand: "The Automotive Garage",
name: "Basic Maintenance Package",
price: "$120",
rating: 4,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-wrench-dark-background_1212-887.jpg",
imageAlt: "Basic car service package",
},
id: "package-basic", brand: "The Automotive Garage", name: "Basic Maintenance Package", price: "$120", rating: 4,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-wrench-dark-background_1212-887.jpg", imageAlt: "Basic car service package"},
{
id: "package-advanced",
brand: "The Automotive Garage",
name: "Advanced Care Package",
price: "$250",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/hands-female-mechanic-using-digital-tablet_1170-1246.jpg",
imageAlt: "Advanced car care package",
},
id: "package-advanced", brand: "The Automotive Garage", name: "Advanced Care Package", price: "$250", rating: 5,
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/hands-female-mechanic-using-digital-tablet_1170-1246.jpg", imageAlt: "Advanced car care package"},
{
id: "package-premium",
brand: "The Automotive Garage",
name: "Premium Performance Package",
price: "$400",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/man-using-his-car-s-options-while-driving_23-2149149633.jpg",
imageAlt: "Premium performance car package",
},
id: "package-premium", brand: "The Automotive Garage", name: "Premium Performance Package", price: "$400", rating: 5,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/man-using-his-car-s-options-while-driving_23-2149149633.jpg", imageAlt: "Premium performance car package"},
{
id: "service-oil",
brand: "The Automotive Garage",
name: "Oil Change Special",
price: "$75",
rating: 4,
reviewCount: "300",
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-car-oil-auto-repair-shop_637285-4301.jpg",
imageAlt: "Oil change service",
},
id: "service-oil", brand: "The Automotive Garage", name: "Oil Change Special", price: "$75", rating: 4,
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-car-oil-auto-repair-shop_637285-4301.jpg", imageAlt: "Oil change service"},
{
id: "service-brakes",
brand: "The Automotive Garage",
name: "Brake Service & Inspection",
price: "$180",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-tyre-using-flashlight_1170-1592.jpg",
imageAlt: "Brake service and inspection",
},
id: "service-brakes", brand: "The Automotive Garage", name: "Brake Service & Inspection", price: "$180", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-tyre-using-flashlight_1170-1592.jpg", imageAlt: "Brake service and inspection"},
{
id: "service-tires",
brand: "The Automotive Garage",
name: "Tire Rotation & Balance",
price: "$90",
rating: 4,
reviewCount: "180",
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580578.jpg",
imageAlt: "Tire rotation and balancing",
},
id: "service-tires", brand: "The Automotive Garage", name: "Tire Rotation & Balance", price: "$90", rating: 4,
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580578.jpg", imageAlt: "Tire rotation and balancing"},
]}
title="Tailored Service Packages"
description="Choose from our expertly designed service packages to get the best value and comprehensive care for your vehicle. Each package is crafted to meet specific needs and budgets, ensuring your car performs at its best."
@@ -353,61 +215,29 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic-plan",
badge: "Standard",
price: "$59/hr",
subtitle: "For routine checks and minor fixes",
buttons: [
id: "basic-plan", badge: "Standard", price: "$59/hr", subtitle: "For routine checks and minor fixes", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
features: [
"Diagnostic check",
"Fluid top-off",
"Basic safety inspection",
"Email service reminders",
],
"Diagnostic check", "Fluid top-off", "Basic safety inspection", "Email service reminders"],
},
{
id: "premium-plan",
badge: "Recommended",
badgeIcon: Sparkles,
price: "$79/hr",
subtitle: "For comprehensive care and peace of mind",
buttons: [
id: "premium-plan", badge: "Recommended", badgeIcon: Sparkles,
price: "$79/hr", subtitle: "For comprehensive care and peace of mind", buttons: [
{
text: "Get Started",
href: "#contact",
},
text: "Get Started", href: "#contact"},
],
features: [
"Advanced diagnostic scan",
"Full fluid replacement",
"Comprehensive safety inspection",
"Priority scheduling",
"10% discount on parts",
],
"Advanced diagnostic scan", "Full fluid replacement", "Comprehensive safety inspection", "Priority scheduling", "10% discount on parts"],
},
{
id: "fleet-plan",
badge: "Business",
price: "Custom",
subtitle: "Tailored for your business fleet needs",
buttons: [
id: "fleet-plan", badge: "Business", price: "Custom", subtitle: "Tailored for your business fleet needs", buttons: [
{
text: "Contact Us",
href: "#contact",
},
text: "Contact Us", href: "#contact"},
],
features: [
"Dedicated account manager",
"Volume discounts on services",
"Custom maintenance schedules",
"On-site service options",
"Detailed fleet reports",
],
"Dedicated account manager", "Volume discounts on services", "Custom maintenance schedules", "On-site service options", "Detailed fleet reports"],
},
]}
title="Transparent Pricing, Exceptional Value"
@@ -421,43 +251,21 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Michael S.",
imageSrc: "http://img.b2bpic.net/free-photo/car-showroom-agent-suggesting-clients-extra-features-buy-asks-signature_482257-124624.jpg",
imageAlt: "Michael S.",
},
id: "1", name: "Michael S.", imageSrc: "http://img.b2bpic.net/free-photo/car-showroom-agent-suggesting-clients-extra-features-buy-asks-signature_482257-124624.jpg", imageAlt: "Michael S."},
{
id: "2",
name: "Jessica L.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-manager-car-dealership-posing-with-folder_651396-1163.jpg",
imageAlt: "Jessica L.",
},
id: "2", name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-manager-car-dealership-posing-with-folder_651396-1163.jpg", imageAlt: "Jessica L."},
{
id: "3",
name: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-training-aprentice-car-repair-shop_23-2150367529.jpg",
imageAlt: "David K.",
},
id: "3", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-training-aprentice-car-repair-shop_23-2150367529.jpg", imageAlt: "David K."},
{
id: "4",
name: "Emily P.",
imageSrc: "http://img.b2bpic.net/free-photo/view-funny-couple-warehouse_23-2151180972.jpg",
imageAlt: "Emily P.",
},
id: "4", name: "Emily P.", imageSrc: "http://img.b2bpic.net/free-photo/view-funny-couple-warehouse_23-2151180972.jpg", imageAlt: "Emily P."},
{
id: "5",
name: "Robert B.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-old-couple-car-salon_1157-31980.jpg",
imageAlt: "Robert B.",
},
id: "5", name: "Robert B.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-old-couple-car-salon_1157-31980.jpg", imageAlt: "Robert B."},
]}
cardTitle="What Our Customers Say"
cardTag="Trusted by local drivers"
buttons={[
{
text: "Read All Reviews",
href: "#testimonials",
},
text: "Read All Reviews", href: "#testimonials"},
]}
cardAnimation="slide-up"
/>
@@ -468,14 +276,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Castrol",
"Shell",
"Bosch",
"Goodyear",
"Mobil 1",
"NGK",
"Valvoline",
]}
"Castrol", "Shell", "Bosch", "Goodyear", "Mobil 1", "NGK", "Valvoline"]}
title="Proudly Partnering with Leading Brands"
description="We believe in using only high-quality parts and products. That's why we partner with industry-leading brands to ensure the best for your vehicle and peace of mind."
tag="Our Partners"
@@ -486,8 +287,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Schedule Your Service Today"
description="Ready for top-quality automotive care? Contact us to book an appointment or inquire about our services. Our friendly team is here to help you get back on the road safely."
@@ -503,13 +303,9 @@ export default function LandingPage() {
logoAlt="The Automotive Garage Logo"
logoText="The Automotive Garage"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>