Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -19,8 +19,8 @@ export default function LandingPage() {
         contentWidth="small"
         sizing="largeSmall"
         background="fluid"
-        cardStyle="inset"
+        cardStyle="glass-depth"
-        primaryButtonStyle="gradient"
+        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: "Home",          id: "hero"},
+        { name: "Services", id: "services" },
-        {
+        { name: "About", id: "about" },
-          name: "Services",          id: "services"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="SLIM"
-      button={{
+      button={{ text: "Book Appointment", href: "#contact" }}
-        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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CinHjzkjK8sS0HdPYd5H9FsiVA/uploaded-1776877328300-0rd8wza3.png?_wi=1" },
-          name: "Marcus A.",          handle: "@autoenthusiast",          testimonial: "Exceptional precision and care. The best in Los Angeles.",          rating: 5,
+        { 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-photo/front-view-modern-car-outdoors_23-2148510599.jpg?_wi=1",          imageAlt: "luxury sports car dark studio"},
+        { name: "Robert B.", handle: "@carcollector", testimonial: "The attention to detail here is unmatched.", rating: 5 },
-        {
-          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"},
       ]}
-      buttons={[
+      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"
-          text: "Book Now",          href: "#contact"},
+      imageAlt="Luxury car service studio"
-      ]}
-      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"
     />
   </div>
 
@@ -90,53 +57,37 @@ export default function LandingPage() {
       <FeatureBento
       animationType="blur-reveal"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       features={[
-        {
+        { title: "Diagnostics", description: "Advanced computer diagnostics for luxury platforms.", bentoComponent: "reveal-icon", icon: Settings },
-          title: "Diagnostics",          description: "State-of-the-art computer diagnostic scanning.",          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: "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="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={[
+      description={["We believe in preserving the engineering excellence of your vehicle. Our studio delivers bespoke care for automotive enthusiasts."]}
-        "We are car enthusiasts providing elite service with transparent, premium care. Quality is our baseline."]}
-      buttons={[
-        {
-          text: "Learn More",          href: "#"},
-      ]}
     />
   </div>
 
   <div id="tagline" data-section="tagline">
       <ContactText
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "plain"}}
+      text="LUXURY AUTOMOTIVE PERFORMANCE."
-      text="PRECISION. PERFORMANCE. PERFECTION. EXCELLENCE IN EVERY DETAIL."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "canvas-reveal" }}
-        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" }, { label: "Engine Repair" }] },
-          items: [
+        { items: [{ label: "About" }, { label: "Contact" }] },
-            {
+        { items: [{ label: "Los Angeles, CA" }, { label: "(555) 123-4567" }] },
-              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: "#"},
-          ],
-        },
       ]}
       logoText="SLIM"
     />