Add src/app/shop/page.tsx

2026-05-10 06:49:05 +00:00
parent 1d08d13f1e
commit ee8ce5482c
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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="small"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "hero" },
+            { name: "Onze Troeven", id: "troeven" },
+            { name: "Shop", id: "/shop" },
+            { name: "Galerij", id: "galerij" },
+            { name: "Contact", id: "contact" },
+          ]}
+          brandName="Frituur Op Den Hoek"
+          bottomLeftText="Openingsuren: Di-Zo 11:30 - 22:00"
+          bottomRightText="Tongeren"
+        />
+        
+        <div className="pt-32 pb-20">
+          <ProductCardTwo
+            title="Shop Onze Accessoires"
+            description="Bekijk onze collectie kwalitatieve accessoires en telefoonhoesjes."
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            products={[
+              { id: "a1", brand: "Accessory", name: "Siliconen Hoesje - Zwart", price: "19.99€", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/silicone-phone-case-black_123.jpg" },
+              { id: "a2", brand: "Accessory", name: "Screen Protector - Glas", price: "14.99€", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/glass-screen-protector_456.jpg" },
+            ]}
+          />
+        </div>
+
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-near-shop_23-2149488667.jpg"
+          logoText="Frituur Op Den Hoek"
+          columns={[]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}