bender/f0dfe4ab-4c84-4a48-a128-8477b128dcd9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 1 commits from version_2 into main 2026-04-22 17:02:22 +00:00
Conversation 0 Commits 1 Files Changed 1 +27 -97
1 changed files with 27 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
src/app/page.tsx
View File

@@ -19,8 +19,8 @@ export default function LandingPage() {
contentWidth="small"
sizing="largeSmall"
background="fluid"
cardStyle="inset"
primaryButtonStyle="gradient"
cardStyle="glass-depth"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
@@ -28,18 +28,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "hero"},
{
name: "Services", id: "services"},
{
name: "About", id: "about"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="SLIM"
button={{
text: "Book Appointment", href: "#contact"}}
button={{ text: "Book Appointment", href: "#contact" }}
/>
</div>
@@ -48,41 +43,13 @@ export default function LandingPage() {
title="SLIM AUTO MECHANIC"
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: "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", 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: "Marcus A.", handle: "@autoenthusiast", testimonial: "Exceptional precision and care. The best in Los Angeles.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CinHjzkjK8sS0HdPYd5H9FsiVA/uploaded-1776877328300-0rd8wza3.png?_wi=1" },
{ name: "Sarah J.", handle: "@luxe_driver", testimonial: "My sports car has never performed better. Truly high-end service.", rating: 5 },
{ name: "Robert B.", handle: "@carcollector", testimonial: "The attention to detail here is unmatched.", rating: 5 },
]}
buttons={[
{
text: "Book Now", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-modern-car-outdoors_23-2148510599.jpg?_wi=2"
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/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/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"},
]}
avatarText="Trusted by over 500+ luxury vehicle owners"
buttons={[{ text: "Book Now", href: "#contact" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CinHjzkjK8sS0HdPYd5H9FsiVA/uploaded-1776877328300-0rd8wza3.png?_wi=2"
imageAlt="Luxury car service studio"
/>
</div>
@@ -90,53 +57,37 @@ export default function LandingPage() {
<FeatureBento
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
useInvertedBackground={true}
features={[
{
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,
},
{
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,
},
{ title: "Diagnostics", description: "Advanced computer diagnostics for luxury platforms.", bentoComponent: "reveal-icon", icon: Settings },
{ title: "Engine Repair", description: "Expert engine reconstruction and performance tuning.", bentoComponent: "reveal-icon", icon: Wrench },
{ title: "Precision Brakes", description: "High-performance braking system maintenance.", bentoComponent: "reveal-icon", icon: Gauge },
]}
title="OUR SERVICES"
description="Experience superior automotive care with our professional, precision-focused services."
description="Excellence in every mechanical detail."
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
useInvertedBackground={false}
title="PASSION. SKILL. DEDICATION."
description={[
"We are car enthusiasts providing elite service with transparent, premium care. Quality is our baseline."]}
buttons={[
{
text: "Learn More", href: "#"},
]}
description={["We believe in preserving the engineering excellence of your vehicle. Our studio delivers bespoke care for automotive enthusiasts."]}
/>
</div>
<div id="tagline" data-section="tagline">
<ContactText
useInvertedBackground={true}
background={{
variant: "plain"}}
text="PRECISION. PERFORMANCE. PERFECTION. EXCELLENCE IN EVERY DETAIL."
background={{ variant: "gradient-bars" }}
text="LUXURY AUTOMOTIVE PERFORMANCE."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "canvas-reveal"}}
background={{ variant: "canvas-reveal" }}
text="BOOK YOUR APPOINTMENT. 1234 Luxe Drive, Los Angeles, CA. Mon-Fri 9am-6pm."
/>
</div>
@@ -144,30 +95,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Diagnostics", href: "#"},
{
label: "Engine Repair", href: "#"},
],
},
{
items: [
{
label: "About", href: "#"},
{
label: "Contact", href: "#"},
],
},
{
items: [
{
label: "Los Angeles, CA", href: "#"},
{
label: "(555) 123-4567", href: "#"},
],
},
{ items: [{ label: "Diagnostics" }, { label: "Engine Repair" }] },
{ items: [{ label: "About" }, { label: "Contact" }] },
{ items: [{ label: "Los Angeles, CA" }, { label: "(555) 123-4567" }] },
]}
logoText="SLIM"
/>
@@ -175,4 +105,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}