diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx new file mode 100644 index 0000000..89309d9 --- /dev/null +++ b/src/app/menu/page.tsx @@ -0,0 +1,96 @@ +"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 ( + + + + + + + { 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", imageAlt: "Golden fried chicken sandwich", onProductClick: () => { 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: () => { 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: () => { 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", imageAlt: "Spicy chicken combo", onProductClick: () => { 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", imageAlt: "Crispy chicken wings", onProductClick: () => { typeof window !== 'undefined' && window.location.href = '/product-details?product=6'; } + } + ]} + /> + + + + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 15caf53..1542237 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -29,7 +29,8 @@ export default function LandingPage() { @@ -96,16 +97,16 @@ 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: () => { 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", imageAlt: "Golden fried chicken sandwich", onProductClick: () => { 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: () => { 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: () => { typeof window !== 'undefined' && window.location.href = '/product-details?product=4'; } } ]} /> @@ -207,7 +208,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 +233,4 @@ export default function LandingPage() { ); -} \ No newline at end of file +} diff --git a/src/app/product-details/page.tsx b/src/app/product-details/page.tsx new file mode 100644 index 0000000..c511fea --- /dev/null +++ b/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 ( + + + + + + + ({ + imageSrc: src, + imageAlt: product.title + }))} + mediaAnimation="none" + buttons={[ + { text: "Call to Order: 01100016162", href: "tel:01100016162" }, + { text: "Back to Menu", href: "/menu" } + ]} + /> + + + + + + + + + ); +}