bender/adbb93db-2adb-4e9c-9fc7-4307b31a4c8d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-29 19:26:42 +00:00
parent 9786246cda
commit d5d5b0bc6f
1 changed files with 41 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

148
src/app/page.tsx
View File

@@ -31,18 +31,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Services", id: "#features"},
{
name: "About", id: "#about"},
{
name: "Testimonials", id: "#testimonials"},
{
name: "Contact", id: "#contact"},
{ name: "Services", id: "#features" },
{ name: "About", id: "#about" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Contact", id: "#contact" },
]}
brandName="The Car Clinic"
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2qYwHd97texGW6j0p62oxsgQu/uploaded-1777490750305-7dkofvjq.jpg"
logoAlt="The Car Clinic Logo"
/>
</div>
@@ -52,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."
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?_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?_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?_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?_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?_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?_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?_wi=1" },
{
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: "Learn More", href: "#about"},
{ text: "Book Your Service", href: "#contact" },
{ 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"
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/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/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/customer-holding-mobile-phone_1170-1373.jpg", alt: "Customer" },
{ 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-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" },
]}
/>
</div>
@@ -95,15 +82,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Why Choose The Car Clinic"
metrics={[
{
icon: CheckCircle,
label: "Years Experience", value: "15+"},
{
icon: ShieldCheck,
label: "Happy Clients", value: "10k+"},
{
icon: Award,
label: "Certified Mechanics", value: "20+"},
{ icon: CheckCircle, label: "Years Experience", value: "15+" },
{ icon: ShieldCheck, label: "Happy Clients", value: "10k+" },
{ icon: Award, label: "Certified Mechanics", value: "20+" },
]}
metricsAnimation="slide-up"
/>
@@ -116,13 +97,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,
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"
@@ -137,18 +118,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
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: "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: "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"},
{ 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" },
]}
title="Maintenance Packages"
description="Tailored maintenance programs to keep your vehicle performing at its peak."
@@ -160,16 +132,9 @@ export default function LandingPage() {
textboxLayout="default"
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=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", 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"},
{ 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: "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" },
]}
title="What Our Clients Say"
description="Read stories from drivers who trust us with their vehicles."
@@ -180,15 +145,10 @@ export default function LandingPage() {
<FaqSplitText
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: "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: "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." },
]}
sideTitle="Have Questions?"
sideDescription="Get answers about our services, booking process, and company policies."
faqsAnimation="slide-up"
/>
</div>
@@ -196,16 +156,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain"}}
background={{ 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: "Schedule Appointment", href: "#"},
{ text: "Call Now", href: "tel:+1555012345" },
{ text: "Schedule Appointment", href: "#" },
]}
/>
</div>
@@ -213,34 +170,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Company", items: [
{
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: "#"},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#about" }] },
{ title: "Services", items: [{ label: "Repairs", href: "#features" }] },
]}
logoText="The Car Clinic"
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2qYwHd97texGW6j0p62oxsgQu/uploaded-1777490750305-7dkofvjq.jpg"
copyrightText="© 2025 The Car Clinic. All rights reserved."
copyrightText="© 2025 The Car Clinic."
/>
</div>
</ReactLenis>