updated the menu, and finalising the changes
|
Before Width: | Height: | Size: 780 KiB After Width: | Height: | Size: 789 KiB |
|
Before Width: | Height: | Size: 774 KiB After Width: | Height: | Size: 834 KiB |
BIN
public/images/mysore-masala.png
Normal file
|
After Width: | Height: | Size: 795 KiB |
BIN
public/images/plain-dosa.png
Normal file
|
After Width: | Height: | Size: 830 KiB |
|
Before Width: | Height: | Size: 768 KiB After Width: | Height: | Size: 820 KiB |
BIN
public/images/south-indian-thali.jpeg
Normal file
|
After Width: | Height: | Size: 207 KiB |
@ -3,7 +3,7 @@ import Footer from "@/components/Footer";
|
||||
import ScrollToTop from "@/components/ScrollToTop";
|
||||
import HeroBanner from "@/components/HeroBanner";
|
||||
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";
|
||||
|
||||
export default function ContactPage() {
|
||||
@ -26,22 +26,17 @@ export default function ContactPage() {
|
||||
<div className="contact-card">
|
||||
<FaPhone className="card-icon" />
|
||||
<h4>Phone</h4>
|
||||
<p>+91 9876543210</p>
|
||||
</div>
|
||||
<div className="contact-card">
|
||||
<FaWhatsapp className="card-icon" />
|
||||
<h4>Whatsapp</h4>
|
||||
<p>+91 9876543210</p>
|
||||
<p>+1 (519) 888-7459</p>
|
||||
</div>
|
||||
<div className="contact-card">
|
||||
<FaEnvelope className="card-icon" />
|
||||
<h4>Email</h4>
|
||||
<p>info@mydosaplace.com</p>
|
||||
<p>mydosaplacewaterloo@gmail.com</p>
|
||||
</div>
|
||||
<div className="contact-card">
|
||||
<FaMapMarkerAlt className="card-icon" />
|
||||
<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>
|
||||
|
||||
|
||||
@ -20,8 +20,8 @@ export default function Footer() {
|
||||
{/* <span className={styles.logoText}>My Dosa Place</span> */}
|
||||
</Link>
|
||||
<p className={styles.brandDesc}>
|
||||
Bringing the authentic taste of South India to Waterloo since 1980.
|
||||
Every dosa tells a story of tradition and flavor.
|
||||
Bringing the authentic, comforting taste of South India to Waterloo.
|
||||
Every dosa tells a story of timeless tradition and uncompromised flavor.
|
||||
</p>
|
||||
<div className={styles.socials}>
|
||||
{/* Real icons */}
|
||||
@ -53,14 +53,14 @@ export default function Footer() {
|
||||
<div className={styles.column}>
|
||||
<h4 className={styles.columnTitle}>Our Menu</h4>
|
||||
<ul className={styles.linkList}>
|
||||
<li><Link href="#menu">Breakfast</Link></li>
|
||||
<li><Link href="#menu">Appetizer’s</Link></li>
|
||||
<li><Link href="#menu">Breads</Link></li>
|
||||
<li><Link href="#menu">Speciality Dosa</Link></li>
|
||||
<li><Link href="#menu">Lunch</Link></li>
|
||||
<li><Link href="#menu">Utthappam’s</Link></li>
|
||||
<li><Link href="#menu">BEVERAGES</Link></li>
|
||||
<li><Link href="#menu">Combos</Link></li>
|
||||
<li><Link href="/menu">Classics</Link></li>
|
||||
<li><Link href="/menu">Dosa Varieties</Link></li>
|
||||
<li><Link href="/menu">Tiffin Specials</Link></li>
|
||||
<li><Link href="/menu">Appetizers</Link></li>
|
||||
<li><Link href="/menu">Utthappams</Link></li>
|
||||
<li><Link href="/menu">Rice Dishes</Link></li>
|
||||
<li><Link href="/menu">Weekend Specials</Link></li>
|
||||
<li><Link href="/menu">Beverages</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@ -71,9 +71,8 @@ export default function Footer() {
|
||||
<div className={styles.contactItem}>
|
||||
<h5 className={styles.contactLabel}>Address</h5>
|
||||
<p className={styles.contactText}>
|
||||
#922 ERB STREET WEST<br />
|
||||
ON N2T OC3<br />
|
||||
WATERLOO
|
||||
922 Erb St. W Unit C3#3<br />
|
||||
Waterloo, ON N2T 0C9
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@ -88,8 +87,11 @@ export default function Footer() {
|
||||
<div className={styles.contactItem}>
|
||||
<h5 className={styles.contactLabel}>Opening hours</h5>
|
||||
<p className={styles.contactText}>
|
||||
Mon - Thu: 4pm-10pm<br />
|
||||
Fri - Sun: 11am-10pm
|
||||
Sun: 12 PM - 9 PM<br />
|
||||
Mon: 4 PM - 10 PM<br />
|
||||
Tue: Closed<br />
|
||||
Wed & Sat: 12 PM - 10 PM<br />
|
||||
Thu & Fri: 5 PM - 10 PM
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -6,17 +6,17 @@ import styles from './HeroSection.module.css';
|
||||
const slides = [
|
||||
{
|
||||
image: '/images/hero-dosa.png',
|
||||
title: 'Authentic South Indian',
|
||||
highlight: '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.',
|
||||
title: 'The Comfort of Home',
|
||||
highlight: 'Pure Vegetarian Flavours',
|
||||
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 🍽️',
|
||||
secondaryBtn: 'Book a Table',
|
||||
},
|
||||
{
|
||||
image: '/images/south-indian-thali.png',
|
||||
image: '/images/south-indian-thali.jpeg',
|
||||
title: 'Experience the Royal',
|
||||
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',
|
||||
secondaryBtn: 'Reserve Now',
|
||||
},
|
||||
@ -24,7 +24,7 @@ const slides = [
|
||||
image: '/images/crispy-masala.png',
|
||||
title: 'Crispy, Golden &',
|
||||
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',
|
||||
secondaryBtn: 'Our Story',
|
||||
}
|
||||
|
||||
@ -106,8 +106,8 @@ export default function LocationSection() {
|
||||
<div>
|
||||
<h4 className={styles.infoLabel}>Our Location</h4>
|
||||
<p className={styles.infoText}>
|
||||
123 King St S, Waterloo,<br />
|
||||
ON N2J 1N9, Canada
|
||||
922 Erb St. W Unit C3#3,<br />
|
||||
Waterloo, ON N2T 0C9
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -119,8 +119,11 @@ export default function LocationSection() {
|
||||
<div>
|
||||
<h4 className={styles.infoLabel}>Opening Hours</h4>
|
||||
<p className={styles.infoText}>
|
||||
Mon – Thu: 4 PM – 10 PM<br />
|
||||
Fri – Sun: 11 AM – 10 PM
|
||||
Sun: 12 PM – 9 PM<br />
|
||||
Mon: 4 PM – 10 PM<br />
|
||||
Tue: Closed<br />
|
||||
Wed & Sat: 12 PM – 10 PM<br />
|
||||
Thu & Fri: 5 PM – 10 PM
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,12 +2,12 @@ import Image from 'next/image';
|
||||
import styles from './MenuSection.module.css';
|
||||
|
||||
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: '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: 'Authentic Sambar', desc: 'Flavorful lentil stew with fresh vegetables & 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: 'Medu Vada', desc: 'Crispy fried lentil donuts served with coconut chutney', price: '$9.99', image: '/images/new.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: '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 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: '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: '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: '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: '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() {
|
||||
|
||||
@ -63,31 +63,30 @@ export default function StorySection() {
|
||||
|
||||
{/* Heritage badge */}
|
||||
<div className={styles.badge}>
|
||||
<span className={styles.badgeNumber}>45+</span>
|
||||
<span className={styles.badgeText}>Years of South Indian<br/>Culinary Heritage</span>
|
||||
<span className={styles.badgeNumber}>100%</span>
|
||||
<span className={styles.badgeText}>Authentic South Indian<br/>Pure Vegetarian</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right - 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>
|
||||
<p className={styles.description}>
|
||||
Born from a passion for preserving the culinary heritage of
|
||||
South India, My Dosa Place brings authentic flavors from the
|
||||
kitchens of Tamil Nadu and Karnataka right to Waterloo.
|
||||
For those missing the vibrant, comforting kitchens of Tamil Nadu and Karnataka,
|
||||
My Dosa Place brings the warmth and nostalgia of back home right to Waterloo.
|
||||
We are a pure vegetarian haven dedicated to uncompromised, traditional South Indian flavors.
|
||||
</p>
|
||||
<p className={styles.description}>
|
||||
Every dosa is crafted with love using traditional recipes passed
|
||||
down through generations. We source the finest ingredients and
|
||||
grind our own batter fresh every day to ensure that perfect
|
||||
crispy, golden crepe.
|
||||
Every dosa is crafted with love using timeless recipes passed down through generations.
|
||||
We stone-grind our batter fresh every day—allowing it to ferment naturally—to ensure
|
||||
you get that perfect, healthy, golden-crisp crepe every single time.
|
||||
</p>
|
||||
|
||||
<div className={styles.stats}>
|
||||
<div className={styles.statItem}>
|
||||
<span className={styles.statNumber}>45+</span>
|
||||
<span className={styles.statNumber}>Authentic</span>
|
||||
<span className={styles.statLabel}>Recipes</span>
|
||||
</div>
|
||||
<div className={styles.statDivider}></div>
|
||||
|
||||
@ -40,14 +40,14 @@ export default function AboutFAQ() {
|
||||
<div className={styles.imageCol}>
|
||||
<div className={styles.imageWrapper}>
|
||||
<Image
|
||||
src="/images/south-indian-thali.png"
|
||||
src="/images/south-indian-thali.jpeg"
|
||||
alt="South Indian Thali at My Dosa Place"
|
||||
fill
|
||||
style={{ objectFit: 'cover' }}
|
||||
/>
|
||||
<div className={styles.imageBadge}>
|
||||
<span className={styles.badgeNum}>6+</span>
|
||||
<span className={styles.badgeLabel}>Years of<br />Trust</span>
|
||||
<span className={styles.badgeNum}>100%</span>
|
||||
<span className={styles.badgeLabel}>Authentic<br />Recipes</span>
|
||||
</div>
|
||||
<div className={styles.imageAccent} />
|
||||
</div>
|
||||
|
||||
@ -26,8 +26,8 @@ export default function AboutStory() {
|
||||
/>
|
||||
</div>
|
||||
<div className={styles.statBadge}>
|
||||
<span className={styles.statNumber}>25+</span>
|
||||
<span className={styles.statLabel}>Years of<br />Tradition</span>
|
||||
<span className={styles.statNumber}>100%</span>
|
||||
<span className={styles.statLabel}>Authentic<br />Vegetarian</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -41,13 +41,14 @@ export default function AboutStory() {
|
||||
A Journey from <em>Tamil Nadu</em> to Your Table
|
||||
</h2>
|
||||
<p className={styles.lead}>
|
||||
My Dosa Place was born from a simple promise — to bring the soul of South Indian
|
||||
home cooking to every guest, prepared fresh with ingredients sourced from trusted
|
||||
local and imported suppliers.
|
||||
My Dosa Place was born from a simple promise — to bring the soul-warming,
|
||||
traditional South Indian home cooking to everyone in Waterloo. We recreate the authentic
|
||||
flavors you miss from back home.
|
||||
</p>
|
||||
<p className={styles.body}>
|
||||
Our founder Priya Nair grew up watching her grandmother perfect the art of
|
||||
fermentation — the ancient science behind every crispy, golden dosa.
|
||||
We believe in the ancient science of fermentation, preparing our batter daily with
|
||||
stone-ground rice and lentils. This time-honored process creates a beautiful, golden, crispy
|
||||
crepe that is healthy, flavorful, and deeply nostalgic.
|
||||
</p>
|
||||
{/* <p className={styles.body}>
|
||||
We are proudly 100% vegetarian and use no artificial additives. Our menu
|
||||
@ -64,10 +65,10 @@ export default function AboutStory() {
|
||||
</div>
|
||||
</div>
|
||||
<div className={styles.pillar}>
|
||||
<div className={styles.pillarIcon}>🏆</div>
|
||||
<div className={styles.pillarIcon}>❤️</div>
|
||||
<div>
|
||||
<strong>Award-Winning Recipes</strong>
|
||||
<span>Recognized by the Waterloo Culinary Guild</span>
|
||||
<strong>A Taste of Nostalgia</strong>
|
||||
<span>Experience the true flavors of South India</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -4,31 +4,14 @@ import styles from './MenuSection.module.css';
|
||||
|
||||
const categories = [
|
||||
{
|
||||
id: 'breakfast',
|
||||
label: 'Breakfast',
|
||||
id: 'classics',
|
||||
label: 'Classics',
|
||||
emoji: '🌅',
|
||||
tagline: 'Start your morning right',
|
||||
tagline: 'Authentic South Indian Breakfast',
|
||||
color: '#e8f5e9',
|
||||
accent: '#014d33',
|
||||
items: [
|
||||
'Idly (2pcs)',
|
||||
'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',
|
||||
'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)'
|
||||
],
|
||||
},
|
||||
{
|
||||
@ -39,18 +22,62 @@ const categories = [
|
||||
color: '#fff8e1',
|
||||
accent: '#d99c43',
|
||||
items: [
|
||||
'Thayir (Dahi) Vada (2 pcs)',
|
||||
'Rasam Vada (2 pcs)',
|
||||
'Sambar Vada (2 pcs)',
|
||||
'Paruppu Vada (2 pcs)',
|
||||
'Medhu Vada (2 pcs)',
|
||||
'Chilli Gobi',
|
||||
'Gobi Manchurian',
|
||||
'Chilli Idly',
|
||||
'Kothu Parotta',
|
||||
'Chilli Paneer',
|
||||
'Gobi / Paneer 65',
|
||||
'Chilli Parotta',
|
||||
'Gobi/Paneer 65', 'Chilli Parotta', 'Kothu Parotta', 'Chilli Gobi', 'Chilli Paneer', 'Gobi Manchurian', 'Chilli Idly'
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'tiffin-specials',
|
||||
label: 'Tiffin Specials',
|
||||
emoji: '🍲',
|
||||
tagline: 'Delicious tiffin items',
|
||||
color: '#f3e5f5',
|
||||
accent: '#8e24aa',
|
||||
items: [
|
||||
'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',
|
||||
accent: '#c2185b',
|
||||
items: [
|
||||
'Poori Masala',
|
||||
'Parotta (2 Nos.)',
|
||||
"Chappathy's (2 Nos.)",
|
||||
'Chappathi Kurma (2 pcs)', 'Parotta Kurma (2 pcs)', 'Poori Masala'
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'speciality-dosa',
|
||||
label: 'Speciality Dosa',
|
||||
emoji: '🥞',
|
||||
tagline: 'Crispy, golden, legendary',
|
||||
color: '#e8f5e9',
|
||||
accent: '#014d33',
|
||||
id: 'weekend-specials',
|
||||
label: 'Weekend Specials',
|
||||
emoji: '🎉',
|
||||
tagline: 'Saturday & Sunday Exclusives',
|
||||
color: '#e8eaf6',
|
||||
accent: '#3f51b5',
|
||||
items: [
|
||||
'Onion Rava Dosa',
|
||||
'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',
|
||||
'South Indian Meals (Limited)', 'Veg fried rice/Noodles', 'Channa Bhatura'
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'lunch',
|
||||
label: 'Lunch',
|
||||
emoji: '🍛',
|
||||
tagline: 'Hearty midday meals',
|
||||
color: '#fff3e0',
|
||||
accent: '#e65100',
|
||||
id: 'sides',
|
||||
label: 'Sides',
|
||||
emoji: '🥣',
|
||||
tagline: 'Add to your meal',
|
||||
color: '#efebe9',
|
||||
accent: '#5d4037',
|
||||
items: [
|
||||
'Sambar Rice',
|
||||
'Tamarind Rice',
|
||||
'Bagala Bath (Curd Rice)',
|
||||
'Rasam',
|
||||
'Mini Meals',
|
||||
'Lemon Rice',
|
||||
'Veg Pulav',
|
||||
'Sambar', 'Podi', 'Masala', 'Extra'
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'utthappams',
|
||||
label: 'Utthappams',
|
||||
emoji: '🫔',
|
||||
tagline: 'Thick, soft & flavourful',
|
||||
color: '#e3f2fd',
|
||||
accent: '#1565c0',
|
||||
id: 'desserts',
|
||||
label: 'Desserts',
|
||||
emoji: '🍨',
|
||||
tagline: 'Sweet finish',
|
||||
color: '#fce4ec',
|
||||
accent: '#ad1457',
|
||||
items: [
|
||||
'Plain Utthappam',
|
||||
'Onion Utthappam',
|
||||
'Onion Chilli Utthappam',
|
||||
'Mixed Veg Utthappam',
|
||||
'Ghee Podi Utthappam',
|
||||
'Gulab Jamun', 'Rasamalai', 'Pineapple Kesari', 'Payasam'
|
||||
],
|
||||
},
|
||||
{
|
||||
@ -127,28 +132,15 @@ const categories = [
|
||||
color: '#f3e5f5',
|
||||
accent: '#6a1b9a',
|
||||
items: [
|
||||
'Special Madras Coffee',
|
||||
'Special Chai',
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'combos',
|
||||
label: 'Combos',
|
||||
emoji: '🎁',
|
||||
tagline: 'Best value pairings',
|
||||
color: '#e8f5e9',
|
||||
accent: '#2e7d32',
|
||||
items: [
|
||||
'1 Idly & 1 Vada',
|
||||
'2 Idly & 1 Vada',
|
||||
'Filter Coffee*', 'Mango Lassi', 'Rose Milk', 'Hot Badam Milk', 'Pop / Water', 'Masala Chai*'
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
export default function MenuSection() {
|
||||
const [activeTab, setActiveTab] = useState('breakfast');
|
||||
const [activeTab, setActiveTab] = useState('classics');
|
||||
const [animating, setAnimating] = useState(false);
|
||||
const [displayedTab, setDisplayedTab] = useState('breakfast');
|
||||
const [displayedTab, setDisplayedTab] = useState('classics');
|
||||
|
||||
const switchTab = (id) => {
|
||||
if (id === activeTab || animating) return;
|
||||
@ -186,7 +178,7 @@ export default function MenuSection() {
|
||||
onClick={() => switchTab(cat.id)}
|
||||
style={activeTab === cat.id ? { borderColor: cat.accent, color: cat.accent } : {}}
|
||||
>
|
||||
<span>{cat.emoji}</span>
|
||||
{/* <span>{cat.emoji}</span> */}
|
||||
<span>{cat.label}</span>
|
||||
</button>
|
||||
))}
|
||||
@ -205,7 +197,7 @@ export default function MenuSection() {
|
||||
onClick={() => switchTab(cat.id)}
|
||||
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.tabLabel}>{cat.label}</span>
|
||||
<span className={styles.tabTagline}>{cat.tagline}</span>
|
||||
@ -224,7 +216,7 @@ export default function MenuSection() {
|
||||
className={`${styles.catHeader} ${animating ? styles.fadeOut : styles.fadeIn}`}
|
||||
style={{ background: currentCat.color, borderLeft: `4px solid ${currentCat.accent}` }}
|
||||
>
|
||||
<span className={styles.catEmoji}>{currentCat.emoji}</span>
|
||||
{/* <span className={styles.catEmoji}>{currentCat.emoji}</span> */}
|
||||
<div>
|
||||
<h2 className={styles.catTitle} style={{ color: currentCat.accent }}>
|
||||
{currentCat.label}
|
||||
@ -244,9 +236,9 @@ export default function MenuSection() {
|
||||
className={styles.itemCard}
|
||||
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} />
|
||||
</div>
|
||||
</div> */}
|
||||
<div className={styles.itemContent}>
|
||||
<h3 className={styles.itemName}>{item}</h3>
|
||||
<p className={styles.itemDescription}>Authentic South Indian flavor.</p>
|
||||
|
||||