From 0e1a0788f900b2a3b3cb2418b2cd91d9242d0d30 Mon Sep 17 00:00:00 2001
From: development <mulikavj@gmail.com>
Date: Mon, 2 Feb 2026 14:32:09 +0000
Subject: [PATCH] Add src/app/shop/page.tsx

---
 src/app/shop/page.tsx | 100 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 100 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..1759cdb
--- /dev/null
+++ b/src/app/shop/page.tsx
@@ -0,0 +1,100 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Sparkles, Instagram, Twitter, Facebook } from "lucide-react";
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="slide-background"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="small"
+      sizing="mediumSizeLargeTitles"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="Skunk"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "products" },
+            { name: "About", id: "about" },
+            { name: "Why Us", id: "features" },
+            { name: "Reviews", id: "testimonials" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{
+            text: "Shop Now",            href: "products"
+          }}
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardFour
+          title="Complete Fragrance Collection"
+          description="Explore our entire range of luxury fragrances. Each scent tells a story of craftsmanship and elegance."
+          tag="Featured"
+          tagIcon={Sparkles}
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          products={[
+            {
+              id: "1",              name: "Skunk Midnight",              price: "$189",              variant: "100ml - Deep Amber",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg",              imageAlt: "Skunk Midnight fragrance"
+            },
+            {
+              id: "2",              name: "Skunk Essence",              price: "$165",              variant: "100ml - Fresh Green",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337694.jpg",              imageAlt: "Skunk Essence fragrance"
+            },
+            {
+              id: "3",              name: "Skunk Reverie",              price: "$175",              variant: "100ml - Floral Musk",              imageSrc: "https://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669115.jpg",              imageAlt: "Skunk Reverie fragrance"
+            },
+            {
+              id: "4",              name: "Skunk Vesper",              price: "$195",              variant: "100ml - Oriental Wood",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg",              imageAlt: "Skunk Vesper fragrance"
+            },
+            {
+              id: "5",              name: "Skunk Aurora",              price: "$179",              variant: "100ml - Citrus Floral",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337694.jpg",              imageAlt: "Skunk Aurora fragrance"
+            },
+            {
+              id: "6",              name: "Skunk Luxe",              price: "$209",              variant: "100ml - Precious Oud",              imageSrc: "https://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669115.jpg",              imageAlt: "Skunk Luxe fragrance"
+            }
+          ]}
+          buttons={[
+            {
+              text: "View Details",              href: "#"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Skunk"
+          copyrightText="© 2025 Skunk Parfums. Crafted with passion and precision."
+          socialLinks={[
+            {
+              icon: Instagram,
+              href: "https://instagram.com/skunkparfums",              ariaLabel: "Follow Skunk on Instagram"
+            },
+            {
+              icon: Twitter,
+              href: "https://twitter.com/skunkparfums",              ariaLabel: "Follow Skunk on Twitter"
+            },
+            {
+              icon: Facebook,
+              href: "https://facebook.com/skunkparfums",              ariaLabel: "Like Skunk on Facebook"
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}