updated the menu, and finalising the changes

This commit is contained in:
metatroncubeswdev 2026-07-06 01:20:58 -04:00
parent 98006741af
commit ff4ec3664c
15 changed files with 154 additions and 162 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 780 KiB

After

Width:  |  Height:  |  Size: 789 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 774 KiB

After

Width:  |  Height:  |  Size: 834 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 795 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 830 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 768 KiB

After

Width:  |  Height:  |  Size: 820 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 207 KiB

View File

@ -3,7 +3,7 @@ import Footer from "@/components/Footer";
import ScrollToTop from "@/components/ScrollToTop"; import ScrollToTop from "@/components/ScrollToTop";
import HeroBanner from "@/components/HeroBanner"; import HeroBanner from "@/components/HeroBanner";
import ContactForm from "@/components/ContactForm"; import ContactForm from "@/components/ContactForm";
import { FaPhone, FaWhatsapp, FaEnvelope, FaMapMarkerAlt } from "react-icons/fa"; import { FaPhone, FaEnvelope, FaMapMarkerAlt } from "react-icons/fa";
import "./contact.css"; import "./contact.css";
export default function ContactPage() { export default function ContactPage() {
@ -26,22 +26,17 @@ export default function ContactPage() {
<div className="contact-card"> <div className="contact-card">
<FaPhone className="card-icon" /> <FaPhone className="card-icon" />
<h4>Phone</h4> <h4>Phone</h4>
<p>+91 9876543210</p> <p>+1 (519) 888-7459</p>
</div>
<div className="contact-card">
<FaWhatsapp className="card-icon" />
<h4>Whatsapp</h4>
<p>+91 9876543210</p>
</div> </div>
<div className="contact-card"> <div className="contact-card">
<FaEnvelope className="card-icon" /> <FaEnvelope className="card-icon" />
<h4>Email</h4> <h4>Email</h4>
<p>info@mydosaplace.com</p> <p>mydosaplacewaterloo@gmail.com</p>
</div> </div>
<div className="contact-card"> <div className="contact-card">
<FaMapMarkerAlt className="card-icon" /> <FaMapMarkerAlt className="card-icon" />
<h4>Our Shop</h4> <h4>Our Shop</h4>
<p>123 Restaurant Street,<br/>Coimbatore</p> <p>922 Erb St. W Unit C3#3,<br/>Waterloo, ON N2T 0C9</p>
</div> </div>
</div> </div>

View File

@ -20,8 +20,8 @@ export default function Footer() {
{/* <span className={styles.logoText}>My Dosa Place</span> */} {/* <span className={styles.logoText}>My Dosa Place</span> */}
</Link> </Link>
<p className={styles.brandDesc}> <p className={styles.brandDesc}>
Bringing the authentic taste of South India to Waterloo since 1980. Bringing the authentic, comforting taste of South India to Waterloo.
Every dosa tells a story of tradition and flavor. Every dosa tells a story of timeless tradition and uncompromised flavor.
</p> </p>
<div className={styles.socials}> <div className={styles.socials}>
{/* Real icons */} {/* Real icons */}
@ -53,14 +53,14 @@ export default function Footer() {
<div className={styles.column}> <div className={styles.column}>
<h4 className={styles.columnTitle}>Our Menu</h4> <h4 className={styles.columnTitle}>Our Menu</h4>
<ul className={styles.linkList}> <ul className={styles.linkList}>
<li><Link href="#menu">Breakfast</Link></li> <li><Link href="/menu">Classics</Link></li>
<li><Link href="#menu">Appetizers</Link></li> <li><Link href="/menu">Dosa Varieties</Link></li>
<li><Link href="#menu">Breads</Link></li> <li><Link href="/menu">Tiffin Specials</Link></li>
<li><Link href="#menu">Speciality Dosa</Link></li> <li><Link href="/menu">Appetizers</Link></li>
<li><Link href="#menu">Lunch</Link></li> <li><Link href="/menu">Utthappams</Link></li>
<li><Link href="#menu">Utthappams</Link></li> <li><Link href="/menu">Rice Dishes</Link></li>
<li><Link href="#menu">BEVERAGES</Link></li> <li><Link href="/menu">Weekend Specials</Link></li>
<li><Link href="#menu">Combos</Link></li> <li><Link href="/menu">Beverages</Link></li>
</ul> </ul>
</div> </div>
@ -71,9 +71,8 @@ export default function Footer() {
<div className={styles.contactItem}> <div className={styles.contactItem}>
<h5 className={styles.contactLabel}>Address</h5> <h5 className={styles.contactLabel}>Address</h5>
<p className={styles.contactText}> <p className={styles.contactText}>
#922 ERB STREET WEST<br /> 922 Erb St. W Unit C3#3<br />
ON N2T OC3<br /> Waterloo, ON N2T 0C9
WATERLOO
</p> </p>
</div> </div>
@ -88,8 +87,11 @@ export default function Footer() {
<div className={styles.contactItem}> <div className={styles.contactItem}>
<h5 className={styles.contactLabel}>Opening hours</h5> <h5 className={styles.contactLabel}>Opening hours</h5>
<p className={styles.contactText}> <p className={styles.contactText}>
Mon - Thu: 4pm-10pm<br /> Sun: 12 PM - 9 PM<br />
Fri - Sun: 11am-10pm Mon: 4 PM - 10 PM<br />
Tue: Closed<br />
Wed & Sat: 12 PM - 10 PM<br />
Thu & Fri: 5 PM - 10 PM
</p> </p>
</div> </div>
</div> </div>

View File

@ -6,17 +6,17 @@ import styles from './HeroSection.module.css';
const slides = [ const slides = [
{ {
image: '/images/hero-dosa.png', image: '/images/hero-dosa.png',
title: 'Authentic South Indian', title: 'The Comfort of Home',
highlight: 'Vegetarian Flavours', highlight: 'Pure Vegetarian Flavours',
subtitle: 'Welcome to My Dosa Place, where we bring you traditional South Indian cuisine crafted with passion. Every dish tells a story of heritage, flavor, and love.', subtitle: 'Welcome to My Dosa Place. We bring you the authentic, soul-warming tastes of traditional South Indian kitchens. Every dish is crafted with passion and nostalgia.',
primaryBtn: 'Explore Menu 🍽️', primaryBtn: 'Explore Menu 🍽️',
secondaryBtn: 'Book a Table', secondaryBtn: 'Book a Table',
}, },
{ {
image: '/images/south-indian-thali.png', image: '/images/south-indian-thali.jpeg',
title: 'Experience the Royal', title: 'Experience the Royal',
highlight: 'South Indian Thali', highlight: 'South Indian Thali',
subtitle: 'A magnificent feast of 21 authentic items served exclusively on weekends. A true celebration of Southern culinary diversity.', subtitle: 'A magnificent traditional feast of authentic curries, rice, and desserts served exclusively on weekends. A true celebration of Southern culinary diversity.',
primaryBtn: 'View Weekend Specials', primaryBtn: 'View Weekend Specials',
secondaryBtn: 'Reserve Now', secondaryBtn: 'Reserve Now',
}, },
@ -24,7 +24,7 @@ const slides = [
image: '/images/crispy-masala.png', image: '/images/crispy-masala.png',
title: 'Crispy, Golden &', title: 'Crispy, Golden &',
highlight: 'Perfectly Spiced', highlight: 'Perfectly Spiced',
subtitle: 'Taste our signature dosas, made fresh every day with our heritage batter and secret spice blends passed down through generations.', subtitle: 'Taste our signature dosas (savory fermented crepes), stone-ground and made fresh every day with heritage batter and our secret spice blends.',
primaryBtn: 'Order Online', primaryBtn: 'Order Online',
secondaryBtn: 'Our Story', secondaryBtn: 'Our Story',
} }

View File

@ -106,8 +106,8 @@ export default function LocationSection() {
<div> <div>
<h4 className={styles.infoLabel}>Our Location</h4> <h4 className={styles.infoLabel}>Our Location</h4>
<p className={styles.infoText}> <p className={styles.infoText}>
123 King St S, Waterloo,<br /> 922 Erb St. W Unit C3#3,<br />
ON N2J 1N9, Canada Waterloo, ON N2T 0C9
</p> </p>
</div> </div>
</div> </div>
@ -119,8 +119,11 @@ export default function LocationSection() {
<div> <div>
<h4 className={styles.infoLabel}>Opening Hours</h4> <h4 className={styles.infoLabel}>Opening Hours</h4>
<p className={styles.infoText}> <p className={styles.infoText}>
Mon Thu: 4 PM 10 PM<br /> Sun: 12 PM 9 PM<br />
Fri Sun: 11 AM 10 PM Mon: 4 PM 10 PM<br />
Tue: Closed<br />
Wed & Sat: 12 PM 10 PM<br />
Thu & Fri: 5 PM 10 PM
</p> </p>
</div> </div>
</div> </div>

View File

@ -2,12 +2,12 @@ import Image from 'next/image';
import styles from './MenuSection.module.css'; import styles from './MenuSection.module.css';
const menuItems = [ const menuItems = [
{ name: 'Classic Plain Dosa', desc: 'Thin crispy crepe made from fermented rice & lentil batter', price: '$8.99', image: '/images/hero-dosa.png' }, { name: 'Classic Plain Dosa', desc: 'A naturally fermented, savory crepe made from stone-ground rice and lentils. Perfectly thin, healthy, and crispy.', price: '$8.99', image: '/images/plain-dosa.png' },
{ name: 'South Indian Thali', desc: 'A royal feast featuring an array of curries, dal, rice & dessert', price: '$24.99', image: '/images/south-indian-thali.png' }, { name: 'South Indian Thali', desc: 'A nostalgic feast of authentic vegetable curries, dal, rice, and traditional desserts. The ultimate comfort meal.', price: '$24.99', image: '/images/south-indian-thali.jpeg' },
{ name: 'Authentic Sambar', desc: 'Flavorful lentil stew with fresh vegetables & tamarind', price: '$8.99', image: '/images/sambar.png' }, { name: 'Authentic Sambar', desc: 'A hearty, tangy lentil and vegetable stew brewed with a special blend of roasted spices and tamarind.', price: '$8.99', image: '/images/sambar.png' },
{ name: 'Crispy Masala Dosa', desc: 'Classic dosa filled with spiced potato curry', price: '$12.99', image: '/images/crispy-masala.png' }, { name: 'Crispy Masala Dosa', desc: 'Our signature savory crepe, folded over a comforting, spiced potato and onion curry.', price: '$12.99', image: '/images/crispy-masala.png' },
{ name: 'Medu Vada', desc: 'Crispy fried lentil donuts served with coconut chutney', price: '$9.99', image: '/images/new.png' }, { name: 'Medu Vada', desc: 'Savory, deep-fried lentil donuts with a crispy exterior and fluffy center, infused with cumin and curry leaves.', price: '$9.99', image: '/images/medu-vada.png' },
{ name: 'Mysore Masala Dosa', desc: 'Spicy red chutney spread with potato filling inside a crispy dosa', price: '$13.99', image: '/images/hero-dosa.png' }, { name: 'Mysore Masala Dosa', desc: 'A crispy crepe lined with a fiery, traditional red garlic-chili chutney, stuffed with a hearty potato filling.', price: '$13.99', image: '/images/mysore-masala.png' },
]; ];
export default function MenuSection() { export default function MenuSection() {

View File

@ -63,31 +63,30 @@ export default function StorySection() {
{/* Heritage badge */} {/* Heritage badge */}
<div className={styles.badge}> <div className={styles.badge}>
<span className={styles.badgeNumber}>45+</span> <span className={styles.badgeNumber}>100%</span>
<span className={styles.badgeText}>Years of South Indian<br/>Culinary Heritage</span> <span className={styles.badgeText}>Authentic South Indian<br/>Pure Vegetarian</span>
</div> </div>
</div> </div>
</div> </div>
{/* Right - Content */} {/* Right - Content */}
<div className={styles.content}> <div className={styles.content}>
<p className={styles.sectionTag}> Our Story</p> <p className={styles.sectionTag}> A Taste of Home</p>
<h2 className={styles.title}>Welcome to My Dosa Place</h2> <h2 className={styles.title}>Welcome to My Dosa Place</h2>
<p className={styles.description}> <p className={styles.description}>
Born from a passion for preserving the culinary heritage of For those missing the vibrant, comforting kitchens of Tamil Nadu and Karnataka,
South India, My Dosa Place brings authentic flavors from the My Dosa Place brings the warmth and nostalgia of back home right to Waterloo.
kitchens of Tamil Nadu and Karnataka right to Waterloo. We are a pure vegetarian haven dedicated to uncompromised, traditional South Indian flavors.
</p> </p>
<p className={styles.description}> <p className={styles.description}>
Every dosa is crafted with love using traditional recipes passed Every dosa is crafted with love using timeless recipes passed down through generations.
down through generations. We source the finest ingredients and We stone-grind our batter fresh every dayallowing it to ferment naturallyto ensure
grind our own batter fresh every day to ensure that perfect you get that perfect, healthy, golden-crisp crepe every single time.
crispy, golden crepe.
</p> </p>
<div className={styles.stats}> <div className={styles.stats}>
<div className={styles.statItem}> <div className={styles.statItem}>
<span className={styles.statNumber}>45+</span> <span className={styles.statNumber}>Authentic</span>
<span className={styles.statLabel}>Recipes</span> <span className={styles.statLabel}>Recipes</span>
</div> </div>
<div className={styles.statDivider}></div> <div className={styles.statDivider}></div>

View File

@ -40,14 +40,14 @@ export default function AboutFAQ() {
<div className={styles.imageCol}> <div className={styles.imageCol}>
<div className={styles.imageWrapper}> <div className={styles.imageWrapper}>
<Image <Image
src="/images/south-indian-thali.png" src="/images/south-indian-thali.jpeg"
alt="South Indian Thali at My Dosa Place" alt="South Indian Thali at My Dosa Place"
fill fill
style={{ objectFit: 'cover' }} style={{ objectFit: 'cover' }}
/> />
<div className={styles.imageBadge}> <div className={styles.imageBadge}>
<span className={styles.badgeNum}>6+</span> <span className={styles.badgeNum}>100%</span>
<span className={styles.badgeLabel}>Years of<br />Trust</span> <span className={styles.badgeLabel}>Authentic<br />Recipes</span>
</div> </div>
<div className={styles.imageAccent} /> <div className={styles.imageAccent} />
</div> </div>

View File

@ -26,8 +26,8 @@ export default function AboutStory() {
/> />
</div> </div>
<div className={styles.statBadge}> <div className={styles.statBadge}>
<span className={styles.statNumber}>25+</span> <span className={styles.statNumber}>100%</span>
<span className={styles.statLabel}>Years of<br />Tradition</span> <span className={styles.statLabel}>Authentic<br />Vegetarian</span>
</div> </div>
</div> </div>
</div> </div>
@ -41,13 +41,14 @@ export default function AboutStory() {
A Journey from <em>Tamil Nadu</em> to Your Table A Journey from <em>Tamil Nadu</em> to Your Table
</h2> </h2>
<p className={styles.lead}> <p className={styles.lead}>
My Dosa Place was born from a simple promise to bring the soul of South Indian My Dosa Place was born from a simple promise to bring the soul-warming,
home cooking to every guest, prepared fresh with ingredients sourced from trusted traditional South Indian home cooking to everyone in Waterloo. We recreate the authentic
local and imported suppliers. flavors you miss from back home.
</p> </p>
<p className={styles.body}> <p className={styles.body}>
Our founder Priya Nair grew up watching her grandmother perfect the art of We believe in the ancient science of fermentation, preparing our batter daily with
fermentation the ancient science behind every crispy, golden dosa. stone-ground rice and lentils. This time-honored process creates a beautiful, golden, crispy
crepe that is healthy, flavorful, and deeply nostalgic.
</p> </p>
{/* <p className={styles.body}> {/* <p className={styles.body}>
We are proudly 100% vegetarian and use no artificial additives. Our menu We are proudly 100% vegetarian and use no artificial additives. Our menu
@ -64,10 +65,10 @@ export default function AboutStory() {
</div> </div>
</div> </div>
<div className={styles.pillar}> <div className={styles.pillar}>
<div className={styles.pillarIcon}>🏆</div> <div className={styles.pillarIcon}></div>
<div> <div>
<strong>Award-Winning Recipes</strong> <strong>A Taste of Nostalgia</strong>
<span>Recognized by the Waterloo Culinary Guild</span> <span>Experience the true flavors of South India</span>
</div> </div>
</div> </div>
</div> </div>

View File

@ -4,31 +4,14 @@ import styles from './MenuSection.module.css';
const categories = [ const categories = [
{ {
id: 'breakfast', id: 'classics',
label: 'Breakfast', label: 'Classics',
emoji: '🌅', emoji: '🌅',
tagline: 'Start your morning right', tagline: 'Authentic South Indian Breakfast',
color: '#e8f5e9', color: '#e8f5e9',
accent: '#014d33', accent: '#014d33',
items: [ items: [
'Idly (2pcs)', 'Idly (2 pcs)', 'Thattu Idly (2 pcs)', 'Ghee Podi Idly (2 pcs)', 'Mini Ghee Podi Idly', 'Mini Sambar Idly', 'Sambar Idly (2pc)', 'Medhu Vada (2 pcs)', 'Sambar Vada (2 pcs)', 'Dahi Vada (2 pcs)', '1 Idly-1 Vada Combo', '2 Idly-1 Vada combo', '1 Idly- 2 vada combo', 'Rasam Vada (2 pcs)', 'Paruppu Vada (2 pcs)'
'Mini Sambar Idly',
'Thattu Idly (2pcs)',
'Ghee Podi Thattu Idly',
'Mini Ghee Podi Idly',
'Rava Khichdi',
'Sambar Idly (2 pcs)',
'Ghee Pongal',
'Kuzhi Paniyaram (10 pcs)',
'Idly with Paya (2 pcs)',
'Rasam Idly (2 pcs)',
'South Indian Thali (Weekends Only)',
'Poori Masala (2 Nos.)',
'Rasa Vada',
'Paruppu Vada (2 Nos.)',
'Pizza Dosa',
'Thayir Vada / Dhahi Vada',
'Sambar Vada',
], ],
}, },
{ {
@ -39,18 +22,62 @@ const categories = [
color: '#fff8e1', color: '#fff8e1',
accent: '#d99c43', accent: '#d99c43',
items: [ items: [
'Thayir (Dahi) Vada (2 pcs)', 'Gobi/Paneer 65', 'Chilli Parotta', 'Kothu Parotta', 'Chilli Gobi', 'Chilli Paneer', 'Gobi Manchurian', 'Chilli Idly'
'Rasam Vada (2 pcs)', ],
'Sambar Vada (2 pcs)', },
'Paruppu Vada (2 pcs)', {
'Medhu Vada (2 pcs)', id: 'tiffin-specials',
'Chilli Gobi', label: 'Tiffin Specials',
'Gobi Manchurian', emoji: '🍲',
'Chilli Idly', tagline: 'Delicious tiffin items',
'Kothu Parotta', color: '#f3e5f5',
'Chilli Paneer', accent: '#8e24aa',
'Gobi / Paneer 65', items: [
'Chilli Parotta', 'Ghee Pongal', 'Rava Kichadi', 'Mini Tiffin Combo', 'Mini Tiffin Combo w/t Coffee', 'Onion Pakoda', 'Onion Bhaji(4 pcs)'
],
},
{
id: 'dosa-varieties',
label: 'Dosa Varieties',
emoji: '🥞',
tagline: 'Crispy, golden, legendary',
color: '#e8f5e9',
accent: '#014d33',
items: [
'Plain Dosa', 'Masala Dosa', 'Mysore Dosa', 'Mysore Masala Dosa', 'Ghee Roast', 'Ghee Masala Dosa', 'Onion Dosa', 'Podi Masala Dosa', 'Onion Masala Dosa', 'Ghee Podi Masala Dosa', 'Pav Bhaji Dosa', 'Butter Masala Dosa', 'Cheese Dosa', 'Chettinad Masala Dosa', 'Andhra Kara Dosa', 'Andhra Kara Masala Dosa', 'Kal Dosa', 'Butter Garlic Dosa', 'Butter Garlic Masala Dosa', 'Paneer Butter/Burji Masala Dosa', 'Butter Dosa', 'Kids Cheese Dosa'
],
},
{
id: 'rava-specials',
label: 'Rava Specials',
emoji: '🥘',
tagline: 'Crispy semolina crepes',
color: '#fff3e0',
accent: '#ef6c00',
items: [
'Rava Dosa', 'Rava Masala', 'Onion Rava', 'Onion Rava Masala'
],
},
{
id: 'utthappams',
label: 'Utthappam',
emoji: '🫔',
tagline: 'Thick, soft & flavourful',
color: '#e3f2fd',
accent: '#1565c0',
items: [
'Onion Uttappam', 'Ghee Podi Uttappam', 'Mixed Veg Uttappam', 'Onion Tomato Uttappam', 'Onion-Chilli Uttappam', 'Plain Uttappam'
],
},
{
id: 'rice-dishes',
label: 'Rice Dishes',
emoji: '🍛',
tagline: 'Hearty midday meals',
color: '#fff3e0',
accent: '#e65100',
items: [
'Curd Rice', 'Sambar Rice', 'Puliyodharai', 'Veg Pulao', 'Lemon Rice'
], ],
}, },
{ {
@ -61,62 +88,40 @@ const categories = [
color: '#fce4ec', color: '#fce4ec',
accent: '#c2185b', accent: '#c2185b',
items: [ items: [
'Poori Masala', 'Chappathi Kurma (2 pcs)', 'Parotta Kurma (2 pcs)', 'Poori Masala'
'Parotta (2 Nos.)',
"Chappathy's (2 Nos.)",
], ],
}, },
{ {
id: 'speciality-dosa', id: 'weekend-specials',
label: 'Speciality Dosa', label: 'Weekend Specials',
emoji: '🥞', emoji: '🎉',
tagline: 'Crispy, golden, legendary', tagline: 'Saturday & Sunday Exclusives',
color: '#e8f5e9', color: '#e8eaf6',
accent: '#014d33', accent: '#3f51b5',
items: [ items: [
'Onion Rava Dosa', 'South Indian Meals (Limited)', 'Veg fried rice/Noodles', 'Channa Bhatura'
'Rava Dosa',
'Set Masala Dosa',
'Paneer Butter Masala Dosa',
'Butter Garlic Dosa',
'Mysore Masala Dosa',
'Onion Rava Masala Dosa',
'Rava Masala Dosa',
'Cheese Dosa',
'Chettinad Masala Dosa',
'Butter Masala Dosa',
], ],
}, },
{ {
id: 'lunch', id: 'sides',
label: 'Lunch', label: 'Sides',
emoji: '🍛', emoji: '🥣',
tagline: 'Hearty midday meals', tagline: 'Add to your meal',
color: '#fff3e0', color: '#efebe9',
accent: '#e65100', accent: '#5d4037',
items: [ items: [
'Sambar Rice', 'Sambar', 'Podi', 'Masala', 'Extra'
'Tamarind Rice',
'Bagala Bath (Curd Rice)',
'Rasam',
'Mini Meals',
'Lemon Rice',
'Veg Pulav',
], ],
}, },
{ {
id: 'utthappams', id: 'desserts',
label: 'Utthappams', label: 'Desserts',
emoji: '🫔', emoji: '🍨',
tagline: 'Thick, soft & flavourful', tagline: 'Sweet finish',
color: '#e3f2fd', color: '#fce4ec',
accent: '#1565c0', accent: '#ad1457',
items: [ items: [
'Plain Utthappam', 'Gulab Jamun', 'Rasamalai', 'Pineapple Kesari', 'Payasam'
'Onion Utthappam',
'Onion Chilli Utthappam',
'Mixed Veg Utthappam',
'Ghee Podi Utthappam',
], ],
}, },
{ {
@ -127,28 +132,15 @@ const categories = [
color: '#f3e5f5', color: '#f3e5f5',
accent: '#6a1b9a', accent: '#6a1b9a',
items: [ items: [
'Special Madras Coffee', 'Filter Coffee*', 'Mango Lassi', 'Rose Milk', 'Hot Badam Milk', 'Pop / Water', 'Masala Chai*'
'Special Chai',
],
},
{
id: 'combos',
label: 'Combos',
emoji: '🎁',
tagline: 'Best value pairings',
color: '#e8f5e9',
accent: '#2e7d32',
items: [
'1 Idly & 1 Vada',
'2 Idly & 1 Vada',
], ],
}, },
]; ];
export default function MenuSection() { export default function MenuSection() {
const [activeTab, setActiveTab] = useState('breakfast'); const [activeTab, setActiveTab] = useState('classics');
const [animating, setAnimating] = useState(false); const [animating, setAnimating] = useState(false);
const [displayedTab, setDisplayedTab] = useState('breakfast'); const [displayedTab, setDisplayedTab] = useState('classics');
const switchTab = (id) => { const switchTab = (id) => {
if (id === activeTab || animating) return; if (id === activeTab || animating) return;
@ -186,7 +178,7 @@ export default function MenuSection() {
onClick={() => switchTab(cat.id)} onClick={() => switchTab(cat.id)}
style={activeTab === cat.id ? { borderColor: cat.accent, color: cat.accent } : {}} style={activeTab === cat.id ? { borderColor: cat.accent, color: cat.accent } : {}}
> >
<span>{cat.emoji}</span> {/* <span>{cat.emoji}</span> */}
<span>{cat.label}</span> <span>{cat.label}</span>
</button> </button>
))} ))}
@ -205,7 +197,7 @@ export default function MenuSection() {
onClick={() => switchTab(cat.id)} onClick={() => switchTab(cat.id)}
style={activeTab === cat.id ? { background: cat.accent } : {}} style={activeTab === cat.id ? { background: cat.accent } : {}}
> >
<span className={styles.tabEmoji}>{cat.emoji}</span> {/* <span className={styles.tabEmoji}>{cat.emoji}</span> */}
<span className={styles.tabText}> <span className={styles.tabText}>
<span className={styles.tabLabel}>{cat.label}</span> <span className={styles.tabLabel}>{cat.label}</span>
<span className={styles.tabTagline}>{cat.tagline}</span> <span className={styles.tabTagline}>{cat.tagline}</span>
@ -224,7 +216,7 @@ export default function MenuSection() {
className={`${styles.catHeader} ${animating ? styles.fadeOut : styles.fadeIn}`} className={`${styles.catHeader} ${animating ? styles.fadeOut : styles.fadeIn}`}
style={{ background: currentCat.color, borderLeft: `4px solid ${currentCat.accent}` }} style={{ background: currentCat.color, borderLeft: `4px solid ${currentCat.accent}` }}
> >
<span className={styles.catEmoji}>{currentCat.emoji}</span> {/* <span className={styles.catEmoji}>{currentCat.emoji}</span> */}
<div> <div>
<h2 className={styles.catTitle} style={{ color: currentCat.accent }}> <h2 className={styles.catTitle} style={{ color: currentCat.accent }}>
{currentCat.label} {currentCat.label}
@ -244,9 +236,9 @@ export default function MenuSection() {
className={styles.itemCard} className={styles.itemCard}
style={{ animationDelay: `${i * 40}ms` }} style={{ animationDelay: `${i * 40}ms` }}
> >
<div className={styles.itemImageWrapper}> {/* <div className={styles.itemImageWrapper}>
<img src="/images/south-indian-thali.png" alt={item} className={styles.itemImage} /> <img src="/images/south-indian-thali.png" alt={item} className={styles.itemImage} />
</div> </div> */}
<div className={styles.itemContent}> <div className={styles.itemContent}>
<h3 className={styles.itemName}>{item}</h3> <h3 className={styles.itemName}>{item}</h3>
<p className={styles.itemDescription}>Authentic South Indian flavor.</p> <p className={styles.itemDescription}>Authentic South Indian flavor.</p>