bender/dfe360c1-4204-4de0-ac76-8343200d2002
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #5

Merged
bender merged 3 commits from version_2 into main 2026-03-12 13:14:47 +00:00
Conversation 0 Commits 3 Files Changed 3 +269 -8
3 changed files with 269 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
src/app/menu/page.tsx Normal file
View File

@@ -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 (
<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: () => { 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'; }
}
]}
/>
</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>
);
}

17
src/app/page.tsx
View File

@@ -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" }
@@ -58,7 +59,7 @@ export default function LandingPage() {
mediaAnimation="none"
buttons={[
{ text: "Call to Order", href: "tel:01100016162" },
{ text: "View Menu", href: "#menu" }
{ text: "View Menu", href: "/menu" }
]}
/>
</div>
@@ -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() {
</div>
</ThemeProvider>
);
}
}

164
src/app/product-details/page.tsx Normal file
View File

@@ -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>
);
}