Merge version_1 into main #2
157
src/app/page.tsx
157
src/app/page.tsx
@@ -29,27 +29,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SLIM"
|
||||
button={{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Appointment", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,75 +49,38 @@ export default function LandingPage() {
|
||||
description="Precision performance for the modern machine. Where cinematic quality meets automotive mastery."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marcus A.",
|
||||
handle: "@autoenthusiast",
|
||||
testimonial: "Exceptional precision and care. The best in Los Angeles.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-modern-car-outdoors_23-2148510599.jpg?_wi=1",
|
||||
imageAlt: "luxury sports car dark studio",
|
||||
},
|
||||
name: "Marcus A.", handle: "@autoenthusiast", testimonial: "Exceptional precision and care. The best in Los Angeles.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-modern-car-outdoors_23-2148510599.jpg", imageAlt: "luxury sports car dark studio"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@luxe_driver",
|
||||
testimonial: "My sports car has never performed better. Truly high-end service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-hand-drawn-icons-set-infographics_1057-11320.jpg?_wi=1",
|
||||
imageAlt: "luxury sports car dark studio",
|
||||
},
|
||||
name: "Sarah J.", handle: "@luxe_driver", testimonial: "My sports car has never performed better. Truly high-end service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-hand-drawn-icons-set-infographics_1057-11320.jpg", imageAlt: "luxury sports car dark studio"},
|
||||
{
|
||||
name: "Robert B.",
|
||||
handle: "@carcollector",
|
||||
testimonial: "The attention to detail here is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg?_wi=1",
|
||||
imageAlt: "luxury sports car dark studio",
|
||||
},
|
||||
name: "Robert B.", handle: "@carcollector", testimonial: "The attention to detail here is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg", imageAlt: "luxury sports car dark studio"},
|
||||
{
|
||||
name: "Elena K.",
|
||||
handle: "@bmw_owner",
|
||||
testimonial: "Professional, reliable, and premium results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg?_wi=1",
|
||||
imageAlt: "luxury sports car dark studio",
|
||||
},
|
||||
name: "Elena K.", handle: "@bmw_owner", testimonial: "Professional, reliable, and premium results.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg", imageAlt: "luxury sports car dark studio"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@themechanicguy",
|
||||
testimonial: "The gold standard for automotive maintenance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rag-doll-with-spanner_1160-499.jpg",
|
||||
imageAlt: "luxury sports car dark studio",
|
||||
},
|
||||
name: "David W.", handle: "@themechanicguy", testimonial: "The gold standard for automotive maintenance.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rag-doll-with-spanner_1160-499.jpg", imageAlt: "luxury sports car dark studio"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-modern-car-outdoors_23-2148510599.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-modern-car-outdoors_23-2148510599.jpg"
|
||||
imageAlt="Luxury black sports car in dark studio"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012335.jpg",
|
||||
alt: "Portrait of car enthusiast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012335.jpg", alt: "Portrait of car enthusiast"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001285.jpg",
|
||||
alt: "Portrait of luxury driver",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001285.jpg", alt: "Portrait of luxury driver"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-headlight-dark-automobile_23-2147963045.jpg",
|
||||
alt: "Portrait of car collector",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-headlight-dark-automobile_23-2147963045.jpg", alt: "Portrait of car collector"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/back-black-car-with-red-rear-light_23-2147963062.jpg",
|
||||
alt: "Portrait of sports car owner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/back-black-car-with-red-rear-light_23-2147963062.jpg", alt: "Portrait of sports car owner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46150.jpg",
|
||||
alt: "Portrait of regular client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46150.jpg", alt: "Portrait of regular client"},
|
||||
]}
|
||||
avatarText="Trusted by over 500+ luxury vehicle owners"
|
||||
/>
|
||||
@@ -135,40 +88,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Diagnostics",
|
||||
description: "State-of-the-art computer diagnostic scanning.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Settings,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-hand-drawn-icons-set-infographics_1057-11320.jpg?_wi=2",
|
||||
imageAlt: "diagnostic tool thin gold icon",
|
||||
title: "Diagnostics", description: "State-of-the-art computer diagnostic scanning.", bentoComponent: "reveal-icon", icon: Settings,
|
||||
},
|
||||
{
|
||||
title: "Engine Repair",
|
||||
description: "Expert engine reconstruction and optimization.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-modern-car-outdoors_23-2148510599.jpg?_wi=3",
|
||||
imageAlt: "diagnostic tool thin gold icon",
|
||||
title: "Engine Repair", description: "Expert engine reconstruction and optimization.", bentoComponent: "reveal-icon", icon: Wrench,
|
||||
},
|
||||
{
|
||||
title: "Brakes",
|
||||
description: "Premium braking system performance service.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Gauge,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg?_wi=2",
|
||||
imageAlt: "diagnostic tool thin gold icon",
|
||||
title: "Brakes", description: "Premium braking system performance service.", bentoComponent: "reveal-icon", icon: Gauge,
|
||||
},
|
||||
{
|
||||
title: "Maintenance",
|
||||
description: "Comprehensive scheduled maintenance programs.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Settings,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg?_wi=2",
|
||||
imageAlt: "diagnostic tool thin gold icon",
|
||||
title: "Maintenance", description: "Comprehensive scheduled maintenance programs.", bentoComponent: "reveal-icon", icon: Settings,
|
||||
},
|
||||
]}
|
||||
title="OUR SERVICES"
|
||||
@@ -181,13 +115,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="PASSION. SKILL. DEDICATION."
|
||||
description={[
|
||||
"We are car enthusiasts providing elite service with transparent, premium care. Quality is our baseline.",
|
||||
]}
|
||||
"We are car enthusiasts providing elite service with transparent, premium care. Quality is our baseline."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -196,8 +127,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="PRECISION. PERFORMANCE. PERFECTION. EXCELLENCE IN EVERY DETAIL."
|
||||
/>
|
||||
</div>
|
||||
@@ -206,8 +136,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="BOOK YOUR APPOINTMENT. 1234 Luxe Drive, Los Angeles, CA. Mon-Fri 9am-6pm."
|
||||
/>
|
||||
</div>
|
||||
@@ -218,37 +147,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Diagnostics",
|
||||
href: "#",
|
||||
},
|
||||
label: "Diagnostics", href: "#"},
|
||||
{
|
||||
label: "Engine Repair",
|
||||
href: "#",
|
||||
},
|
||||
label: "Engine Repair", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Los Angeles, CA",
|
||||
href: "#",
|
||||
},
|
||||
label: "Los Angeles, CA", href: "#"},
|
||||
{
|
||||
label: "(555) 123-4567",
|
||||
href: "#",
|
||||
},
|
||||
label: "(555) 123-4567", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user