Merge version_1 into main #5
157
src/app/page.tsx
157
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Our Promise",
|
||||
id: "why",
|
||||
},
|
||||
name: "Our Promise", id: "why"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Book Appointment",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Book Appointment", id: "contact"},
|
||||
]}
|
||||
brandName="Chatsworth Auto Repair"
|
||||
/>
|
||||
@@ -53,46 +45,29 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Car Deserves Expert Hands."
|
||||
description="At Chatsworth Auto Repair, we treat every vehicle like it's our own. From routine maintenance to complex diagnostics — precision, transparency, and fair pricing, every time."
|
||||
tag="Chatsworth, California — Est. with Pride"
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Service", href: "#contact"},
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:+18181234567",
|
||||
},
|
||||
text: "Call Us Now", href: "tel:+18181234567"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic-with-laptop-checking-engine_1150-16590.jpg?_wi=1",
|
||||
imageAlt: "Mechanic working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic-with-laptop-checking-engine_1150-16590.jpg", imageAlt: "Mechanic working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic-with-laptop-checking-engine_1150-16590.jpg?_wi=2",
|
||||
imageAlt: "Service bay",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic-with-laptop-checking-engine_1150-16590.jpg", imageAlt: "Service bay"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic-with-laptop-checking-engine_1150-16590.jpg?_wi=3",
|
||||
imageAlt: "Diagnostic tech",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic-with-laptop-checking-engine_1150-16590.jpg", imageAlt: "Diagnostic tech"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic-with-laptop-checking-engine_1150-16590.jpg?_wi=4",
|
||||
imageAlt: "Modern auto shop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic-with-laptop-checking-engine_1150-16590.jpg", imageAlt: "Modern auto shop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic-with-laptop-checking-engine_1150-16590.jpg?_wi=5",
|
||||
imageAlt: "Tire service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic-with-laptop-checking-engine_1150-16590.jpg", imageAlt: "Tire service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic-with-laptop-checking-engine_1150-16590.jpg?_wi=6",
|
||||
imageAlt: "Customer service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic-with-laptop-checking-engine_1150-16590.jpg", imageAlt: "Customer service"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -105,67 +80,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Tires & Wheels",
|
||||
description: "Full inventory of major brands.",
|
||||
items: [
|
||||
title: "Tires & Wheels", description: "Full inventory of major brands.", items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Same-day installation",
|
||||
},
|
||||
text: "Same-day installation"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Flat repair included",
|
||||
},
|
||||
text: "Flat repair included"},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18321.jpg?_wi=1",
|
||||
imageAlt: "Tires",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18321.jpg", imageAlt: "Tires"},
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic-with-laptop-checking-engine_1150-16590.jpg?_wi=7",
|
||||
imageAlt: "luxury automotive repair shop",
|
||||
},
|
||||
{
|
||||
title: "Precision Alignment",
|
||||
description: "Computer-assisted adjustments.",
|
||||
items: [
|
||||
title: "Precision Alignment", description: "Computer-assisted adjustments.", items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Transparent results",
|
||||
},
|
||||
text: "Transparent results"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Lifted vehicle specialists",
|
||||
},
|
||||
text: "Lifted vehicle specialists"},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-work-tools-toolbox_1170-1412.jpg?_wi=1",
|
||||
imageAlt: "Alignment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-work-tools-toolbox_1170-1412.jpg", imageAlt: "Alignment"},
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18321.jpg?_wi=2",
|
||||
imageAlt: "automotive tire change wheel",
|
||||
},
|
||||
{
|
||||
title: "Suspension",
|
||||
description: "Expert diagnostic and repair.",
|
||||
items: [
|
||||
title: "Suspension", description: "Expert diagnostic and repair.", items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Ball joints & control arms",
|
||||
},
|
||||
text: "Ball joints & control arms"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Expert diagnostics",
|
||||
},
|
||||
text: "Expert diagnostics"},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1273.jpg?_wi=1",
|
||||
imageAlt: "Suspension",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1273.jpg", imageAlt: "Suspension"},
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-work-tools-toolbox_1170-1412.jpg?_wi=2",
|
||||
imageAlt: "car wheel alignment machine",
|
||||
},
|
||||
]}
|
||||
title="Full-Service Automotive Care"
|
||||
@@ -187,60 +138,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Cris T.",
|
||||
date: "2024-01-01",
|
||||
title: "Best alignment ever",
|
||||
quote: "They were able to resolve the steering issue on my truck. 100% recommend!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1273.jpg?_wi=2",
|
||||
imageAlt: "car suspension mechanic repair",
|
||||
},
|
||||
id: "1", name: "Cris T.", date: "2024-01-01", title: "Best alignment ever", quote: "They were able to resolve the steering issue on my truck. 100% recommend!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1273.jpg", imageAlt: "car suspension mechanic repair"},
|
||||
{
|
||||
id: "2",
|
||||
name: "N B.",
|
||||
date: "2024-01-02",
|
||||
title: "Great service",
|
||||
quote: "I've been coming here for a long time. Efficient and great service.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21765.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg",
|
||||
imageAlt: "happy customer auto repair",
|
||||
},
|
||||
id: "2", name: "N B.", date: "2024-01-02", title: "Great service", quote: "I've been coming here for a long time. Efficient and great service.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21765.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg", imageAlt: "happy customer auto repair"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Joe S.",
|
||||
date: "2024-01-03",
|
||||
title: "Amazing people",
|
||||
quote: "They worked with me and were very fair with pricing.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21765.jpg",
|
||||
imageAlt: "happy driver portrait",
|
||||
},
|
||||
id: "3", name: "Joe S.", date: "2024-01-03", title: "Amazing people", quote: "They worked with me and were very fair with pricing.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21765.jpg", imageAlt: "happy driver portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Leo J.",
|
||||
date: "2024-01-04",
|
||||
title: "Peace of mind",
|
||||
quote: "Beat every other tire store on price. Quick and professional.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg",
|
||||
imageAlt: "car maintenance customer smile",
|
||||
},
|
||||
id: "4", name: "Leo J.", date: "2024-01-04", title: "Peace of mind", quote: "Beat every other tire store on price. Quick and professional.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg", imageAlt: "car maintenance customer smile"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tara M.",
|
||||
date: "2024-01-05",
|
||||
title: "Fantastic service",
|
||||
quote: "Turned a bad day into a much better one.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-buying-car-showroom_1303-16352.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg",
|
||||
imageAlt: "portrait happy auto client",
|
||||
},
|
||||
id: "5", name: "Tara M.", date: "2024-01-05", title: "Fantastic service", quote: "Turned a bad day into a much better one.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-buying-car-showroom_1303-16352.jpg", imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg", imageAlt: "portrait happy auto client"},
|
||||
]}
|
||||
title="Real People, Real Results"
|
||||
description="5-star service for every customer."
|
||||
@@ -251,8 +157,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to Get Started?"
|
||||
title="Book Your Appointment Today"
|
||||
description="We'll take care of you — just like we have for thousands of drivers across the San Fernando Valley."
|
||||
|
||||
Reference in New Issue
Block a user