Add src/app/products/[id]/page.tsx
This commit is contained in:
49
src/app/products/[id]/page.tsx
Normal file
49
src/app/products/[id]/page.tsx
Normal file
@@ -0,0 +1,49 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function ProductDetailPage() {
|
||||
const navLinks = [
|
||||
{ name: "Ana Sayfa", id: "/" },
|
||||
{ name: "Keşfet", id: "/explore" },
|
||||
{ name: "Hakkımızda", id: "/#about" },
|
||||
{ name: "İletişim", id: "/#contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleFullscreen navItems={navLinks} brandName="Neşve Cafe" />
|
||||
<div className="pt-32 pb-16 px-4">
|
||||
<ProductDetailCard
|
||||
layout="page"
|
||||
name="Türk Kahvesi"
|
||||
price="₺45"
|
||||
description="Geleneksel yöntemlerle ağır ateşte hazırlanan, köpüklü ve eşsiz lezzetiyle Türk Kahvesi."
|
||||
images={[{ src: "http://img.b2bpic.net/free-photo/cup-coffee-latte-wood-table-coffee-shop-cafe_1150-12757.jpg?_wi=1", alt: "Türk Kahvesi" }]}
|
||||
buttons={[{ text: "Sepete Ekle" }]}
|
||||
/>
|
||||
</div>
|
||||
<FooterMedia
|
||||
logoText="Neşve Cafe"
|
||||
columns={[{ title: "Bize Ulaşın", items: [{ label: "Eski Edirne Asf. No:540/A", href: "#" }] }]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user