From 4e484a5ca86ad3666b0df96091bd26f8ad9705a3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 10 Jun 2026 11:29:14 +0000
Subject: [PATCH] Update src/app/product/[id]/page.tsx

---
 src/app/product/[id]/page.tsx | 283 ++++++++++++----------------------
 1 file changed, 99 insertions(+), 184 deletions(-)

diff --git a/src/app/product/[id]/page.tsx b/src/app/product/[id]/page.tsx
index 4522949..3bfcf5a 100644
--- a/src/app/product/[id]/page.tsx
+++ b/src/app/product/[id]/page.tsx
@@ -2,200 +2,115 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import TextAbout from '@/components/sections/about/TextAbout';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 
-export default function LandingPage() {
+export default function ProductDetailsPage({ params }: { params: { id: string } }) {
+  const navItems = [
+    {
+      name: "Home",      id: "/"
+    },
+    {
+      name: "Shop",      id: "/shop"
+    },
+    {
+      name: "About Us",      id: "/about"
+    },
+    {
+      name: "Contact",      id: "/contact"
+    }
+  ];
+
+  // Using the theme props from the provided /about/page.tsx as a consistent baseline
   return (
     <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="mediumLarge"
-        sizing="largeSmallSizeMediumTitles"
-        background="blurBottom"
-        cardStyle="gradient-radial"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="normal"
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="largeSmallSizeMediumTitles"
+      background="blurBottom"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About Us",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="NEXORA FASHION"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={navItems}
+            brandName="NEXORA FASHION"
+          />
+        </div>
 
-  <div id="product-description" data-section="product-description">
-      <TextAbout
-      useInvertedBackground={true}
-      title="Luxury Black Dress - Product Details"
-      buttons={[
-        {
-          text: "Add to Cart",
-          href: "#",
-        },
-        {
-          text: "Buy Now",
-          href: "#",
-        },
-      ]}
-      description="Experience the epitome of elegance with our meticulously crafted black dress. Made from premium silk, it offers a timeless silhouette and unparalleled comfort. Available in multiple sizes (XS, S, M, L, XL) and colors (Black, Gold, White), designed to flatter every figure. Features intricate gold embroidery and a subtle back slit for refined appeal."
-    />
-  </div>
+        <div id="product-description" data-section="product-description">
+          <TextAbout
+            useInvertedBackground={true}
+            title="Luxury Black Dress - Product Details"
+            buttons={[
+              { text: "Add to Cart", href: "#" },
+              { text: "Buy Now", href: "#" },
+            ]}
+          />
+          {/* Moved description to inline JSX as 'description' prop does not exist on TextAboutProps */}
+          <p className="mt-4 text-base text-gray-700 dark:text-gray-300 max-w-2xl mx-auto text-center">
+            Experience the epitome of elegance with our meticulously crafted black dress. Made from premium silk, it offers a timeless silhouette and unparalleled comfort. Available in multiple sizes (XS, S, M, L, XL) and colors (Black, Gold, White), designed to flatter every figure. Features intricate gold embroidery and a subtle back slit for refined appeal.
+          </p>
+        </div>
 
-  <div id="related-products" data-section="related-products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "r1",
-          name: "Gold Statement Necklace",
-          price: "$800",
-          variant: "Accessories",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414739.jpg",
-          imageAlt: "Gold necklace",
-        },
-        {
-          id: "r2",
-          name: "Men's Silk Tie",
-          price: "$250",
-          variant: "Accessories",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-fashionable-guy-dressed-white-shirt-shorts-sitting-skateboard-bridge-looking-away_613910-4505.jpg",
-          imageAlt: "Silk tie",
-        },
-        {
-          id: "r3",
-          name: "Women's Leather Gloves",
-          price: "$380",
-          variant: "Accessories",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-casual-outfit-by-business-center_1303-20480.jpg",
-          imageAlt: "Leather gloves",
-        },
-        {
-          id: "r4",
-          name: "Men's Dress Shoes",
-          price: "$950",
-          variant: "Shoes",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45690.jpg",
-          imageAlt: "Men's dress shoes",
-        },
-        {
-          id: "r5",
-          name: "Women's Cocktail Ring",
-          price: "$420",
-          variant: "Jewelry",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-fashionable-young-woman-sitting-sofa-looking-camera_23-2148130402.jpg",
-          imageAlt: "Cocktail ring",
-        },
-        {
-          id: "r6",
-          name: "Men's Blazer",
-          price: "$1100",
-          variant: "Men's Apparel",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11483.jpg",
-          imageAlt: "Men's blazer",
-        },
-      ]}
-      title="You Might Also Like"
-      description="Complement your selection with these exquisite pieces from our curated collection."
-    />
-  </div>
+        <div id="related-products" data-section="related-products">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "r1", name: "Gold Statement Necklace", price: "$800", variant: "Accessories", imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414739.jpg", imageAlt: "Gold necklace" },
+              { id: "r2", name: "Men's Silk Tie", price: "$250", variant: "Accessories", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-fashionable-guy-dressed-white-shirt-shorts-sitting-skateboard-bridge-looking-away_613910-4505.jpg", imageAlt: "Silk tie" },
+              { id: "r3", name: "Women's Leather Gloves", price: "$380", variant: "Accessories", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-casual-outfit-by-business-center_1303-20480.jpg", imageAlt: "Leather gloves" },
+              { id: "r4", name: "Men's Dress Shoes", price: "$950", variant: "Shoes", imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45690.jpg", imageAlt: "Men's dress shoes" },
+              { id: "r5", name: "Women's Cocktail Ring", price: "$420", variant: "Jewelry", imageSrc: "http://img.b2bpic.net/free-photo/attractive-fashionable-young-woman-sitting-sofa-looking-camera_23-2148130402.jpg", imageAlt: "Cocktail ring" },
+              { id: "r6", name: "Men's Blazer", price: "$1100", variant: "Men's Apparel", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11483.jpg", imageAlt: "Men's blazer" }
+            ]}
+            title="You Might Also Like"
+            description="Complement your selection with these exquisite pieces from our curated collection."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="NEXORA FASHION"
-      columns={[
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "Men's Clothing",
-              href: "/shop",
-            },
-            {
-              label: "Women's Clothing",
-              href: "/shop",
-            },
-            {
-              label: "Shoes",
-              href: "/shop",
-            },
-            {
-              label: "Accessories",
-              href: "/shop",
-            },
-            {
-              label: "New Arrivals",
-              href: "/shop",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Our Team",
-              href: "/about#team",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-            {
-              label: "Returns & Refunds",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 NEXORA FASHION. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="NEXORA FASHION"
+            columns={[
+              {
+                title: "Shop",                items: [
+                  { label: "Men's Clothing", href: "/shop" },
+                  { label: "Women's Clothing", href: "/shop" },
+                  { label: "Shoes", href: "/shop" },
+                  { label: "Accessories", href: "/shop" },
+                  { label: "New Arrivals", href: "/shop" },
+                ],
+              },
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "/about" },
+                  { label: "Our Team", href: "/about#team" },
+                  { label: "Contact", href: "/contact" },
+                  { label: "Careers", href: "#" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                  { label: "Returns & Refunds", href: "#" },
+                ],
+              },
+            ]}
+            copyrightText="© 2024 NEXORA FASHION. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1