Update src/app/inventory/page.tsx

Merge version_6 into main

src/app/inventory/page.tsx

@@ -0,0 +1,66 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function InventoryPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Inventory", id: "/inventory" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Ben Auto Sales"
+          />
+        </div>
+
+        <div id="inventory" data-section="inventory">
+          <ProductCardNineteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Catalog Collection"
+            description="Discover our exclusive catalog of performance luxury vehicles."
+            features={[
+              { tag: "2023 Executive", title: "BMW 7 Series", subtitle: "$85,000", description: "Experience the epitome of comfort and performance.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080212.jpg" },
+              { tag: "2024 Prestige", title: "Genesis G90", subtitle: "$92,000", description: "Unmatched elegance in every detail.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861920.jpg" },
+              { tag: "2022 Custom", title: "Rolls-Royce Ghost", subtitle: "$340,000", description: "The pinnacle of automotive luxury.", imageSrc: "http://img.b2bpic.net/free-photo/wall-glass_1127-2093.jpg" },
+              { tag: "2023 Luxury", title: "Mercedes S-Class", subtitle: "$110,000", description: "Setting the gold standard for executive travel.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797749.jpg" },
+              { tag: "2023 Sport", title: "Audi A8", subtitle: "$88,000", description: "Dynamic handling meets modern sophistication.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106139.jpg" },
+              { tag: "2024 Ultimate", title: "Bentley Flying Spur", subtitle: "$210,000", description: "Where performance meets bespoke craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797643.jpg" }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Ben Auto Sales"
+            columns={[
+              { title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Inventory", href: "/inventory" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -35,7 +35,7 @@ export default function LandingPage() {
         { name: "Home", id: "home" },
         { name: "Stats", id: "stats" },
         { name: "Featured", id: "featured" },
-        { name: "Inventory", id: "inventory" },
+        { name: "Inventory", id: "/inventory" },
         { name: "About", id: "about" },
         { name: "Team", id: "team" },
         { name: "Testimonial", id: "testimonial" },
@@ -56,7 +56,7 @@ export default function LandingPage() {
         { name: "Sarah P.", handle: "@sarahp", testimonial: "Attention to detail is unmatched. I won't buy a car anywhere else.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg" },
         { name: "David W.", handle: "@davidw", testimonial: "The professionalism here is simply outstanding.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg" }
       ]}
-      buttons={[{ text: "Browse Inventory", href: "#inventory" }, { text: "Book Test Drive", href: "#contact" }]}
+      buttons={[{ text: "Browse Inventory", href: "/inventory" }, { text: "Book Test Drive", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434336.jpg"
       imageAlt="Luxury car showroom"
       avatars={[
@@ -98,25 +98,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="inventory" data-section="inventory">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        { id: "c1", name: "BMW 7 Series", price: "$85,000", variant: "2023 Executive", imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080212.jpg" },
-        { id: "c2", name: "Genesis G90", price: "$92,000", variant: "2024 Prestige", imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861920.jpg" },
-        { id: "c3", name: "Rolls-Royce Ghost", price: "$340,000", variant: "2022 Custom", imageSrc: "http://img.b2bpic.net/free-photo/wall-glass_1127-2093.jpg" },
-        { id: "c4", name: "Mercedes S-Class", price: "$110,000", variant: "2023 Luxury", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797749.jpg" },
-        { id: "c5", name: "Audi A8", price: "$88,000", variant: "2023 Sport", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106139.jpg" },
-        { id: "c6", name: "Bentley Flying Spur", price: "$210,000", variant: "2024 Ultimate", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797643.jpg" }
-      ]}
-      title="Our Inventory"
-      description="Explore our collection of premium vehicles, meticulously maintained and ready for their next journey."
-    />
-  </div>
-
   <div id="about" data-section="about">
       <AboutMetric
       useInvertedBackground={false}
@@ -179,7 +160,7 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Ben Auto Sales"
       columns={[
-        { title: "Navigate", items: [{ label: "Home", href: "#home" }, { label: "Inventory", href: "#inventory" }, { label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
+        { title: "Navigate", items: [{ label: "Home", href: "#home" }, { label: "Inventory", href: "/inventory" }, { label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
         { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
       ]}
     />

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #121212;
-  --foreground: #f5f5f5;
-  --primary-cta: #d4af37;
-  --primary-cta-text: #000000;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffff;
-  --accent: #333333;
-  --background-accent: #1a1a1a;
+  --background: #f5f5f5;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1c1c1c;
+  --primary-cta-text: #f5f5f5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #15479c;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);