Add src/app/shop/page.tsx

2026-04-19 13:58:10 +00:00
parent 9380f639a8
commit ba14b29818
1 changed files with 58 additions and 0 deletions
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -0,0 +1,58 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="largeSmall"
+        background="noise"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Shop", id: "/shop" },
+            { name: "About", id: "/#about" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="Aura"
+        />
+        
+        <div className="pt-32 pb-20">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Urban Hoodie", price: "$120.00", variant: "Sale", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-white-hoodie_23-2149359843.jpg" },
+              { id: "p2", name: "Silk Dress", price: "$350.00", variant: "New", imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-presenting-soft-cotton-plain-gray-sweatshirt-with-black-jeans-isolated-white_346278-965.jpg" },
+              { id: "p3", name: "Classic Trousers", price: "$180.00", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/young-blond-woman-white-long-dress-posing-smoking-cigarette_613910-11002.jpg" },
+              { id: "p4", name: "Minimalist Coat", price: "$450.00", variant: "Sale", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-woman-with-walking-urban-city-business-street-dressed-warm-brown-coat-blue-suit-spring-autumn-trendy-fashion-street-style-wearing-sunglasses_285396-7140.jpg" },
+            ]}
+            title="All Products"
+            description="Shop our entire collection."
+          />
+        </div>
+
+        <FooterBaseCard 
+          logoText="AURA"
+          columns={[{ title: "Shop", items: [{ label: "Return Home", href: "/" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}