Add src/app/inventory/page.tsx

2026-03-26 20:02:39 +00:00
parent a560be02ab
commit 8ddd98316c
1 changed files with 65 additions and 0 deletions
--- a/src/app/inventory/page.tsx
+++ b/src/app/inventory/page.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
+
+export default function InventoryPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="grid"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Inventory", id: "/inventory" },
+            ]}
+            brandName="Electric Moto"
+          />
+        </div>
+
+        <div id="inventory" data-section="inventory">
+          <ProductCatalog
+            layout="page"
+            title="Electric Motorcycle Inventory"
+            description="Discover our latest range of high-performance electric motorcycles."
+            products={[
+              {
+                id: "1",                name: "Volt Cruiser",                price: "$12,999",                rating: 5,
+                imageSrc: "https://img.b2bpic.net/free-photo/electric-motorcycle-concept_12345.jpg",                imageAlt: "Volt Cruiser Electric Motorcycle"
+              },
+              {
+                id: "2",                name: "Lightning Sport",                price: "$15,499",                rating: 5,
+                imageSrc: "https://img.b2bpic.net/free-photo/sport-electric-motorcycle_67890.jpg",                imageAlt: "Lightning Sport Electric Motorcycle"
+              },
+              {
+                id: "3",                name: "Eco Commuter",                price: "$8,999",                rating: 4,
+                imageSrc: "https://img.b2bpic.net/free-photo/eco-commuter-bike_11223.jpg",                imageAlt: "Eco Commuter Motorcycle"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Electric Moto"
+            copyrightText="© 2025 | Electric Motorcycle Specialists"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}