shafi/mrcool
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

enh

Browse source
This commit is contained in:
shafi54 2026-03-24 15:23:46 +05:30
parent 5ff5608363
commit 24bffcabeb
3 changed files with 276 additions and 76 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
items.md Normal file
View file

10
src/components/Navigation.tsx
View file

@ -2,11 +2,14 @@ import { useState, useEffect } from 'react';
import { cn } from '@/lib/utils'; import { cn } from '@/lib/utils';
const sections = [ const sections = [
{ id: 'milkshakes', label: 'Milkshakes' }, { id: 'milkshakes', label: 'Milk Shakes' },
{ id: 'mocktails', label: 'Mocktails' }, { id: 'thickshakes', label: 'Thick Shakes' },
{ id: 'mojitos', label: 'Mojitos' },
{ id: 'waffles', label: 'Waffles' }, { id: 'waffles', label: 'Waffles' },
{ id: 'wafflecakes', label: 'Waffle Cakes' },
{ id: 'fries', label: 'Fries' }, { id: 'fries', label: 'Fries' },
{ id: 'nuggets', label: 'Nuggets' }, { id: 'nuggets', label: 'Nuggets & Bites' },
{ id: 'scoops', label: 'Scoops' },
]; ];
export function Navigation() { export function Navigation() {
@ -17,7 +20,6 @@ export function Navigation() {
const handleScroll = () => { const handleScroll = () => {
setIsScrolled(window.scrollY > 100); setIsScrolled(window.scrollY > 100);
// Find which section is currently in view
const sectionElements = sections.map(section => ({ const sectionElements = sections.map(section => ({
id: section.id, id: section.id,
element: document.getElementById(section.id), element: document.getElementById(section.id),

340
src/pages/index.astro
View file

@ -59,66 +59,164 @@ const tableId = url.searchParams.get('table') || 'Unknown';
</div> </div>
</header> </header>
<!-- Milkshakes Section --> <!-- Milk Shakes Section -->
<MenuSection <MenuSection
id="milkshakes" id="milkshakes"
title="Signature Milkshakes" title="Milk Shakes"
subtitle="Creamy, dreamy, and made with love. Our milkshakes are blended to perfection with premium ingredients." subtitle="Creamy, dreamy, and made with love. Our milkshakes are blended to perfection with premium ingredients."
> >
<MenuItem <MenuItem
name="Kitkat Shake" name="Rose Milk"
description="Rich chocolate shake blended with crushed Kitkat pieces, topped with whipped cream and more Kitkat chunks." description="Refreshing rose flavored milkshake with the delicate aroma of rose syrup."
price="₹149" price="₹49"
image="https://images.unsplash.com/photo-1572490122747-3968b75cc699?w=600&h=400&fit=crop"
/>
<MenuItem
name="Vanilla Shake"
description="Classic creamy vanilla milkshake made with Madagascar vanilla beans and premium ice cream."
price="₹129"
image="https://images.unsplash.com/photo-1579954115545-a95591f28bfc?w=600&h=400&fit=crop" image="https://images.unsplash.com/photo-1579954115545-a95591f28bfc?w=600&h=400&fit=crop"
/> />
<MenuItem <MenuItem
name="Oreo Shake" name="Kesar Milk"
description="Cookie lover's dream! Blended with Oreo cookies, vanilla ice cream, and topped with cookie crumbles." description="Rich and creamy saffron-infused milkshake with the exotic flavor of kesar."
price="₹149" price="₹49"
image="https://images.unsplash.com/photo-1579954115545-a95591f28bfc?w=600&h=400&fit=crop"
/>
<MenuItem
name="Strawberry"
description="Fresh strawberry milkshake made with real strawberries and creamy milk."
price="₹69"
image="https://images.unsplash.com/photo-1579954115545-a95591f28bfc?w=600&h=400&fit=crop"
/>
<MenuItem
name="Vanilla"
description="Classic creamy vanilla milkshake made with Madagascar vanilla beans."
price="₹69"
image="https://images.unsplash.com/photo-1579954115545-a95591f28bfc?w=600&h=400&fit=crop"
/>
<MenuItem
name="Chocolate"
description="Rich chocolate milkshake made with premium cocoa and creamy ice cream."
price="₹79"
image="https://images.unsplash.com/photo-1572490122747-3968b75cc699?w=600&h=400&fit=crop"
/>
<MenuItem
name="Oreo"
description="Cookie lover's dream! Blended with Oreo cookies and vanilla ice cream."
price="₹89"
image="https://images.unsplash.com/photo-1563805042-7684c019e1cb?w=600&h=400&fit=crop" image="https://images.unsplash.com/photo-1563805042-7684c019e1cb?w=600&h=400&fit=crop"
/> />
<MenuItem <MenuItem
name="Pista Shake" name="Kit Kat"
description="Delicate pistachio milkshake with real pistachio paste, garnished with crushed pistachios." description="Chocolate shake blended with crushed Kit Kat pieces and topped with whipped cream."
price="₹159" price="₹89"
image="https://images.unsplash.com/photo-1577805947697-89e18249d767?w=600&h=400&fit=crop" image="https://images.unsplash.com/photo-1572490122747-3968b75cc699?w=600&h=400&fit=crop"
/> />
<MenuItem <MenuItem
name="Black Currant Shake" name="Dry Fruit"
description="Tangy and sweet black currant milkshake with fresh berries and a swirl of berry syrup." description="Nutritious milkshake loaded with assorted dry fruits and nuts."
price="₹149" price="₹99"
image="https://images.unsplash.com/photo-1579954115545-a95591f28bfc?w=600&h=400&fit=crop"
/>
<MenuItem
name="Black Currant"
description="Tangy and sweet black currant milkshake with fresh berries."
price="₹99"
image="https://images.unsplash.com/photo-1623065422902-30a2d299bbe4?w=600&h=400&fit=crop" image="https://images.unsplash.com/photo-1623065422902-30a2d299bbe4?w=600&h=400&fit=crop"
/> />
<MenuItem
name="Belgium Dark Chocolate"
description="Luxurious dark chocolate milkshake made with premium Belgium chocolate."
price="₹99"
image="https://images.unsplash.com/photo-1572490122747-3968b75cc699?w=600&h=400&fit=crop"
/>
</MenuSection> </MenuSection>
<!-- Mocktails Section --> <!-- Thick Shakes Section -->
<MenuSection <MenuSection
id="mocktails" id="thickshakes"
title="Refreshing Mocktails" title="Thick Shakes"
subtitle="Non-alcoholic beverages crafted with fresh ingredients and bursting with flavors." subtitle="Extra thick and creamy shakes that you can eat with a spoon. Pure indulgence!"
> >
<MenuItem <MenuItem
name="Blue Curacao" name="Oreo Thick Shake"
description="Vibrant blue mocktail with citrus notes, lemonade, and a splash of soda. Refreshing and Instagram-worthy!" description="Extra thick Oreo shake with double the cookies and extra creaminess."
price="₹119" price="₹139"
image="https://images.unsplash.com/photo-1513558161293-cdaf765ed2fd?w=600&h=400&fit=crop" image="https://images.unsplash.com/photo-1563805042-7684c019e1cb?w=600&h=400&fit=crop"
/> />
<MenuItem <MenuItem
name="Mint Mojito" name="Kit Kat Thick Shake"
description="Fresh mint leaves muddled with lime juice, simple syrup, and topped with soda water. Classic and refreshing." description="Thick shake loaded with crushed Kit Kat bars and chocolate sauce."
price="₹99" price="₹139"
image="https://images.unsplash.com/photo-1572490122747-3968b75cc699?w=600&h=400&fit=crop"
/>
<MenuItem
name="Belgium Dark Chocolate"
description="Decadent thick shake made with rich Belgium dark chocolate."
price="₹159"
image="https://images.unsplash.com/photo-1572490122747-3968b75cc699?w=600&h=400&fit=crop"
/>
<MenuItem
name="Nutella Chocolate"
description="Heavenly combination of Nutella and chocolate in a thick, creamy shake."
price="₹169"
image="https://images.unsplash.com/photo-1572490122747-3968b75cc699?w=600&h=400&fit=crop"
/>
<MenuItem
name="Mango Blast"
description="Thick and creamy mango shake bursting with tropical flavor."
price="₹169"
image="https://images.unsplash.com/photo-1623065422902-30a2d299bbe4?w=600&h=400&fit=crop"
/>
<MenuItem
name="Oreo Nutella"
description="The perfect combination of Oreo cookies and Nutella in a thick shake."
price="₹169"
image="https://images.unsplash.com/photo-1563805042-7684c019e1cb?w=600&h=400&fit=crop"
/>
<MenuItem
name="Strawberry Chocolate"
description="Delicious blend of strawberry and chocolate flavors in a thick shake."
price="₹169"
image="https://images.unsplash.com/photo-1623065422902-30a2d299bbe4?w=600&h=400&fit=crop"
/>
<MenuItem
name="Triple Choco Chips"
description="Ultimate chocolate lover's shake with three types of chocolate chips."
price="₹169"
image="https://images.unsplash.com/photo-1572490122747-3968b75cc699?w=600&h=400&fit=crop"
/>
</MenuSection>
<!-- Mojitos Section -->
<MenuSection
id="mojitos"
title="Mojitos"
subtitle="Refreshing non-alcoholic mocktails with fresh ingredients and bursting with flavors."
>
<MenuItem
name="Virgin Mojito"
description="Classic refreshing mojito with fresh mint, lime, and soda water."
price="₹49"
image="https://images.unsplash.com/photo-1551538827-9c037cb4f32a?w=600&h=400&fit=crop" image="https://images.unsplash.com/photo-1551538827-9c037cb4f32a?w=600&h=400&fit=crop"
/> />
<MenuItem <MenuItem
name="Ginger Sparkle" name="Ginger Lime"
description="Spicy ginger beer with fresh lime, honey, and a hint of mint. Perfect for ginger lovers." description="Spicy ginger with fresh lime juice and mint for a zesty kick."
price="₹109" price="₹69"
image="https://images.unsplash.com/photo-1551538827-9c037cb4f32a?w=600&h=400&fit=crop"
/>
<MenuItem
name="Green Mint"
description="Extra minty and refreshing with fresh garden mint leaves."
price="₹69"
image="https://images.unsplash.com/photo-1551538827-9c037cb4f32a?w=600&h=400&fit=crop"
/>
<MenuItem
name="Citrus Punch"
description="Burst of citrus flavors with orange, lemon, and lime."
price="₹59"
image="https://images.unsplash.com/photo-1551538827-9c037cb4f32a?w=600&h=400&fit=crop"
/>
<MenuItem
name="Blue Lagoon"
description="Vibrant blue mocktail with citrus notes and a refreshing taste."
price="₹69"
image="https://images.unsplash.com/photo-1513558161293-cdaf765ed2fd?w=600&h=400&fit=crop" image="https://images.unsplash.com/photo-1513558161293-cdaf765ed2fd?w=600&h=400&fit=crop"
/> />
</MenuSection> </MenuSection>
@ -126,78 +224,178 @@ const tableId = url.searchParams.get('table') || 'Unknown';
<!-- Waffles Section --> <!-- Waffles Section -->
<MenuSection <MenuSection
id="waffles" id="waffles"
title="Belgian Waffles" title="Waffles"
subtitle="Golden, crispy on the outside, fluffy on the inside. Our waffles are made fresh to order." subtitle="Golden, crispy on the outside, fluffy on the inside. Our waffles are made fresh to order."
> >
<MenuItem <MenuItem
name="Classic Waffle" name="Kit Kat Waffle"
description="Traditional Belgian waffle served with maple syrup and a dollop of whipped butter." description="Delicious waffle topped with crushed Kit Kat pieces and chocolate sauce."
price="₹109"
image="https://images.unsplash.com/photo-1562376552-0d160a2f238d?w=600&h=400&fit=crop"
/>
<MenuItem
name="Redvelvet Waffle"
description="Beautiful red velvet waffle with cream cheese frosting."
price="₹109"
image="https://images.unsplash.com/photo-1562376552-0d160a2f238d?w=600&h=400&fit=crop"
/>
<MenuItem
name="Lotus Biscoff Waffle"
description="Waffle topped with Lotus Biscoff spread and cookie crumbles."
price="₹109"
image="https://images.unsplash.com/photo-1562376552-0d160a2f238d?w=600&h=400&fit=crop"
/>
<MenuItem
name="Almond Brownie Waffle"
description="Rich brownie waffle topped with almonds and chocolate drizzle."
price="₹129" price="₹129"
image="https://images.unsplash.com/photo-1562376552-0d160a2f238d?w=600&h=400&fit=crop" image="https://images.unsplash.com/photo-1562376552-0d160a2f238d?w=600&h=400&fit=crop"
/> />
<MenuItem <MenuItem
name="Chocolate Waffle" name="Triple Chocolate Waffle"
description="Waffle topped with rich chocolate sauce, chocolate chips, and vanilla ice cream." description="Chocolate waffle with chocolate sauce and chocolate chips."
price="₹159" price="₹119"
image="https://images.unsplash.com/photo-1504754524776-8f4f37790ca0?w=600&h=400&fit=crop" image="https://images.unsplash.com/photo-1562376552-0d160a2f238d?w=600&h=400&fit=crop"
/> />
<MenuItem <MenuItem
name="Berry Waffle" name="Belgium Chocolate Waffle"
description="Fresh strawberries and blueberries with honey drizzle and powdered sugar." description="Authentic Belgium chocolate waffle with premium chocolate."
price="₹169" price="₹99"
image="https://images.unsplash.com/photo-1506084868236-b838e4ac5bd5?w=600&h=400&fit=crop" image="https://images.unsplash.com/photo-1562376552-0d160a2f238d?w=600&h=400&fit=crop"
/>
<MenuItem
name="Kiki & Oreo Chocolate Waffle"
description="Waffle topped with Kiki and Oreo cookies with chocolate."
price="₹99"
image="https://images.unsplash.com/photo-1562376552-0d160a2f238d?w=600&h=400&fit=crop"
/>
</MenuSection>
<!-- Waffle Cakes Section -->
<MenuSection
id="wafflecakes"
title="Waffle Cakes"
subtitle="Layered waffle cakes with delicious fillings. Choose single or double layer."
>
<MenuItem
name="Triple Chocolate Waffle Cake"
description="Layered waffle cake with triple chocolate goodness. Available in single or double layer."
price="₹259 / ₹449"
image="https://images.unsplash.com/photo-1562376552-0d160a2f238d?w=600&h=400&fit=crop"
/>
<MenuItem
name="Belgium Chocolate Waffle Cake"
description="Premium Belgium chocolate layered waffle cake. Available in single or double layer."
price="₹239 / ₹429"
image="https://images.unsplash.com/photo-1562376552-0d160a2f238d?w=600&h=400&fit=crop"
/> />
</MenuSection> </MenuSection>
<!-- Fries Section --> <!-- Fries Section -->
<MenuSection <MenuSection
id="fries" id="fries"
title="French Fries" title="Fries"
subtitle="Crispy, golden, and absolutely addictive. Perfect for sharing or keeping all to yourself!" subtitle="Crispy, golden, and absolutely addictive. Perfect for sharing or keeping all to yourself!"
> >
<MenuItem <MenuItem
name="Classic Fries" name="Salted French Fries"
description="Crispy golden fries lightly salted. The perfect side to any meal." description="Classic crispy fries lightly salted. Available in Regular and Large sizes."
price="₹79" price="₹79 / ₹99"
image="https://images.unsplash.com/photo-1630384060421-cb20d0e0649d?w=600&h=400&fit=crop" image="https://images.unsplash.com/photo-1630384060421-cb20d0e0649d?w=600&h=400&fit=crop"
/> />
<MenuItem
name="Cheese Fries"
description="Fries loaded with melted cheese sauce and sprinkled with herbs."
price="₹109"
image="https://images.unsplash.com/photo-1585109649139-366815a0d713?w=600&h=400&fit=crop"
/>
<MenuItem <MenuItem
name="Peri Peri Fries" name="Peri Peri Fries"
description="Spicy peri peri seasoned fries with a kick. Served with cooling dip." description="Spicy peri peri seasoned fries with a kick. Available in Regular and Large sizes."
price="₹99" price="₹99 / ₹119"
image="https://images.unsplash.com/photo-1573080496219-bb080dd4f877?w=600&h=400&fit=crop" image="https://images.unsplash.com/photo-1573080496219-bb080dd4f877?w=600&h=400&fit=crop"
/> />
</MenuSection> </MenuSection>
<!-- Nuggets Section --> <!-- Nuggets & Bites Section -->
<MenuSection <MenuSection
id="nuggets" id="nuggets"
title="Chicken Nuggets" title="Nuggets & Bites"
subtitle="Tender, juicy, and perfectly crispy. Our nuggets are a crowd favorite." subtitle="Crispy, flavorful bites perfect for snacking. Available in different quantities."
> >
<MenuItem <MenuItem
name="Classic Nuggets" name="Chilli Cheesy Nuggets"
description="6 pieces of crispy chicken nuggets served with ketchup and mustard." description="Spicy cheesy nuggets with a delightful kick. Available in 4pc/6pc/8pc/10pc."
price="₹129" price="₹49 / ₹79 / ₹99 / ₹119"
image="https://images.unsplash.com/photo-1626082927389-6cd097cdc6ec?w=600&h=400&fit=crop" image="https://images.unsplash.com/photo-1626082927389-6cd097cdc6ec?w=600&h=400&fit=crop"
/> />
<MenuItem <MenuItem
name="Spicy Nuggets" name="Chilli Garlic Nuggets"
description="6 pieces of spicy chicken nuggets with a fiery coating. Served with cooling ranch." description="Flavorful nuggets with chilli and garlic seasoning. Available in 4pc/6pc/8pc/10pc."
price="₹139" price="₹49 / ₹79 / ₹99 / ₹119"
image="https://images.unsplash.com/photo-1619881590738-a111d176d936?w=600&h=400&fit=crop" image="https://images.unsplash.com/photo-1619881590738-a111d176d936?w=600&h=400&fit=crop"
/> />
<MenuItem <MenuItem
name="Nugget Combo" name="Potato Bites"
description="8 pieces with fries and a drink. The perfect meal deal!" description="Crispy potato bites with delicious seasoning. Available in 4pc/6pc/8pc/10pc."
price="₹199" price="₹39 / ₹69 / ₹89 / ₹109"
image="https://images.unsplash.com/photo-1626082927389-6cd097cdc6ec?w=600&h=400&fit=crop" image="https://images.unsplash.com/photo-1630384060421-cb20d0e0649d?w=600&h=400&fit=crop"
/>
</MenuSection>
<!-- Scoops Section -->
<MenuSection
id="scoops"
title="Scoops"
subtitle="Creamy, delicious ice cream scoops. Available in single or double scoop options."
>
<MenuItem
name="Vanilla"
description="Classic creamy vanilla ice cream made with real vanilla beans."
price="₹39 / ₹69"
image="https://images.unsplash.com/photo-1579954115545-a95591f28bfc?w=600&h=400&fit=crop"
/>
<MenuItem
name="Strawberry"
description="Fresh strawberry ice cream with real fruit pieces."
price="₹39 / ₹69"
image="https://images.unsplash.com/photo-1579954115545-a95591f28bfc?w=600&h=400&fit=crop"
/>
<MenuItem
name="Pista"
description="Delicate pistachio ice cream with real pistachio pieces."
price="₹49 / ₹79"
image="https://images.unsplash.com/photo-1577805947697-89e18249d767?w=600&h=400&fit=crop"
/>
<MenuItem
name="Butterscotch"
description="Rich butterscotch ice cream with crunchy butterscotch pieces."
price="₹49 / ₹79"
image="https://images.unsplash.com/photo-1579954115545-a95591f28bfc?w=600&h=400&fit=crop"
/>
<MenuItem
name="Mango"
description="Fresh mango ice cream bursting with tropical flavor."
price="₹49 / ₹79"
image="https://images.unsplash.com/photo-1623065422902-30a2d299bbe4?w=600&h=400&fit=crop"
/>
<MenuItem
name="Black Currant"
description="Tangy black currant ice cream with real berry pieces."
price="₹59 / ₹99"
image="https://images.unsplash.com/photo-1623065422902-30a2d299bbe4?w=600&h=400&fit=crop"
/>
<MenuItem
name="Dry Fruits"
description="Premium ice cream loaded with assorted dry fruits and nuts."
price="₹59 / ₹99"
image="https://images.unsplash.com/photo-1579954115545-a95591f28bfc?w=600&h=400&fit=crop"
/>
<MenuItem
name="Choco Chips"
description="Vanilla ice cream studded with delicious chocolate chips."
price="₹39 / ₹69"
image="https://images.unsplash.com/photo-1563805042-7684c019e1cb?w=600&h=400&fit=crop"
/>
<MenuItem
name="Chocolate"
description="Rich and creamy chocolate ice cream made with premium cocoa."
price="₹49 / ₹79"
image="https://images.unsplash.com/photo-1572490122747-3968b75cc699?w=600&h=400&fit=crop"
/> />
</MenuSection> </MenuSection>