Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d5d5b0bc6f | |||
| 9786246cda | |||
| b5d1a75979 | |||
| 19d3dca1e5 | |||
| 3c1c3f8c3a |
149
src/app/page.tsx
149
src/app/page.tsx
@@ -6,7 +6,7 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
|
|||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Services", id: "#features" },
|
||||||
name: "Services", id: "#features"},
|
{ name: "About", id: "#about" },
|
||||||
{
|
{ name: "Testimonials", id: "#testimonials" },
|
||||||
name: "About", id: "#about"},
|
{ name: "Contact", id: "#contact" },
|
||||||
{
|
|
||||||
name: "Testimonials", id: "#testimonials"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "#contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="The Car Clinic"
|
brandName="The Car Clinic"
|
||||||
/>
|
/>
|
||||||
@@ -50,40 +46,33 @@ 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."
|
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={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "John Doe", handle: "@johndoe", testimonial: "Excellent service and very transparent pricing. My go-to shop for years.", rating: 5,
|
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"},
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-car-mechanic-shaking-hands-while-greeting-auto-repair-shop_637285-7698.jpg?_wi=1" },
|
||||||
{
|
{
|
||||||
name: "Sarah Smith", handle: "@sarahsmith", testimonial: "Fast turnaround and professional staff. Truly professional care.", rating: 5,
|
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"},
|
imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg?_wi=1" },
|
||||||
{
|
{
|
||||||
name: "Mike Ross", handle: "@mikeross", testimonial: "Honest assessment of my engine issues. Highly recommended.", rating: 5,
|
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"},
|
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-talking-phone_23-2148266225.jpg?_wi=1" },
|
||||||
{
|
{
|
||||||
name: "Jessica Pearson", handle: "@jessica", testimonial: "The best auto repair shop in town. Trustworthy and reliable.", rating: 5,
|
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"},
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trendy-stylish-glasses-bright-orange-oversized-jacket-white-background_343596-8172.jpg?_wi=1" },
|
||||||
{
|
{
|
||||||
name: "Harvey Specter", handle: "@harvey", testimonial: "Premium service for your vehicle. No nonsense.", rating: 5,
|
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"},
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-auto-mechanic-using-gloves-while-working-repair-shop_637285-11591.jpg" },
|
||||||
]}
|
]}
|
||||||
tag="Trusted Auto Experts"
|
tag="Trusted Auto Experts"
|
||||||
buttons={[
|
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?_wi=1"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/customer-holding-mobile-phone_1170-1373.jpg", alt: "Customer" },
|
||||||
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: "Customer" },
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg", alt: "Customer" },
|
||||||
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-customer-car-dealership-with-seller_23-2149106200.jpg", alt: "Customer" },
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/mechanic-examining-bicycle-wheel_1170-2506.jpg", alt: "Customer" },
|
||||||
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/mechanic-examining-bicycle-wheel_1170-2506.jpg", alt: "Mechanic examining a bicycle wheel"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -93,15 +82,9 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Why Choose The Car Clinic"
|
title="Why Choose The Car Clinic"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ icon: CheckCircle, label: "Years Experience", value: "15+" },
|
||||||
icon: CheckCircle,
|
{ icon: ShieldCheck, label: "Happy Clients", value: "10k+" },
|
||||||
label: "Years Experience", value: "15+"},
|
{ icon: Award, label: "Certified Mechanics", value: "20+" },
|
||||||
{
|
|
||||||
icon: ShieldCheck,
|
|
||||||
label: "Happy Clients", value: "10k+"},
|
|
||||||
{
|
|
||||||
icon: Award,
|
|
||||||
label: "Certified Mechanics", value: "20+"},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -114,13 +97,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Engine Diagnostics", description: "State-of-the-art computer diagnostic systems to identify issues quickly.", bentoComponent: "reveal-icon", icon: Zap,
|
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,
|
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,
|
title: "Oil & Fluids", description: "Routine maintenance services using premium grade synthetic oils.", bentoComponent: "reveal-icon", icon: Droplets,
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Our Professional Services"
|
title="Our Professional Services"
|
||||||
@@ -135,18 +118,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
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/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: "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: "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: "p6", name: "Electrical Diagnostics", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-tools_23-2147624704.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="Maintenance Packages"
|
title="Maintenance Packages"
|
||||||
description="Tailored maintenance programs to keep your vehicle performing at its peak."
|
description="Tailored maintenance programs to keep your vehicle performing at its peak."
|
||||||
@@ -158,16 +132,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
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" },
|
||||||
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=2", 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" },
|
||||||
{
|
{ 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" },
|
||||||
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=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?_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?_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?_wi=2", imageAlt: "happy car owner smiling outside shop"},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Clients Say"
|
title="What Our Clients Say"
|
||||||
description="Read stories from drivers who trust us with their vehicles."
|
description="Read stories from drivers who trust us with their vehicles."
|
||||||
@@ -178,15 +145,10 @@ export default function LandingPage() {
|
|||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
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."},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Have Questions?"
|
sideTitle="Have Questions?"
|
||||||
sideDescription="Get answers about our services, booking process, and company policies."
|
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -194,50 +156,25 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain"}}
|
|
||||||
tag="Get in Touch"
|
tag="Get in Touch"
|
||||||
title="Ready to get back on the road?"
|
title="Ready to get back on the road?"
|
||||||
description="Book your appointment today and experience the professional care of The Car Clinic."
|
description="Book your appointment today and experience the professional care of The Car Clinic."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Call Now", href: "tel:+1555012345" },
|
||||||
text: "Call Now", href: "tel:+1555012345"},
|
{ text: "Schedule Appointment", href: "#" },
|
||||||
{
|
|
||||||
text: "Schedule Appointment", href: "#"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterBaseReveal
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Company", items: [{ label: "About Us", href: "#about" }] },
|
||||||
title: "Company", items: [
|
{ title: "Services", items: [{ label: "Repairs", href: "#features" }] },
|
||||||
{
|
|
||||||
label: "About Us", href: "#about"},
|
|
||||||
{
|
|
||||||
label: "Our Team", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Services", items: [
|
|
||||||
{
|
|
||||||
label: "Repairs", href: "#features"},
|
|
||||||
{
|
|
||||||
label: "Diagnostics", href: "#features"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal", items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Terms of Service", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="The Car Clinic"
|
logoText="The Car Clinic"
|
||||||
copyrightText="© 2025 The Car Clinic. All rights reserved."
|
copyrightText="© 2025 The Car Clinic."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user