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 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>

View File

@ -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">Appetizers</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">Utthappams</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>

View File

@ -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',
}

View File

@ -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>

View File

@ -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() {

View File

@ -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 dayallowing it to ferment naturallyto 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>

View File

@ -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>

View File

@ -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>

View File

@ -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>