Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
269
src/app/page.tsx
269
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="The Car Clinic"
|
||||
/>
|
||||
@@ -58,74 +50,40 @@ export default function LandingPage() {
|
||||
description="Premium maintenance and repair services for your peace of mind. We combine precision, quality parts, and certified mechanics to get you back on the road safely."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Excellent service and very transparent pricing. My go-to shop for years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-car-mechanic-shaking-hands-while-greeting-auto-repair-shop_637285-7698.jpg?_wi=1",
|
||||
},
|
||||
name: "John Doe", handle: "@johndoe", testimonial: "Excellent service and very transparent pricing. My go-to shop for years.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-car-mechanic-shaking-hands-while-greeting-auto-repair-shop_637285-7698.jpg"},
|
||||
{
|
||||
name: "Sarah Smith",
|
||||
handle: "@sarahsmith",
|
||||
testimonial: "Fast turnaround and professional staff. Truly professional care.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah Smith", handle: "@sarahsmith", testimonial: "Fast turnaround and professional staff. Truly professional care.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg"},
|
||||
{
|
||||
name: "Mike Ross",
|
||||
handle: "@mikeross",
|
||||
testimonial: "Honest assessment of my engine issues. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-talking-phone_23-2148266225.jpg?_wi=1",
|
||||
},
|
||||
name: "Mike Ross", handle: "@mikeross", testimonial: "Honest assessment of my engine issues. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-talking-phone_23-2148266225.jpg"},
|
||||
{
|
||||
name: "Jessica Pearson",
|
||||
handle: "@jessica",
|
||||
testimonial: "The best auto repair shop in town. Trustworthy and reliable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trendy-stylish-glasses-bright-orange-oversized-jacket-white-background_343596-8172.jpg?_wi=1",
|
||||
},
|
||||
name: "Jessica Pearson", handle: "@jessica", testimonial: "The best auto repair shop in town. Trustworthy and reliable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trendy-stylish-glasses-bright-orange-oversized-jacket-white-background_343596-8172.jpg"},
|
||||
{
|
||||
name: "Harvey Specter",
|
||||
handle: "@harvey",
|
||||
testimonial: "Premium service for your vehicle. No nonsense.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-auto-mechanic-using-gloves-while-working-repair-shop_637285-11591.jpg",
|
||||
},
|
||||
name: "Harvey Specter", handle: "@harvey", testimonial: "Premium service for your vehicle. No nonsense.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-auto-mechanic-using-gloves-while-working-repair-shop_637285-11591.jpg"},
|
||||
]}
|
||||
tag="Trusted Auto Experts"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Service", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19067.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19067.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/customer-holding-mobile-phone_1170-1373.jpg",
|
||||
alt: "Customer holding a mobile phone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/customer-holding-mobile-phone_1170-1373.jpg", alt: "Customer holding a mobile phone"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130233.jpg",
|
||||
alt: "Happy man in car dealership",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130233.jpg", alt: "Happy man in car dealership"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg",
|
||||
alt: "Medium shot people looking at car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg", alt: "Medium shot people looking at car"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-customer-car-dealership-with-seller_23-2149106200.jpg",
|
||||
alt: "Happy customer in car dealership with seller",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-customer-car-dealership-with-seller_23-2149106200.jpg", alt: "Happy customer in car dealership with seller"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-examining-bicycle-wheel_1170-2506.jpg",
|
||||
alt: "Mechanic examining a bicycle wheel",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-examining-bicycle-wheel_1170-2506.jpg", alt: "Mechanic examining a bicycle wheel"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,19 +95,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Years Experience", value: "15+"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Happy Clients",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Happy Clients", value: "10k+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Certified Mechanics",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Certified Mechanics", value: "20+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -162,28 +114,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Engine Diagnostics",
|
||||
description: "State-of-the-art computer diagnostic systems to identify issues quickly.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-tools_23-2148932612.jpg",
|
||||
imageAlt: "High angle arrangement with tools",
|
||||
title: "Engine Diagnostics", description: "State-of-the-art computer diagnostic systems to identify issues quickly.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Brake Systems",
|
||||
description: "Full service brakes, pads, rotors, and hydraulics maintenance.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19067.jpg?_wi=2",
|
||||
imageAlt: "High angle arrangement with tools",
|
||||
title: "Brake Systems", description: "Full service brakes, pads, rotors, and hydraulics maintenance.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Oil & Fluids",
|
||||
description: "Routine maintenance services using premium grade synthetic oils.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-car-mechanic-shaking-hands-while-greeting-auto-repair-shop_637285-7698.jpg?_wi=2",
|
||||
imageAlt: "High angle arrangement with tools",
|
||||
title: "Oil & Fluids", description: "Routine maintenance services using premium grade synthetic oils.", bentoComponent: "reveal-icon", icon: Droplets,
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -199,41 +136,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Standard Check-up",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150170048.jpg",
|
||||
},
|
||||
id: "p1", name: "Standard Check-up", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150170048.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Full Synthetic Change",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580613.jpg",
|
||||
},
|
||||
id: "p2", name: "Full Synthetic Change", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580613.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Major Engine Tune-up",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3903.jpg",
|
||||
},
|
||||
id: "p3", name: "Major Engine Tune-up", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3903.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Suspension Check",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167456.jpg",
|
||||
},
|
||||
id: "p4", name: "Suspension Check", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167456.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "AC System Recharge",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881881.jpg",
|
||||
},
|
||||
id: "p5", name: "AC System Recharge", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881881.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Electrical Diagnostics",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-tools_23-2147624704.jpg",
|
||||
},
|
||||
id: "p6", name: "Electrical Diagnostics", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-tools_23-2147624704.jpg"},
|
||||
]}
|
||||
title="Maintenance Packages"
|
||||
description="Tailored maintenance programs to keep your vehicle performing at its peak."
|
||||
@@ -246,60 +159,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
date: "Jan 2025",
|
||||
title: "Loyal Customer",
|
||||
quote: "The team at Car Clinic is simply the best in the business.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-couple-greeting-their-mechanic-auto-repair-shop_637285-8674.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19067.jpg?_wi=3",
|
||||
imageAlt: "happy car owner smiling outside shop",
|
||||
},
|
||||
id: "t1", name: "John Doe", date: "Jan 2025", title: "Loyal Customer", quote: "The team at Car Clinic is simply the best in the business.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/happy-couple-greeting-their-mechanic-auto-repair-shop_637285-8674.jpg", imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19067.jpg", imageAlt: "happy car owner smiling outside shop"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Smith",
|
||||
date: "Dec 2024",
|
||||
title: "Repeat Client",
|
||||
quote: "Reliable and fast! I don't go anywhere else.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-car-mechanic-shaking-hands-while-greeting-auto-repair-shop_637285-7698.jpg?_wi=3",
|
||||
imageAlt: "happy car owner smiling outside shop",
|
||||
},
|
||||
id: "t2", name: "Sarah Smith", date: "Dec 2024", title: "Repeat Client", quote: "Reliable and fast! I don't go anywhere else.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-car-mechanic-shaking-hands-while-greeting-auto-repair-shop_637285-7698.jpg", imageAlt: "happy car owner smiling outside shop"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Ross",
|
||||
date: "Nov 2024",
|
||||
title: "Car Enthusiast",
|
||||
quote: "Their technical expertise is unmatched in the city.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-posing-car-with-open-hood_23-2148766982.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg?_wi=2",
|
||||
imageAlt: "happy car owner smiling outside shop",
|
||||
},
|
||||
id: "t3", name: "Mike Ross", date: "Nov 2024", title: "Car Enthusiast", quote: "Their technical expertise is unmatched in the city.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-posing-car-with-open-hood_23-2148766982.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg", imageAlt: "happy car owner smiling outside shop"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jessica Pearson",
|
||||
date: "Oct 2024",
|
||||
title: "Fleet Owner",
|
||||
quote: "They manage my entire fleet with speed and accuracy.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14558.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-talking-phone_23-2148266225.jpg?_wi=2",
|
||||
imageAlt: "happy car owner smiling outside shop",
|
||||
},
|
||||
id: "t4", name: "Jessica Pearson", date: "Oct 2024", title: "Fleet Owner", quote: "They manage my entire fleet with speed and accuracy.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/man-looking-car-car-showroom_1303-14558.jpg", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-talking-phone_23-2148266225.jpg", imageAlt: "happy car owner smiling outside shop"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Harvey Specter",
|
||||
date: "Sep 2024",
|
||||
title: "Vehicle Owner",
|
||||
quote: "Quality service at an honest price. Finally, peace of mind.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-manager-car-dealership-posing-with-folder_651396-1163.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trendy-stylish-glasses-bright-orange-oversized-jacket-white-background_343596-8172.jpg?_wi=2",
|
||||
imageAlt: "happy car owner smiling outside shop",
|
||||
},
|
||||
id: "t5", name: "Harvey Specter", date: "Sep 2024", title: "Vehicle Owner", quote: "Quality service at an honest price. Finally, peace of mind.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-manager-car-dealership-posing-with-folder_651396-1163.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trendy-stylish-glasses-bright-orange-oversized-jacket-white-background_343596-8172.jpg", imageAlt: "happy car owner smiling outside shop"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Read stories from drivers who trust us with their vehicles."
|
||||
@@ -311,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "Yes, we accept walk-ins, but scheduling an appointment is always recommended for faster service.",
|
||||
},
|
||||
id: "f1", title: "Do you accept walk-ins?", content: "Yes, we accept walk-ins, but scheduling an appointment is always recommended for faster service."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is your warranty?",
|
||||
content: "We offer a 12-month/12,000-mile warranty on all labor and parts installed by our technicians.",
|
||||
},
|
||||
id: "f2", title: "What is your warranty?", content: "We offer a 12-month/12,000-mile warranty on all labor and parts installed by our technicians."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Absolutely. We provide transparent and detailed estimates before any repair work begins.",
|
||||
},
|
||||
id: "f3", title: "Do you provide estimates?", content: "Absolutely. We provide transparent and detailed estimates before any repair work begins."},
|
||||
]}
|
||||
sideTitle="Have Questions?"
|
||||
sideDescription="Get answers about our services, booking process, and company policies."
|
||||
@@ -336,20 +195,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to get back on the road?"
|
||||
description="Book your appointment today and experience the professional care of The Car Clinic."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1555012345",
|
||||
},
|
||||
text: "Call Now", href: "tel:+1555012345"},
|
||||
{
|
||||
text: "Schedule Appointment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Schedule Appointment", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -358,42 +212,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Team", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Repairs", href: "#features"},
|
||||
{
|
||||
label: "Diagnostics",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Diagnostics", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user