From 2df04217b605f8aab14fa012fc8db960579d18f2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 21 Mar 2026 10:06:41 +0000
Subject: [PATCH] Add src/app/shop/page.tsx

---
 src/app/shop/page.tsx | 113 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 113 insertions(+)
 create mode 100644 src/app/shop/page.tsx

diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
new file mode 100644
index 0000000..9d5f223
--- /dev/null
+++ b/src/app/shop/page.tsx
@@ -0,0 +1,113 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { ShoppingCart } from 'lucide-react';
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumSizeLargeTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="OAC"
+          navItems={[
+            { name: "Shop", id: "catalog" },
+            { name: "Tournament", id: "tournament" },
+            { name: "Gallery", id: "gallery" },
+            { name: "Community", id: "community" },
+            { name: "Power Stats", id: "power-stats" }
+          ]}
+          button={{ text: "Cart", href: "/cart" }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Merchandise Store"
+          description="Discover premium official merchandise from Odisha Anime Club. From apparel to collectibles, find everything you need to represent your power level."
+          tag="Shop Now"
+          tagIcon={ShoppingCart}
+          tagAnimation="blur-reveal"
+          buttons={[
+            { text: "Browse Catalog", href: "#catalog" },
+            { text: "View Cart", href: "/cart" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-vector/abstract-modern-technology-with-sphere-glowing-particles_1048-12742.jpg"
+          imageAlt="Merchandise store showcase"
+          showDimOverlay={false}
+          showBlur={true}
+          ariaLabel="Shop Hero Section"
+        />
+      </div>
+
+      <div id="catalog" data-section="catalog">
+        <ProductCardFour
+          title="Complete Merchandise Catalog"
+          description="Explore our full collection of premium anime merchandise. Every product is carefully curated and verified for authenticity and quality."
+          tag="All Products"
+          tagIcon={ShoppingCart}
+          tagAnimation="blur-reveal"
+          products={[
+            {
+              id: "merch-hoodie",              name: "Power Hoodie",              price: "$49.99",              variant: "Premium Cotton Blend",              imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-street-style-outfits_114579-17694.jpg",              imageAlt: "Power Hoodie Premium Cotton Blend"
+            },
+            {
+              id: "merch-tshirt",              name: "Elite T-Shirt",              price: "$24.99",              variant: "Limited Edition Print",              imageSrc: "http://img.b2bpic.net/free-photo/blondish-girl-holding-chalkboard_23-2147925908.jpg",              imageAlt: "Elite T-Shirt Limited Edition"
+            },
+            {
+              id: "merch-cap",              name: "Champion Cap",              price: "$19.99",              variant: "Adjustable Fit",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478939.jpg",              imageAlt: "Champion Cap Adjustable Fit"
+            },
+            {
+              id: "merch-badges",              name: "Tournament Badge Set",              price: "$14.99",              variant: "Collectible 5-Piece Set",              imageSrc: "http://img.b2bpic.net/free-vector/video-game-characters-tier-list_742173-3466.jpg?_wi=1",              imageAlt: "Tournament Badge Collectible Set"
+            },
+            {
+              id: "merch-poster",              name: "Power Level Poster",              price: "$9.99",              variant: "A3 Size 300gsm Paper",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-smiling-grey-t-shirt-front-view_176474-16115.jpg",              imageAlt: "Power Level Poster A3 Size"
+            },
+            {
+              id: "merch-bottle",              name: "Signature Water Bottle",              price: "$34.99",              variant: "Double-Wall Insulated",              imageSrc: "http://img.b2bpic.net/free-photo/man-having-video-call-with-his-family_23-2149120896.jpg",              imageAlt: "Signature Water Bottle Double-Wall Insulated"
+            },
+            {
+              id: "merch-mug",              name: "Elite Mug",              price: "$12.99",              variant: "Ceramic 12oz",              imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586556.jpg",              imageAlt: "Elite Mug Ceramic 12oz"
+            },
+            {
+              id: "merch-keychain",              name: "Power Keychain",              price: "$7.99",              variant: "Metal Alloy",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-handsome-man_23-2148398270.jpg",              imageAlt: "Power Keychain Metal Alloy"
+            },
+            {
+              id: "merch-pin",              name: "Enamel Pin Collection",              price: "$11.99",              variant: "Limited 3-Pack",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-interracial-couple-with-white-flower-bouquet_23-2148151941.jpg",              imageAlt: "Enamel Pin Collection Limited 3-Pack"
+            }
+          ]}
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="scale-rotate"
+          textboxLayout="inline-image"
+          useInvertedBackground={false}
+          uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
+          ariaLabel="Product Catalog Section"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="OAC Command Center"
+          leftLink={{ text: "Home", href: "/" }}
+          rightLink={{ text: "Cart", href: "/cart" }}
+          ariaLabel="Footer Navigation"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file