src/app/product/[id]/page.tsx

@@ -2,12 +2,28 @@
 
 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"
@@ -24,24 +40,7 @@ export default function LandingPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleApple
-      navItems={[
+            navItems={navItems}
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About Us",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
             brandName="NEXORA FASHION"
           />
         </div>
@@ -51,17 +50,14 @@ export default function LandingPage() {
             useInvertedBackground={true}
             title="Luxury Black Dress - Product Details"
             buttons={[
-        {
+              { text: "Add to Cart", href: "#" },
-          text: "Add to Cart",
+              { text: "Buy Now", href: "#" },
-          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."
           />
+          {/* 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">
@@ -71,54 +67,12 @@ export default function LandingPage() {
             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: "r1",
+              { 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" },
-          name: "Gold Statement Necklace",
+              { 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" },
-          price: "$800",
+              { 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" },
-          variant: "Accessories",
+              { 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" },
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414739.jpg",
+              { 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" }
-          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."
@@ -130,66 +84,27 @@ export default function LandingPage() {
             logoText="NEXORA FASHION"
             columns={[
               {
-          title: "Shop",
+                title: "Shop",                items: [
-          items: [
+                  { label: "Men's Clothing", href: "/shop" },
-            {
+                  { label: "Women's Clothing", href: "/shop" },
-              label: "Men's Clothing",
+                  { label: "Shoes", href: "/shop" },
-              href: "/shop",
+                  { label: "Accessories", href: "/shop" },
-            },
+                  { label: "New Arrivals", href: "/shop" },
-            {
-              label: "Women's Clothing",
-              href: "/shop",
-            },
-            {
-              label: "Shoes",
-              href: "/shop",
-            },
-            {
-              label: "Accessories",
-              href: "/shop",
-            },
-            {
-              label: "New Arrivals",
-              href: "/shop",
-            },
                 ],
               },
               {
-          title: "Company",
+                title: "Company",                items: [
-          items: [
+                  { label: "About Us", href: "/about" },
-            {
+                  { label: "Our Team", href: "/about#team" },
-              label: "About Us",
+                  { label: "Contact", href: "/contact" },
-              href: "/about",
+                  { label: "Careers", href: "#" },
-            },
-            {
-              label: "Our Team",
-              href: "/about#team",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
                 ],
               },
               {
-          title: "Legal",
+                title: "Legal",                items: [
-          items: [
+                  { label: "Privacy Policy", href: "#" },
-            {
+                  { label: "Terms of Service", href: "#" },
-              label: "Privacy Policy",
+                  { label: "Returns & Refunds", href: "#" },
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-            {
-              label: "Returns & Refunds",
-              href: "#",
-            },
                 ],
               },
             ]}