Update src/app/page.tsx

Merge version_1 into main

src/app/menu/page.tsx

@@ -0,0 +1,108 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import ProductCardOne from "@/components/sections/product/ProductCardOne";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="circleGradient"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="ChickenBox"
+          navItems={[
+            { name: "Menu", id: "/menu" },
+            { name: "Product Details", id: "/product-details" },
+            { name: "About", id: "about" },
+            { name: "Location", id: "location" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="menu" data-section="menu">
+        <ProductCardOne
+          title="Complete Menu"
+          description="Explore all our delicious offerings. Fresh, crispy fried chicken prepared to perfection. Choose from our signature boxes, sandwiches, meals, and sides."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          products={[
+            {
+              id: "1",              name: "Classic Chicken Box",              price: "₤50",              imageSrc: "http://img.b2bpic.net/free-photo/roasted-chicken-legs-wings-wooden-board-with-lettuce-pepper-high-quality-photo_114579-69091.jpg?_wi=2",              imageAlt: "Crispy fried chicken box",              onProductClick: () => {
+                if (typeof window !== "undefined") window.location.href = "/product-details?product=1";
+              }
+            },
+            {
+              id: "2",              name: "Crispy Chicken Sandwich",              price: "₤35",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwich-with-green-salad-tomatoes-ham-inside-plate-with-french-fries_140725-29971.jpg?_wi=2",              imageAlt: "Golden fried chicken sandwich",              onProductClick: () => {
+                if (typeof window !== "undefined") window.location.href = "/product-details?product=2";
+              }
+            },
+            {
+              id: "3",              name: "Family Chicken Meal",              price: "₤60",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114450.jpg?_wi=2",              imageAlt: "Complete chicken meal combo",              onProductClick: () => {
+                if (typeof window !== "undefined") window.location.href = "/product-details?product=3";
+              }
+            },
+            {
+              id: "4",              name: "Golden Fries & Sides",              price: "₤20",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-crackers-black-pan-wooden-cutting-board-dark-horizontal_176474-4184.jpg?_wi=1",              imageAlt: "Golden crispy fries",              onProductClick: () => {
+                if (typeof window !== "undefined") window.location.href = "/product-details?product=4";
+              }
+            },
+            {
+              id: "5",              name: "Spicy Chicken Combo",              price: "₤55",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-with-copy-space_23-2148454892.jpg?_wi=2",              imageAlt: "Spicy chicken combo",              onProductClick: () => {
+                if (typeof window !== "undefined") window.location.href = "/product-details?product=5";
+              }
+            },
+            {
+              id: "6",              name: "Chicken Wings Special",              price: "₤40",              imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-crispy-fried-chicken-with-mayonnaise-ketchup_140725-54247.jpg?_wi=2",              imageAlt: "Crispy chicken wings",              onProductClick: () => {
+                if (typeof window !== "undefined") window.location.href = "/product-details?product=6";
+              }
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Quick Links",              items: [
+                { label: "Menu", href: "/menu" },
+                { label: "Home", href: "/" },
+                { label: "Product Details", href: "/product-details" }
+              ]
+            },
+            {
+              title: "Contact",              items: [
+                { label: "Call: 01100016162", href: "tel:01100016162" },
+                { label: "306 Corniche Street", href: "#" },
+                { label: "El Tor, South Sinai", href: "#" }
+              ]
+            },
+            {
+              title: "Info",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Contact Us", href: "tel:01100016162" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 ChickenBox | Crispy Chicken, Fast Service"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -29,7 +29,8 @@ export default function LandingPage() {
         <NavbarStyleApple
           brandName="ChickenBox"
           navItems={[
-            { name: "Menu", id: "menu" },
+            { name: "Menu", id: "/menu" },
+            { name: "Product Details", id: "/product-details" },
             { name: "About", id: "about" },
             { name: "Location", id: "location" },
             { name: "Contact", id: "contact" }
@@ -49,16 +50,16 @@ export default function LandingPage() {
               imageSrc: "http://img.b2bpic.net/free-photo/side-view-french-fries-cardboard-bag-with-ketchup-wooden-cutting-board_140725-11930.jpg?_wi=1",              imageAlt: "Fresh crispy fried chicken"
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-crispy-fried-chicken-with-mayonnaise-ketchup_140725-54247.jpg",              imageAlt: "Golden fried chicken meal"
+              imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-crispy-fried-chicken-with-mayonnaise-ketchup_140725-54247.jpg?_wi=1",              imageAlt: "Golden fried chicken meal"
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-with-copy-space_23-2148454892.jpg",              imageAlt: "Delicious chicken combo"
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-with-copy-space_23-2148454892.jpg?_wi=1",              imageAlt: "Delicious chicken combo"
             }
           ]}
           mediaAnimation="none"
           buttons={[
             { text: "Call to Order", href: "tel:01100016162" },
-            { text: "View Menu", href: "#menu" }
+            { text: "View Menu", href: "/menu" }
           ]}
         />
       </div>
@@ -66,7 +67,7 @@ export default function LandingPage() {
       <div id="call-to-order" data-section="call-to-order">
         <FeatureCardEight
           title="Order In Three Easy Steps"
-          description="We've made ordering from ChickenBox as simple as possible. Just pick up the phone, tell us what you want, and we'll have your meal ready fast."
+          description="We have made ordering from ChickenBox as simple as possible. Just pick up the phone, tell us what you want, and we will have your meal ready fast."
           textboxLayout="default"
           useInvertedBackground={false}
           features={[
@@ -96,16 +97,24 @@ export default function LandingPage() {
           gridVariant="three-columns-all-equal-width"
           products={[
             {
-              id: "1",              name: "Chicken Box",              price: "₤50",              imageSrc: "http://img.b2bpic.net/free-photo/roasted-chicken-legs-wings-wooden-board-with-lettuce-pepper-high-quality-photo_114579-69091.jpg?_wi=2",              imageAlt: "Crispy fried chicken box"
+              id: "1",              name: "Chicken Box",              price: "₤50",              imageSrc: "http://img.b2bpic.net/free-photo/roasted-chicken-legs-wings-wooden-board-with-lettuce-pepper-high-quality-photo_114579-69091.jpg?_wi=2",              imageAlt: "Crispy fried chicken box",              onProductClick: () => {
+                if (typeof window !== "undefined") window.location.href = "/product-details?product=1";
+              }
             },
             {
-              id: "2",              name: "Chicken Sandwich",              price: "₤35",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwich-with-green-salad-tomatoes-ham-inside-plate-with-french-fries_140725-29971.jpg",              imageAlt: "Golden fried chicken sandwich"
+              id: "2",              name: "Chicken Sandwich",              price: "₤35",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwich-with-green-salad-tomatoes-ham-inside-plate-with-french-fries_140725-29971.jpg?_wi=1",              imageAlt: "Golden fried chicken sandwich",              onProductClick: () => {
+                if (typeof window !== "undefined") window.location.href = "/product-details?product=2";
+              }
             },
             {
-              id: "3",              name: "Chicken Meal",              price: "₤60",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114450.jpg?_wi=2",              imageAlt: "Complete chicken meal combo"
+              id: "3",              name: "Chicken Meal",              price: "₤60",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114450.jpg?_wi=2",              imageAlt: "Complete chicken meal combo",              onProductClick: () => {
+                if (typeof window !== "undefined") window.location.href = "/product-details?product=3";
+              }
             },
             {
-              id: "4",              name: "Fries & Sides",              price: "₤20",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-crackers-black-pan-wooden-cutting-board-dark-horizontal_176474-4184.jpg?_wi=1",              imageAlt: "Golden crispy fries"
+              id: "4",              name: "Fries & Sides",              price: "₤20",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-crackers-black-pan-wooden-cutting-board-dark-horizontal_176474-4184.jpg?_wi=1",              imageAlt: "Golden crispy fries",              onProductClick: () => {
+                if (typeof window !== "undefined") window.location.href = "/product-details?product=4";
+              }
             }
           ]}
         />
@@ -159,10 +168,10 @@ export default function LandingPage() {
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "1",              title: "Best Fried Chicken in Town",              quote: "I've tried every chicken place in El Tor, and ChickenBox is hands down the best. Fresh, crispy, and always hot when delivered. Highly recommended!",              name: "Amira Hassan",              role: "Student",              imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg",              imageAlt: "Amira Hassan"
+              id: "1",              title: "Best Fried Chicken in Town",              quote: "I have tried every chicken place in El Tor, and ChickenBox is hands down the best. Fresh, crispy, and always hot when delivered. Highly recommended!",              name: "Amira Hassan",              role: "Student",              imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg",              imageAlt: "Amira Hassan"
             },
             {
-              id: "2",              title: "Perfect for Family Dinners",              quote: "We order from ChickenBox at least twice a week. The family loves it, the prices are fair, and they're always friendly on the phone.",              name: "Mohamed Saleh",              role: "Family Father",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",              imageAlt: "Mohamed Saleh"
+              id: "2",              title: "Perfect for Family Dinners",              quote: "We order from ChickenBox at least twice a week. The family loves it, the prices are fair, and they are always friendly on the phone.",              name: "Mohamed Saleh",              role: "Family Father",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",              imageAlt: "Mohamed Saleh"
             },
             {
               id: "3",              title: "Fast and Reliable",              quote: "As a busy professional, I love that ChickenBox is quick and reliable. One call and my meal is ready. Outstanding service every time.",              name: "Fatima Ali",              role: "Professional",              imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",              imageAlt: "Fatima Ali"
@@ -184,10 +193,10 @@ export default function LandingPage() {
           animationType="slide-up"
           faqs={[
             {
-              id: "1",              title: "Where are you located?",              content: "We're at <strong>306 Corniche Street, El Tor – South Sinai</strong>. Easy access for pickup or delivery."
+              id: "1",              title: "Where are you located?",              content: "We are at <strong>306 Corniche Street, El Tor - South Sinai</strong>. Easy access for pickup or delivery."
             },
             {
-              id: "2",              title: "What are your hours?",              content: "We're open daily from 11 AM to 11 PM. Call anytime during these hours to place your order."
+              id: "2",              title: "What are your hours?",              content: "We are open daily from 11 AM to 11 PM. Call anytime during these hours to place your order."
             },
             {
               id: "3",              title: "Do you offer delivery?",              content: "Yes, we deliver to the El Tor area. Call us at 01100016162 to arrange delivery to your location."
@@ -196,7 +205,7 @@ export default function LandingPage() {
               id: "4",              title: "What payment methods do you accept?",              content: "We accept cash on pickup or delivery. For specific questions, call us at 01100016162."
             },
             {
-              id: "5",              title: "Can I customize my order?",              content: "Absolutely! When you call, let us know any special requests or customizations, and we'll prepare exactly what you want."
+              id: "5",              title: "Can I customize my order?",              content: "Absolutely! When you call, let us know any special requests or customizations, and we will prepare exactly what you want."
             }
           ]}
         />
@@ -207,7 +216,7 @@ export default function LandingPage() {
           columns={[
             {
               title: "Quick Links",              items: [
-                { label: "Menu", href: "#menu" },
+                { label: "Menu", href: "/menu" },
                 { label: "About", href: "#about" },
                 { label: "Location", href: "#location" }
               ]
@@ -232,4 +241,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/product-details/page.tsx

@@ -0,0 +1,164 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import { useSearchParams } from "next/navigation";
+import { ShoppingCart } from "lucide-react";
+
+const productData = {
+  "1": {
+    title: "Classic Chicken Box",    description: "Our signature crispy fried chicken box - perfectly seasoned and fried to golden perfection.",    price: "₤50",    images: [
+      "http://img.b2bpic.net/free-photo/roasted-chicken-legs-wings-wooden-board-with-lettuce-pepper-high-quality-photo_114579-69091.jpg?_wi=2",      "http://img.b2bpic.net/free-photo/top-view-chicken-with-copy-space_23-2148454892.jpg",      "http://img.b2bpic.net/free-photo/vertical-view-crispy-fried-chicken-with-mayonnaise-ketchup_140725-54247.jpg"
+    ],
+    features: [
+      { id: 1, title: "Ingredients", description: "Premium quality chicken, special spice blend, fresh oil", imageSrc: "http://img.b2bpic.net/free-photo/roasted-chicken-legs-wings-wooden-board-with-lettuce-pepper-high-quality-photo_114579-69091.jpg?_wi=2", imageAlt: "Quality ingredients" },
+      { id: 2, title: "Preparation", description: "Hand-seasoned and fried fresh for every order. Never pre-made or frozen.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114450.jpg?_wi=2", imageAlt: "Preparation process" },
+      { id: 3, title: "What's Included", description: "6 pieces of crispy chicken, served with a portion of golden fries and your choice of sauce", imageSrc: "http://img.b2bpic.net/free-photo/side-view-french-fries-cardboard-bag-with-ketchup-wooden-cutting-board_140725-11930.jpg?_wi=2", imageAlt: "Box contents" }
+    ]
+  },
+  "2": {
+    title: "Crispy Chicken Sandwich",    description: "A juicy, tender chicken fillet in a soft toasted bun with fresh lettuce, tomato, and our special sauce.",    price: "₤35",    images: [
+      "http://img.b2bpic.net/free-photo/delicious-sandwich-with-green-salad-tomatoes-ham-inside-plate-with-french-fries_140725-29971.jpg",      "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114450.jpg?_wi=2",      "http://img.b2bpic.net/free-photo/vertical-view-crispy-fried-chicken-with-mayonnaise-ketchup_140725-54247.jpg"
+    ],
+    features: [
+      { id: 1, title: "The Chicken", description: "Tender, juicy fillet seasoned with our signature blend and fried until golden crispy", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwich-with-green-salad-tomatoes-ham-inside-plate-with-french-fries_140725-29971.jpg", imageAlt: "Chicken fillet" },
+      { id: 2, title: "The Bun", description: "Soft, freshly toasted bun that holds everything perfectly", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-with-copy-space_23-2148454892.jpg", imageAlt: "Fresh bun" },
+      { id: 3, title: "The Toppings", description: "Fresh crisp lettuce, ripe tomato, and our special homemade sauce. Comes with fries.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-french-fries-cardboard-bag-with-ketchup-wooden-cutting-board_140725-11930.jpg?_wi=2", imageAlt: "Fresh toppings" }
+    ]
+  },
+  "3": {
+    title: "Family Chicken Meal",    description: "Perfect for the whole family. Crispy chicken, fresh fries, coleslaw, and drinks.",    price: "₤60",    images: [
+      "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114450.jpg?_wi=2",      "http://img.b2bpic.net/free-photo/roasted-chicken-legs-wings-wooden-board-with-lettuce-pepper-high-quality-photo_114579-69091.jpg?_wi=2",      "http://img.b2bpic.net/free-photo/vertical-view-crispy-fried-chicken-with-mayonnaise-ketchup_140725-54247.jpg"
+    ],
+    features: [
+      { id: 1, title: "Chicken Selection", description: "8 pieces of our delicious crispy fried chicken for the whole family", imageSrc: "http://img.b2bpic.net/free-photo/roasted-chicken-legs-wings-wooden-board-with-lettuce-pepper-high-quality-photo_114579-69091.jpg?_wi=2", imageAlt: "Family chicken" },
+      { id: 2, title: "Sides", description: "Large portion of golden fries, fresh coleslaw, and your choice of sauce", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114450.jpg?_wi=2", imageAlt: "Sides" },
+      { id: 3, title: "Beverages", description: "2 large drinks of your choice to complete the family meal", imageSrc: "http://img.b2bpic.net/free-photo/side-view-french-fries-cardboard-bag-with-ketchup-wooden-cutting-board_140725-11930.jpg?_wi=2", imageAlt: "Beverages" }
+    ]
+  },
+  "4": {
+    title: "Golden Fries & Sides",    description: "Crispy golden fries and delicious sides to complement any meal.",    price: "₤20",    images: [
+      "http://img.b2bpic.net/free-photo/side-view-crackers-black-pan-wooden-cutting-board-dark-horizontal_176474-4184.jpg?_wi=1",      "http://img.b2bpic.net/free-photo/side-view-french-fries-cardboard-bag-with-ketchup-wooden-cutting-board_140725-11930.jpg?_wi=2",      "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114450.jpg?_wi=2"
+    ],
+    features: [
+      { id: 1, title: "Golden Fries", description: "Hand-cut fresh potatoes, fried until perfectly crispy on the outside and fluffy inside", imageSrc: "http://img.b2bpic.net/free-photo/side-view-french-fries-cardboard-bag-with-ketchup-wooden-cutting-board_140725-11930.jpg?_wi=2", imageAlt: "Golden fries" },
+      { id: 2, title: "Coleslaw", description: "Fresh, crisp coleslaw with a tangy dressing. Light and refreshing side.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-with-copy-space_23-2148454892.jpg", imageAlt: "Coleslaw" },
+      { id: 3, title: "Sauce Options", description: "Choose from mayonnaise, ketchup, hot sauce, or our special garlic sauce", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-crispy-fried-chicken-with-mayonnaise-ketchup_140725-54247.jpg", imageAlt: "Sauce options" }
+    ]
+  },
+  "5": {
+    title: "Spicy Chicken Combo",    description: "For those who like the heat! Spicy fried chicken with our special hot sauce blend.",    price: "₤55",    images: [
+      "http://img.b2bpic.net/free-photo/top-view-chicken-with-copy-space_23-2148454892.jpg",      "http://img.b2bpic.net/free-photo/vertical-view-crispy-fried-chicken-with-mayonnaise-ketchup_140725-54247.jpg",      "http://img.b2bpic.net/free-photo/roasted-chicken-legs-wings-wooden-board-with-lettuce-pepper-high-quality-photo_114579-69091.jpg?_wi=2"
+    ],
+    features: [
+      { id: 1, title: "Spicy Seasoning", description: "Our secret blend of hot spices for maximum flavor and kick", imageSrc: "http://img.b2bpic.net/free-photo/roasted-chicken-legs-wings-wooden-board-with-lettuce-pepper-high-quality-photo_114579-69091.jpg?_wi=2", imageAlt: "Spicy chicken" },
+      { id: 2, title: "Hot Sauce", description: "Generous helping of our special hot sauce that brings the heat", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-crispy-fried-chicken-with-mayonnaise-ketchup_140725-54247.jpg", imageAlt: "Hot sauce" },
+      { id: 3, title: "Complete Meal", description: "7 pieces of spicy chicken, fries, coleslaw, and a refreshing drink to cool things down", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-with-copy-space_23-2148454892.jpg", imageAlt: "Complete meal" }
+    ]
+  },
+  "6": {
+    title: "Chicken Wings Special",    description: "Tender, juicy chicken wings tossed in your choice of sauce. Perfect for sharing or solo.",    price: "₤40",    images: [
+      "http://img.b2bpic.net/free-photo/vertical-view-crispy-fried-chicken-with-mayonnaise-ketchup_140725-54247.jpg",      "http://img.b2bpic.net/free-photo/roasted-chicken-legs-wings-wooden-board-with-lettuce-pepper-high-quality-photo_114579-69091.jpg?_wi=2",      "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114450.jpg?_wi=2"
+    ],
+    features: [
+      { id: 1, title: "Premium Wings", description: "Tender, juicy chicken wings fried to a perfect golden crisp", imageSrc: "http://img.b2bpic.net/free-photo/roasted-chicken-legs-wings-wooden-board-with-lettuce-pepper-high-quality-photo_114579-69091.jpg?_wi=2", imageAlt: "Chicken wings" },
+      { id: 2, title: "Sauce Options", description: "Choose from spicy, BBQ, garlic, or mild sauce for perfect flavor", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-crispy-fried-chicken-with-mayonnaise-ketchup_140725-54247.jpg", imageAlt: "Sauce options" },
+      { id: 3, title: "Perfect for Sharing", description: "12 wings served with fries and coleslaw. Great as a snack or main meal", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114450.jpg?_wi=2", imageAlt: "Wings combo" }
+    ]
+  }
+};
+
+export default function ProductDetailsPage() {
+  const searchParams = useSearchParams();
+  const productId = searchParams?.get("product") || "1";
+  const product = productData[productId as keyof typeof productData] || productData["1"];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="circleGradient"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="ChickenBox"
+          navItems={[
+            { name: "Menu", id: "/menu" },
+            { name: "Product Details", id: "/product-details" },
+            { name: "About", id: "about" },
+            { name: "Location", id: "location" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="product-hero" data-section="product-hero">
+        <HeroBillboardGallery
+          title={product.title}
+          description={product.description}
+          tag={product.price}
+          tagIcon={ShoppingCart}
+          background={{ variant: "plain" }}
+          mediaItems={product.images.map((src) => ({
+            imageSrc: src,
+            imageAlt: product.title
+          }))}
+          mediaAnimation="none"
+          buttons={[
+            { text: "Call to Order: 01100016162", href: "tel:01100016162" },
+            { text: "Back to Menu", href: "/menu" }
+          ]}
+        />
+      </div>
+
+      <div id="product-details" data-section="product-details">
+        <FeatureCardEight
+          title="Product Details"
+          description={`Learn more about our ${product.title} and what makes it special.`}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={product.features}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Quick Links",              items: [
+                { label: "Menu", href: "/menu" },
+                { label: "Home", href: "/" },
+                { label: "All Products", href: "/product-details" }
+              ]
+            },
+            {
+              title: "Contact",              items: [
+                { label: "Call: 01100016162", href: "tel:01100016162" },
+                { label: "306 Corniche Street", href: "#" },
+                { label: "El Tor, South Sinai", href: "#" }
+              ]
+            },
+            {
+              title: "Info",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Contact Us", href: "tel:01100016162" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 ChickenBox | Crispy Chicken, Fast Service"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}