Add src/app/products/page.tsx
This commit is contained in:
56
src/app/products/page.tsx
Normal file
56
src/app/products/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user