diff --git a/public/images/menu/french-large.webp b/public/images/menu/french-large.webp new file mode 100644 index 0000000..ddc2cb2 Binary files /dev/null and b/public/images/menu/french-large.webp differ diff --git a/src/app/antalya-restaurant-menu/MenuContent.tsx b/src/app/antalya-restaurant-menu/MenuContent.tsx index 6970a01..77580d0 100644 --- a/src/app/antalya-restaurant-menu/MenuContent.tsx +++ b/src/app/antalya-restaurant-menu/MenuContent.tsx @@ -179,7 +179,10 @@ export default function MenuPage() {

{item.description}

- {item.price} + + $ + {item.price.replace('$', '')} +
))} diff --git a/src/app/antalya-restaurant-menu/menu.module.css b/src/app/antalya-restaurant-menu/menu.module.css index 3a2c369..50b27eb 100644 --- a/src/app/antalya-restaurant-menu/menu.module.css +++ b/src/app/antalya-restaurant-menu/menu.module.css @@ -256,12 +256,12 @@ } .descriptionMenu { - font-size: var(--body-size); + font-size: var(--body-size); color: var(--color-alterparagraph) !important; line-height: 1.5; font-family: var(--font-lato); margin: 0; - + } .description { @@ -277,8 +277,8 @@ right: -30px; top: 50%; transform: translateY(-50%); - width: 70px; - height: 70px; + width: 80px; + height: 80px; background: #c49c5c; border-radius: 50%; display: flex; @@ -319,10 +319,23 @@ } .price { - font-size: 18px; color: #fff; font-weight: bold; - font-family: var(--font-playfair); + font-family: var(--font-lato); + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + gap: 3px; +} + +.currency { + font-size: 18px; + margin-bottom: 0; +} + +.amount { + font-size: 16px; } @media (max-width: 968px) { diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 6168b56..34361c5 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -3,6 +3,7 @@ import { Playfair_Display, DM_Sans } from "next/font/google"; import "./globals.css"; // import ScrollProviders from "@/components/ScrollProviders"; // import ScrollToTop from "@/components/ScrollToTop/ScrollToTop"; +import CallButton from "@/components/CallButton/CallButton"; // import Navbar from '@/components/Navbar/Navbar'; // import NavbarWrapper from "@/components/NavbarWrapper"; import Script from "next/script"; @@ -159,6 +160,7 @@ export default function RootLayout({ {children} {/* */} {/* */} + ) diff --git a/src/components/CallButton/CallButton.module.css b/src/components/CallButton/CallButton.module.css new file mode 100644 index 0000000..552cf39 --- /dev/null +++ b/src/components/CallButton/CallButton.module.css @@ -0,0 +1,44 @@ +.callBtn { + position: fixed; + bottom: 3.5rem; /* 2rem (bottom) + 3.5rem (height) + 1rem (gap) */ + right: 2rem; + width: 3.5rem; + height: 3.5rem; + border-radius: 50%; + background-color: #c49c5c; + /* Gold color matching the theme */ + color: #fff; + border: none; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); + z-index: 50; + transition: all 0.3s ease-in-out; + text-decoration: none; /* For the anchor tag */ +} + +.callBtn:hover { + background-color: #b08d45; + transform: scale(1.1); +} + +.icon { + width: 24px; + height: 24px; + stroke-width: 2.5; + fill: none; + stroke: currentColor; + stroke-linecap: round; + stroke-linejoin: round; +} + +@media (max-width: 768px) { + .callBtn { + bottom: 3rem; + right: 1.5rem; + width: 3rem; + height: 3rem; + } +} diff --git a/src/components/CallButton/CallButton.tsx b/src/components/CallButton/CallButton.tsx new file mode 100644 index 0000000..76ddfcc --- /dev/null +++ b/src/components/CallButton/CallButton.tsx @@ -0,0 +1,19 @@ +import styles from './CallButton.module.css' + +export default function CallButton() { + return ( + + + + + + ) +} diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx index ce67651..5f46fb4 100644 --- a/src/components/Footer/Footer.tsx +++ b/src/components/Footer/Footer.tsx @@ -73,10 +73,10 @@ export default function Footer() {

Quick Links

  • Home
  • -
  • About
  • -
  • Gallery
  • Menu
  • Catering
  • +
  • Gallery
  • +
  • About
  • Blog
  • Contact
@@ -113,8 +113,8 @@ export default function Footer() {

Opening Hours

- Sunday-Thursday 11am-10pm
- Friday-Saturday 11am-11pm + Sunday-Saturday 11am-10pm
+ {/* Friday-Saturday 11am-11pm */}

diff --git a/src/components/Menu/Menu.module.css b/src/components/Menu/Menu.module.css index 134acf0..7cd9ed9 100644 --- a/src/components/Menu/Menu.module.css +++ b/src/components/Menu/Menu.module.css @@ -218,8 +218,8 @@ right: -30px; top: 50%; transform: translateY(-50%); - width: 70px; - height: 70px; + width: 80px; + height: 80px; background: #c49c5c; border-radius: 50%; display: flex; @@ -260,10 +260,23 @@ } .price { - font-size: 18px; color: #fff; font-weight: bold; - font-family: var(--font-playfair); + font-family: var(--font-lato); + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + gap: 3px; +} + +.currency { + font-size: 18px; + margin-bottom: 0; +} + +.amount { + font-size: 18px; } @media (max-width: 968px) { diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx index cd9e0a2..2c95293 100644 --- a/src/components/Menu/Menu.tsx +++ b/src/components/Menu/Menu.tsx @@ -88,7 +88,10 @@ export default function HomeMenu() {
- {item.price} + + $ + {item.price.replace('$', '')} +
))} diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx index 7fe13b5..6639b85 100644 --- a/src/components/Navbar/Navbar.tsx +++ b/src/components/Navbar/Navbar.tsx @@ -7,10 +7,10 @@ import styles from './Navbar.module.css' const navLinks = [ { name: 'Home', href: '/' }, - { name: 'About', href: '/about-antalya-restaurant' }, - { name: 'Gallery', href: '/antalya-restaurant-gallery' }, { name: 'Menu', href: '/antalya-restaurant-menu' }, { name: 'Catering', href: '/catering-services-ontario' }, + { name: 'Gallery', href: '/antalya-restaurant-gallery' }, + { name: 'About', href: '/about-antalya-restaurant' }, { name: 'Blog', href: '/antalya-turkish-food-blog' }, { name: 'Contact', href: '/book-a-table' }, ] diff --git a/src/components/ScrollToTop/ScrollToTop.module.css b/src/components/ScrollToTop/ScrollToTop.module.css index b408e9a..3f54e62 100644 --- a/src/components/ScrollToTop/ScrollToTop.module.css +++ b/src/components/ScrollToTop/ScrollToTop.module.css @@ -36,4 +36,12 @@ width: 24px; height: 24px; stroke-width: 2.5; +} + +@media (max-width: 768px) { + .scrollToTopBtn { + right: 1.5rem; + width: 3rem; + height: 3rem; + } } \ No newline at end of file diff --git a/src/utils/constant.ts b/src/utils/constant.ts index 2b188a3..6cd5629 100644 --- a/src/utils/constant.ts +++ b/src/utils/constant.ts @@ -478,6 +478,29 @@ export const galleryData = [ ]; export const menuData = [ + { + category: 'Appetizers', + 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' }, + { name: 'Mixed Appetizer Plate', price: '$22.99', description: 'Babaganoush, Ezme, Hummus, Haydari and served with freshly baked bread', image: '/images/menu/mixed-appetizer-plate.webp', alt: 'Mixed Appetizer Plate - Assorted Turkish appetizers' }, + { name: 'Sigara Boregi (5 pcs)', price: '$9.99', description: 'Fried cigar shaped phyllo dough pastries stuffed with feta cheese and parsley', image: '/images/menu/sigara-boregi.webp', alt: 'Sigara Boregi - Fried cheese rolls' }, + { name: 'Haydari', price: '$9.99', description: 'Yogurt, mint, feta, olive oil, garlic, sea salt and served with freshly baked bread', image: '/images/menu/haydari.webp', alt: 'Haydari - Yogurt dip with herbs' }, + { name: 'Hummus', price: '$9.99', description: 'Mashed chickpeas, tahini, lemon, olive oil and served with freshly baked bread', image: '/images/menu/hummus.webp', alt: 'Hummus - Chickpea dip' }, + { name: 'Lentil Soup', price: '$8.99', description: 'Lentil, onion, carrot, mix of spicy and served with freshly baked bread', image: '/images/menu/lentil-soup.webp', alt: 'Lentil Soup - Turkish red lentil soup' } + ] + }, + { + category: 'Salads', + 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' }, + { name: 'Shepherd Salad', price: '$10.99', description: 'Tomato, cucumber, onion, olive oil, lemon', image: '/images/menu/shepherd-salad.webp', alt: 'Shepherd Salad - Turkish choban salad' }, + { name: 'Caesar Salad', price: '$12.99', description: 'Romaine lettuce mixed with creamy Cesar dressing, topped with cherry tomatoes, Parmesan cheese & croutons', image: '/images/menu/caesar-salad.webp', alt: 'Caesar Salad - Classic Caesar salad' } + ] + }, { category: 'Kebabs', image: '/images/home/Categories/kebabs.webp', @@ -503,21 +526,6 @@ export const menuData = [ { name: 'Chicken Iskender', price: '$25.99', description: 'Chicken Doner served on a bed of freshly baked bread, topped with special tomato sauce, served with grilled tomato, pepper and yogurt', image: '/images/menu/chicken-iskender.webp', alt: 'Chicken Iskender - Chicken doner with tomato sauce' } ] }, - { - category: 'Pides', - 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' }, - { name: 'Cheese Pide', price: '$18.99', description: 'High quality mozzarella cheese in a thing crust pide dough, served with parsley, onion, lemon', image: '/images/menu/cheese-pide.webp', alt: 'Cheese Pide - Mozzarella cheese flatbread' }, - { name: 'Veal Doner Pide with Mozzarella Cheese', price: '$18.99', description: 'Veal doner with mozzarella cheese on pide dough', image: '/images/menu/veal-doner-pide.webp', alt: 'Veal Doner Pide - Doner meat with cheese' }, - { name: 'Veggie Pide', price: '$18.99', description: 'Red bell pepper, mushroom, onion with mozzarella cheese on a thin crust pide dough, served with parsley, sumac onion and lemon', image: '/images/menu/veggie-pide.webp', alt: 'Veggie Pide - Vegetable flatbread with cheese' }, - { name: 'Ground Beef Pide', price: '$19.99', description: 'Ground beef, onion, tomato, parsley and red pepper on a thin crust pide dough (* add mozzarella cheese 3.00, * add egg 3.00)', image: '/images/menu/ground-beef-pide.webp', alt: 'Ground Beef Pide - Beef flatbread' }, - { name: 'Spinach Cheese Pide', price: '$18.99', description: 'Spinach with mozzarella cheese on a thin crust pide dough, served with parsley, sumac onion and lemon', image: '/images/menu/spinach-cheese-pide.webp', alt: 'Spinach Cheese Pide - Spinach and cheese flatbread' }, - { name: 'Mixed Pide', price: '$20.99', description: 'Sujuk, Ground Beef, Mozzarella Cheese', image: '/images/menu/mixed-pide.webp', alt: 'Mixed Pide - Combination flatbread with sausage and beef' }, - { name: 'Chicken Doner Pide with Mozzarella Cheese', price: '$18.99', description: 'Chicken doner with mozzarella cheese on pide dough', image: '/images/menu/chicken-doner.webp', alt: 'Chicken Doner Pide - Chicken doner with cheese' } - ] - }, { category: 'Sandwiches & Wraps', image: '/images/home/Categories/wraps.webp', @@ -550,16 +558,18 @@ export const menuData = [ ] }, { - category: 'Appetizers', - image: '/images/home/Categories/appetizers.webp', + category: 'Pides', + image: '/images/home/Categories/pides.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' }, - { name: 'Mixed Appetizer Plate', price: '$22.99', description: 'Babaganoush, Ezme, Hummus, Haydari and served with freshly baked bread', image: '/images/menu/mixed-appetizer-plate.webp', alt: 'Mixed Appetizer Plate - Assorted Turkish appetizers' }, - { name: 'Sigara Boregi (5 pcs)', price: '$9.99', description: 'Fried cigar shaped phyllo dough pastries stuffed with feta cheese and parsley', image: '/images/menu/sigara-boregi.webp', alt: 'Sigara Boregi - Fried cheese rolls' }, - { name: 'Haydari', price: '$9.99', description: 'Yogurt, mint, feta, olive oil, garlic, sea salt and served with freshly baked bread', image: '/images/menu/haydari.webp', alt: 'Haydari - Yogurt dip with herbs' }, - { name: 'Hummus', price: '$9.99', description: 'Mashed chickpeas, tahini, lemon, olive oil and served with freshly baked bread', image: '/images/menu/hummus.webp', alt: 'Hummus - Chickpea dip' }, - { name: 'Lentil Soup', price: '$8.99', description: 'Lentil, onion, carrot, mix of spicy and served with freshly baked bread', image: '/images/menu/lentil-soup.webp', alt: 'Lentil Soup - Turkish red lentil soup' } + { 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' }, + { name: 'Cheese Pide', price: '$18.99', description: 'High quality mozzarella cheese in a thing crust pide dough, served with parsley, onion, lemon', image: '/images/menu/cheese-pide.webp', alt: 'Cheese Pide - Mozzarella cheese flatbread' }, + { name: 'Veal Doner Pide with Mozzarella Cheese', price: '$18.99', description: 'Veal doner with mozzarella cheese on pide dough', image: '/images/menu/veal-doner-pide.webp', alt: 'Veal Doner Pide - Doner meat with cheese' }, + { name: 'Veggie Pide', price: '$18.99', description: 'Red bell pepper, mushroom, onion with mozzarella cheese on a thin crust pide dough, served with parsley, sumac onion and lemon', image: '/images/menu/veggie-pide.webp', alt: 'Veggie Pide - Vegetable flatbread with cheese' }, + { name: 'Ground Beef Pide', price: '$19.99', description: 'Ground beef, onion, tomato, parsley and red pepper on a thin crust pide dough (* add mozzarella cheese 3.00, * add egg 3.00)', image: '/images/menu/ground-beef-pide.webp', alt: 'Ground Beef Pide - Beef flatbread' }, + { name: 'Spinach Cheese Pide', price: '$18.99', description: 'Spinach with mozzarella cheese on a thin crust pide dough, served with parsley, sumac onion and lemon', image: '/images/menu/spinach-cheese-pide.webp', alt: 'Spinach Cheese Pide - Spinach and cheese flatbread' }, + { name: 'Mixed Pide', price: '$20.99', description: 'Sujuk, Ground Beef, Mozzarella Cheese', image: '/images/menu/mixed-pide.webp', alt: 'Mixed Pide - Combination flatbread with sausage and beef' }, + { name: 'Chicken Doner Pide with Mozzarella Cheese', price: '$18.99', description: 'Chicken doner with mozzarella cheese on pide dough', image: '/images/menu/chicken-doner.webp', alt: 'Chicken Doner Pide - Chicken doner with cheese' } ] }, { @@ -571,22 +581,13 @@ export const menuData = [ { name: 'Kofta ( 1 skw )', price: '$8.99', description: 'Single skewer of kofta kebab', image: '/images/menu/kofta.webp', alt: 'Kofta Skewer - Single kofta kebab' }, { name: 'Lamb Chops ( 4 pcs )', price: '$27.99', description: 'Four pieces of grilled lamb chops', image: '/images/menu/lamb-chops.webp', alt: 'Lamb Chops Side - Four grilled lamb chops' }, { name: 'Veal Shish ( 1 skw )', price: '$9.99', description: 'Single skewer of veal shish', image: '/images/menu/veal-shish.webp', alt: 'Veal Shish Skewer - Single veal kebab' }, - { name: 'French Fries', price: '$6.99 - $8.99', description: 'Regular & Large crispy french fries', image: '/images/menu/french-fries.webp', alt: 'French Fries - Crispy golden fries' }, + { name: 'French Fries (Regular)', price: '$6.99', description: 'Regular crispy french fries', image: '/images/menu/french-fries.webp', alt: 'French Fries - Regular crispy golden fries' }, + { name: 'French Fries (Large)', price: '$8.99', description: 'Large crispy french fries', image: '/images/menu/french-large.webp', alt: 'French Fries - Large crispy golden fries' }, { name: 'Bulgur', price: '$6.99', description: 'Turkish style bulgur wheat', image: '/images/menu/bulgur.webp', alt: 'Bulgur - Turkish wheat side dish' }, { name: 'Bread', price: '$1.99', description: 'Freshly baked Turkish bread', image: '/images/menu/bread.webp', alt: 'Turkish Bread - Fresh baked bread' }, { name: 'Adana ( 1 skw )', price: '$8.99', description: 'Single skewer of Adana kebab', image: '/images/menu/adana(skw).webp', alt: 'Adana Skewer - Single Adana kebab' } ] }, - { - category: 'Salads', - 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' }, - { name: 'Shepherd Salad', price: '$10.99', description: 'Tomato, cucumber, onion, olive oil, lemon', image: '/images/menu/shepherd-salad.webp', alt: 'Shepherd Salad - Turkish choban salad' }, - { name: 'Caesar Salad', price: '$12.99', description: 'Romaine lettuce mixed with creamy Cesar dressing, topped with cherry tomatoes, Parmesan cheese & croutons', image: '/images/menu/caesar-salad.webp', alt: 'Caesar Salad - Classic Caesar salad' } - ] - }, { category: 'Drinks', image: '/images/home/Categories/drinks.webp',