Merge version_1 into main #2
160
src/app/page.tsx
160
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="King's Auto Body"
|
||||
/>
|
||||
@@ -54,41 +46,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="King's Auto Body & Truck Service"
|
||||
description="Premium automotive collision repair and heavy-duty truck maintenance. We restore your vehicle to peak performance and pristine condition."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-auto-repair-shop-car_23-2150376990.jpg?_wi=1",
|
||||
imageAlt: "Auto body repair workshop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-auto-repair-shop-car_23-2150376990.jpg", imageAlt: "Auto body repair workshop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-mechanic-serviceman-choosing-tools-vehicle-maintenance_342744-1302.jpg?_wi=1",
|
||||
imageAlt: "Truck maintenance bay",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-mechanic-serviceman-choosing-tools-vehicle-maintenance_342744-1302.jpg", imageAlt: "Truck maintenance bay"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580571.jpg",
|
||||
imageAlt: "Expert car restoration",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580571.jpg", imageAlt: "Expert car restoration"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/garage-engineers-replace-vehicle-oil_482257-115297.jpg",
|
||||
imageAlt: "Professional painting process",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/garage-engineers-replace-vehicle-oil_482257-115297.jpg", imageAlt: "Professional painting process"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-side-view_23-2149714348.jpg",
|
||||
imageAlt: "Detailed body work service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-side-view_23-2149714348.jpg", imageAlt: "Detailed body work service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg",
|
||||
imageAlt: "Heavy truck body repairs",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg", imageAlt: "Heavy truck body repairs"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,54 +91,36 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Automotive Body Repair",
|
||||
description: "Full-service collision repair for all personal vehicles.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-working-fix-car-distributor_482257-91142.jpg",
|
||||
imageAlt: "car restoration workshop",
|
||||
},
|
||||
title: "Automotive Body Repair", description: "Full-service collision repair for all personal vehicles.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-working-fix-car-distributor_482257-91142.jpg", imageAlt: "car restoration workshop"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Frame Straightening",
|
||||
},
|
||||
text: "Frame Straightening"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Dent Removal",
|
||||
},
|
||||
text: "Dent Removal"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Color Matching",
|
||||
},
|
||||
text: "Color Matching"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-auto-repair-shop-car_23-2150376990.jpg?_wi=2",
|
||||
imageAlt: "car restoration workshop",
|
||||
},
|
||||
{
|
||||
title: "Heavy Duty Truck Service",
|
||||
description: "Specialized repairs for commercial and fleet vehicles.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-uniform-truck-repair-car-malfunction_1157-46544.jpg",
|
||||
imageAlt: "truck repair garage interior",
|
||||
},
|
||||
title: "Heavy Duty Truck Service", description: "Specialized repairs for commercial and fleet vehicles.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-uniform-truck-repair-car-malfunction_1157-46544.jpg", imageAlt: "truck repair garage interior"},
|
||||
items: [
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Engine diagnostics",
|
||||
},
|
||||
text: "Engine diagnostics"},
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Body panels",
|
||||
},
|
||||
text: "Body panels"},
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Fleet maintenance",
|
||||
},
|
||||
text: "Fleet maintenance"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-mechanic-serviceman-choosing-tools-vehicle-maintenance_342744-1302.jpg?_wi=2",
|
||||
imageAlt: "car restoration workshop",
|
||||
},
|
||||
]}
|
||||
title="Services You Can Trust"
|
||||
@@ -176,40 +135,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Excellent service and craftsmanship. My car looks better than when I bought it.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", handle: "@johndoe", testimonial: "Excellent service and craftsmanship. My car looks better than when I bought it.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Professional and fast. They handled my truck repair flawlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-doing-holding-gesture_1298-431.jpg",
|
||||
},
|
||||
id: "2", name: "Jane Smith", handle: "@jsmith", testimonial: "Professional and fast. They handled my truck repair flawlessly.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-doing-holding-gesture_1298-431.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert Lee",
|
||||
handle: "@rlee",
|
||||
testimonial: "Great attention to detail and friendly staff. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-phone-call_1098-16660.jpg",
|
||||
},
|
||||
id: "3", name: "Robert Lee", handle: "@rlee", testimonial: "Great attention to detail and friendly staff. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-phone-call_1098-16660.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alice Brown",
|
||||
handle: "@abrown",
|
||||
testimonial: "Trustworthy work at a fair price. My go-to shop for any auto issues.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
|
||||
},
|
||||
id: "4", name: "Alice Brown", handle: "@abrown", testimonial: "Trustworthy work at a fair price. My go-to shop for any auto issues.", imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark Wilson",
|
||||
handle: "@mwilson",
|
||||
testimonial: "Exceptional communication throughout the repair process. Top notch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-female-mechanic-looking-camera-keeping-wrench_7502-4410.jpg",
|
||||
},
|
||||
id: "5", name: "Mark Wilson", handle: "@mwilson", testimonial: "Exceptional communication throughout the repair process. Top notch.", imageSrc: "http://img.b2bpic.net/free-photo/serious-female-mechanic-looking-camera-keeping-wrench_7502-4410.jpg"},
|
||||
]}
|
||||
title="Trusted by Local Drivers"
|
||||
description="See why our customers consistently choose King's for their vehicle care."
|
||||
@@ -221,20 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you work with all insurance companies?",
|
||||
content: "Yes, we work directly with all major insurance providers to simplify your claims process.",
|
||||
},
|
||||
id: "1", title: "Do you work with all insurance companies?", content: "Yes, we work directly with all major insurance providers to simplify your claims process."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is the typical turnaround time?",
|
||||
content: "Turnaround time varies by project size, but we prioritize clear communication and timely updates.",
|
||||
},
|
||||
id: "2", title: "What is the typical turnaround time?", content: "Turnaround time varies by project size, but we prioritize clear communication and timely updates."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "We offer detailed, complimentary estimates for all body and restoration services.",
|
||||
},
|
||||
id: "3", title: "Do you offer free estimates?", content: "We offer detailed, complimentary estimates for all body and restoration services."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Need clarity? We've got answers."
|
||||
@@ -246,8 +171,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Restore Your Ride?"
|
||||
description="Send us a message and we'll reach out to schedule your service."
|
||||
@@ -263,29 +187,19 @@ export default function LandingPage() {
|
||||
logoText="King's Auto Body"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Body Repair",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Body Repair", href: "#services"},
|
||||
{
|
||||
label: "Truck Service",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Truck Service", href: "#services"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user