diff --git a/public/images/home/Categories/All.jpg b/public/images/home/Categories/All.jpg
new file mode 100644
index 0000000..095da3c
Binary files /dev/null and b/public/images/home/Categories/All.jpg differ
diff --git a/src/app/antalya-restaurant-menu/MenuContent.tsx b/src/app/antalya-restaurant-menu/MenuContent.tsx
index 07b8a9d..727cced 100644
--- a/src/app/antalya-restaurant-menu/MenuContent.tsx
+++ b/src/app/antalya-restaurant-menu/MenuContent.tsx
@@ -117,7 +117,8 @@ export default function MenuPage() {
whileHover={{ scale: 1.05 }}
whileTap={{ scale: 0.95 }}
>
- All
+
+ All Menu
{/* Category Tabs */}
@@ -130,6 +131,13 @@ export default function MenuPage() {
whileHover={{ scale: 1.05 }}
whileTap={{ scale: 0.95 }}
>
+
{section.category}
))}
diff --git a/src/app/antalya-restaurant-menu/menu.module.css b/src/app/antalya-restaurant-menu/menu.module.css
index bcd7077..3a2c369 100644
--- a/src/app/antalya-restaurant-menu/menu.module.css
+++ b/src/app/antalya-restaurant-menu/menu.module.css
@@ -98,7 +98,7 @@
background: transparent;
border: 2px solid #b07c4b;
color: var(--color-paragraph);
- padding: 12px 25px;
+ padding: 8px 20px 8px 8px;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
@@ -106,7 +106,16 @@
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
- border-radius: 10px;
+ border-radius: 50px;
+ display: inline-flex;
+ align-items: center;
+ gap: 10px;
+}
+
+.tabImage {
+ border-radius: 50%;
+ object-fit: cover;
+ border: 2px solid #fff;
}
.tab:hover,
diff --git a/src/components/Categories/Categories.tsx b/src/components/Categories/Categories.tsx
index 8efbfad..e52fbe8 100644
--- a/src/components/Categories/Categories.tsx
+++ b/src/components/Categories/Categories.tsx
@@ -6,25 +6,10 @@ import styles from "@/components/Categories/Categories.module.css";
import { menuData } from "@/utils/constant";
export default function Categories() {
- // Map categories with representative food images
- const categoryImages: { [key: string]: string } = {
- 'Kebabs': '/images/home/categories/kebabs.webp',
- 'Doner': '/images/home/categories/doner.webp',
- 'Pides': '/images/home/categories/pides.webp',
- 'Sandwiches & Wraps': '/images/home/categories/wraps.webp',
- 'Special Mix Platters': '/images/home/categories/platter.webp',
- 'Specialty Dishes': '/images/home/categories/speciality.webp',
- 'Appetizers': '/images/home/categories/appetizers.webp',
- 'Sides': '/images/home/categories/sides.webp',
- 'Salads': '/images/home/categories/salads.webp',
- 'Drinks': '/images/home/categories/drinks.webp',
- 'Desserts': '/images/home/categories/dessert.webp'
- };
-
// Extract unique categories from menuData with custom images
const categories = menuData.map(section => ({
name: section.category,
- image: categoryImages[section.category] || section.image
+ image: section.image
}));
// Animation variants
diff --git a/src/utils/constant.ts b/src/utils/constant.ts
index 02f3f8d..4d5ff04 100644
--- a/src/utils/constant.ts
+++ b/src/utils/constant.ts
@@ -480,7 +480,7 @@ export const galleryData = [
export const menuData = [
{
category: 'Kebabs',
- image: '/images/hero-3.png',
+ image: '/images/home/categories/kebabs.webp',
items: [
{ name: 'Adana (Mild)', price: '$23.99', description: 'Two skewers of ground veal & lamb grilled on charcoal', image: '/images/menu/adana(mild).webp', alt: 'Adana Kebab - Grilled ground veal and lamb skewers' },
{ name: 'Veal Shish', price: '$29.99', description: 'Two skewers of veal tenderloin marinated in Turkish spices', image: '/images/menu/veal-shish.webp', alt: 'Veal Shish Kebab - Marinated veal tenderloin skewers' },
@@ -494,7 +494,7 @@ export const menuData = [
},
{
category: 'Doner',
- image: '/images/dish-1.png',
+ image: '/images/home/categories/doner.webp',
items: [
{ name: 'Mixed Doner', price: '$23.99', description: 'Meat doner and chicken doner, served with salad, grilled tomato & pepper, white rice or bulgur and served with freshly baked bread', image: '/images/menu/mixed-doner.webp', alt: 'Mixed Doner Platter - Combination of meat and chicken doner' },
{ name: 'Meat Doner', price: '$23.99', description: 'Veal and Lamb cooked on rotating spit, served with salad, bbq tomato & peppers, white rice or bulgur and served with freshly baked bread', image: '/images/menu/meat-doner.webp', alt: 'Meat Doner Platter - Veal and lamb doner' },
@@ -505,7 +505,7 @@ export const menuData = [
},
{
category: 'Pides',
- image: '/images/dish-2.png',
+ image: '/images/home/categories/pides.webp',
items: [
{ name: 'Lahmacun', price: '$18.99', description: 'Ground beef blended with pepper, onion, tomato, parsley and herbs on a thin crust dough, serving with parsley, sumac onion, lemon', image: '/images/menu/lahmacun.webp', alt: 'Lahmacun - Turkish flatbread with ground beef' },
{ name: 'Sujuk Pide', price: '$20.99', description: 'Turkish style sausage with mozzarella cheese, served with parsley, onion, lemon (* add mozzarella cheese 3.00)', image: '/images/menu/sujuk-pide.webp', alt: 'Sujuk Pide - Turkish sausage flatbread' },
@@ -520,7 +520,7 @@ export const menuData = [
},
{
category: 'Sandwiches & Wraps',
- image: '/images/hero-1.png',
+ image: '/images/home/categories/wraps.webp',
items: [
{ name: 'Meat Doner Sandwich', price: '$13.99', description: 'Freshly baked bread stuffed with veal & lamb doner, lettuce, tomato, onion and doner sauce', image: '/images/menu/meat-doner-sandwich.webp', alt: 'Meat Doner Sandwich - Veal and lamb doner in fresh bread' },
{ name: 'Meat Doner Wrap', price: '$12.99', description: 'Veal and lamb doner wrap with tomato, lettuce, onion and doner sauce', image: '/images/menu/meat-doner.webp', alt: 'Meat Doner Wrap - Wrapped veal and lamb doner' },
@@ -532,7 +532,7 @@ export const menuData = [
},
{
category: 'Special Mix Platters',
- image: '/images/hero-2.png',
+ image: '/images/home/categories/platter.webp',
items: [
{ name: 'Kebab Mix', price: '$84.99', description: 'All inclusive charcoal grilled mix platter, includes: Adana Kebab (1 skw), Kofta Kebab (1 skw), Chicken Shish (1 skw), Veal Shish (1 skw), Lamb Chops (2 pcs), Chicken Wings(4 pcs), Veal and Chicken Doner served with grilled tomato & pepper, house salad, white rice & bulgur topped with freshly baked bread ( Serves 2-3 People )', image: '/images/menu/kebab-mix.webp', alt: 'Kebab Mix Platter - Assorted grilled meats for 2-3 people' },
{ name: 'Chicken Lovers Mix', price: '$64.99', description: 'All inclusive charcoal grilled mix platter, includes: Chicken Adana Kebab (2 skw), Chicken Shish (1 skw), Chicken Wings(4 pcs) and Chicken Doner (2 portions) served with grilled tomato & pepper, house salad, white rice & bulgur topped with freshly baked bread ( Serves 2-3 People )', image: '/images/menu/chicken-lovers-mix.webp', alt: 'Chicken Lovers Mix - Assorted chicken dishes for 2-3 people' },
@@ -541,7 +541,7 @@ export const menuData = [
},
{
category: 'Specialty Dishes',
- image: '/images/hero-3.png',
+ image: '/images/home/categories/speciality.webp',
items: [
{ name: 'Manti', price: '$23.99', description: 'Hand crafted dumplings, filled with beef, spices topped with garlic yogurt and red manti sauce', image: '/images/menu/manti.webp', alt: 'Manti - Turkish beef dumplings with yogurt' },
{ name: 'Ali Nazik', price: '$29.99', description: 'Charcoal grilled Veal tenderloin over a bed of creamy roasted eggplant. Topped with melted butter, BBQ tomato and pepper.', image: '/images/menu/ali-nazik.webp', alt: 'Ali Nazik - Veal on roasted eggplant' },
@@ -551,7 +551,7 @@ export const menuData = [
},
{
category: 'Appetizers',
- image: '/images/dish-1.png',
+ image: '/images/home/categories/appetizers.webp',
items: [
{ name: 'Babaganoush', price: '$9.99', description: 'Roasted eggplant, yogurt, garlic, olive oil and served with freshly baked bread', image: '/images/menu/babaganoush.webp', alt: 'Babaganoush - Roasted eggplant dip' },
{ name: 'Spicy Mashed Salad ( Ezme )', price: '$9.99', description: 'Fresh tomato, onion, bell pepper, parsley, seasoning and served with freshly baked bread', image: '/images/menu/spicy-mashed-salad.webp', alt: 'Ezme - Spicy tomato and pepper salad' },
@@ -564,7 +564,7 @@ export const menuData = [
},
{
category: 'Sides',
- image: '/images/hero-2.png',
+ image: '/images/home/categories/sides.webp',
items: [
{ name: 'Rice', price: '$6.99', description: 'Turkish style white rice', image: '/images/menu/rice.webp', alt: 'Turkish Rice - White rice side dish' },
{ name: 'Yogurt', price: '$4.99', description: 'Fresh Turkish yogurt', image: '/images/menu/yogurt.webp', alt: 'Turkish Yogurt - Fresh yogurt' },
@@ -579,7 +579,7 @@ export const menuData = [
},
{
category: 'Salads',
- image: '/images/dish-2.png',
+ image: '/images/home/categories/salads.webp',
items: [
{ name: 'Green Salad', price: '$10.99', description: 'Lettuce, onions, cucumber, feta, tomatoes', image: '/images/menu/green-salad.webp', alt: 'Green Salad - Fresh garden salad' },
{ name: 'Greek Salad', price: '$12.99', description: 'Tomato, onion, cucumber, lettuce, feta, black olives, olive oil', image: '/images/menu/greek-salad.webp', alt: 'Greek Salad - Traditional Greek salad' },
@@ -589,7 +589,7 @@ export const menuData = [
},
{
category: 'Drinks',
- image: '/images/hero-1.png',
+ image: '/images/home/categories/drinks.webp',
items: [
{ name: 'Soda', price: '$2.99', description: '(Iced tea, Coke, Diet Coke, Coke Zero, Gingerale, Sprite, Sparkling Water)', image: '/images/menu/soda.webp', alt: 'Soft Drinks - Assorted sodas' },
{ name: 'Bottle of Water', price: '$1.49', description: 'Bottled water', image: '/images/menu/water.webp', alt: 'Bottled Water' },
@@ -605,7 +605,7 @@ export const menuData = [
},
{
category: 'Desserts',
- image: '/images/dish-2.png',
+ image: '/images/home/categories/dessert.webp',
items: [
{ name: 'Baklava ( 3 pieces )', price: '$8.99', description: 'Traditional Turkish baklava with pistachios', image: '/images/menu/baklava.webp', alt: 'Baklava - Traditional pistachio baklava' },
{ name: 'Trilice (Milk Cake)', price: '$9.99', description: 'Turkish three milk cake', image: '/images/menu/trilice.webp', alt: 'Trilice - Turkish milk cake' },