Add src/app/products/page.tsx

2026-04-19 01:36:54 +00:00
parent af2e24b136
commit df55ce3af7
1 changed files with 56 additions and 0 deletions
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -0,0 +1,56 @@
+"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';
+import { Instagram, Twitter } from "lucide-react";
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Ana Sayfa", id: "/" },
+            { name: "Ürünler", id: "/products" },
+          ]}
+          brandName="Melody Baku"
+        />
+        <main className="pt-32 pb-20">
+          <ProductCatalog 
+            layout="page" 
+            products={[
+                { id: "p1", name: "Professional Headphones", price: "199$", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bass-guitar-player-stage-with-set-distortion-effect-pedals_169016-13128.jpg" },
+                { id: "p2", name: "Synth Keyboard", price: "499$", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/audio-technician-working-recording-editing-new-music-studio_482257-93653.jpg" },
+                { id: "p3", name: "Monitor Speakers", price: "299$", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/sound-mixer-studio_107420-64845.jpg" },
+                { id: "p4", name: "Condenser Microphone", price: "150$", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/creative-musician-singing-guitar-professional-studio-control-room_482257-122299.jpg" },
+                { id: "p5", name: "Pro Audio Interface", price: "350$", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-loft-studio_482257-121062.jpg" },
+                { id: "p6", name: "Mixing Fader Set", price: "899$", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/digital-mixer-recording-studio-with-computer-recording-sounds-music-concept-creativity-show-business_169016-2284.jpg" },
+            ]}
+          />
+        </main>
+        <FooterCard
+          logoText="Melody Baku"
+          copyrightText="© 2025 Melody Baku | Tüm Hakları Saklıdır"
+          socialLinks={[
+            { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+            { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}