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

12
src/components/Navigation.tsx
View file

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

340
src/pages/index.astro
View file

@ -59,66 +59,164 @@ const tableId = url.searchParams.get('table') || 'Unknown';
</div>
</header>
<!-- Milkshakes Section -->
<!-- Milk Shakes Section -->
<MenuSection
id="milkshakes"
title="Signature Milkshakes"
title="Milk Shakes"
subtitle="Creamy, dreamy, and made with love. Our milkshakes are blended to perfection with premium ingredients."
>
<MenuItem
name="Kitkat Shake"
description="Rich chocolate shake blended with crushed Kitkat pieces, topped with whipped cream and more Kitkat chunks."
price="₹149"
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"
name="Rose Milk"
description="Refreshing rose flavored milkshake with the delicate aroma of rose syrup."
price="₹49"
image="https://images.unsplash.com/photo-1579954115545-a95591f28bfc?w=600&h=400&fit=crop"
/>
<MenuItem
name="Oreo Shake"
description="Cookie lover's dream! Blended with Oreo cookies, vanilla ice cream, and topped with cookie crumbles."
price="₹149"
name="Kesar Milk"
description="Rich and creamy saffron-infused milkshake with the exotic flavor of kesar."
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"
/>
<MenuItem
name="Pista Shake"
description="Delicate pistachio milkshake with real pistachio paste, garnished with crushed pistachios."
price="₹159"
image="https://images.unsplash.com/photo-1577805947697-89e18249d767?w=600&h=400&fit=crop"
name="Kit Kat"
description="Chocolate shake blended with crushed Kit Kat pieces and topped with whipped cream."
price="₹89"
image="https://images.unsplash.com/photo-1572490122747-3968b75cc699?w=600&h=400&fit=crop"
/>
<MenuItem
name="Black Currant Shake"
description="Tangy and sweet black currant milkshake with fresh berries and a swirl of berry syrup."
price="₹149"
name="Dry Fruit"
description="Nutritious milkshake loaded with assorted dry fruits and nuts."
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"
/>
<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>
<!-- Mocktails Section -->
<!-- Thick Shakes Section -->
<MenuSection
id="mocktails"
title="Refreshing Mocktails"
subtitle="Non-alcoholic beverages crafted with fresh ingredients and bursting with flavors."
id="thickshakes"
title="Thick Shakes"
subtitle="Extra thick and creamy shakes that you can eat with a spoon. Pure indulgence!"
>
<MenuItem
name="Blue Curacao"
description="Vibrant blue mocktail with citrus notes, lemonade, and a splash of soda. Refreshing and Instagram-worthy!"
price="₹119"
image="https://images.unsplash.com/photo-1513558161293-cdaf765ed2fd?w=600&h=400&fit=crop"
name="Oreo Thick Shake"
description="Extra thick Oreo shake with double the cookies and extra creaminess."
price="₹139"
image="https://images.unsplash.com/photo-1563805042-7684c019e1cb?w=600&h=400&fit=crop"
/>
<MenuItem
name="Mint Mojito"
description="Fresh mint leaves muddled with lime juice, simple syrup, and topped with soda water. Classic and refreshing."
price="₹99"
name="Kit Kat Thick Shake"
description="Thick shake loaded with crushed Kit Kat bars and chocolate sauce."
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"
/>
<MenuItem
name="Ginger Sparkle"
description="Spicy ginger beer with fresh lime, honey, and a hint of mint. Perfect for ginger lovers."
price="₹109"
name="Ginger Lime"
description="Spicy ginger with fresh lime juice and mint for a zesty kick."
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"
/>
</MenuSection>
@ -126,78 +224,178 @@ const tableId = url.searchParams.get('table') || 'Unknown';
<!-- Waffles Section -->
<MenuSection
id="waffles"
title="Belgian Waffles"
title="Waffles"
subtitle="Golden, crispy on the outside, fluffy on the inside. Our waffles are made fresh to order."
>
<MenuItem
name="Classic Waffle"
description="Traditional Belgian waffle served with maple syrup and a dollop of whipped butter."
name="Kit Kat Waffle"
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"
image="https://images.unsplash.com/photo-1562376552-0d160a2f238d?w=600&h=400&fit=crop"
/>
<MenuItem
name="Chocolate Waffle"
description="Waffle topped with rich chocolate sauce, chocolate chips, and vanilla ice cream."
price="₹159"
image="https://images.unsplash.com/photo-1504754524776-8f4f37790ca0?w=600&h=400&fit=crop"
name="Triple Chocolate Waffle"
description="Chocolate waffle with chocolate sauce and chocolate chips."
price="₹119"
image="https://images.unsplash.com/photo-1562376552-0d160a2f238d?w=600&h=400&fit=crop"
/>
<MenuItem
name="Berry Waffle"
description="Fresh strawberries and blueberries with honey drizzle and powdered sugar."
price="₹169"
image="https://images.unsplash.com/photo-1506084868236-b838e4ac5bd5?w=600&h=400&fit=crop"
name="Belgium Chocolate Waffle"
description="Authentic Belgium chocolate waffle with premium chocolate."
price="₹99"
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>
<!-- Fries Section -->
<MenuSection
id="fries"
title="French Fries"
title="Fries"
subtitle="Crispy, golden, and absolutely addictive. Perfect for sharing or keeping all to yourself!"
>
<MenuItem
name="Classic Fries"
description="Crispy golden fries lightly salted. The perfect side to any meal."
price="₹79"
name="Salted French Fries"
description="Classic crispy fries lightly salted. Available in Regular and Large sizes."
price="₹79 / ₹99"
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
name="Peri Peri Fries"
description="Spicy peri peri seasoned fries with a kick. Served with cooling dip."
price="₹99"
description="Spicy peri peri seasoned fries with a kick. Available in Regular and Large sizes."
price="₹99 / ₹119"
image="https://images.unsplash.com/photo-1573080496219-bb080dd4f877?w=600&h=400&fit=crop"
/>
</MenuSection>
<!-- Nuggets Section -->
<!-- Nuggets & Bites Section -->
<MenuSection
id="nuggets"
title="Chicken Nuggets"
subtitle="Tender, juicy, and perfectly crispy. Our nuggets are a crowd favorite."
title="Nuggets & Bites"
subtitle="Crispy, flavorful bites perfect for snacking. Available in different quantities."
>
<MenuItem
name="Classic Nuggets"
description="6 pieces of crispy chicken nuggets served with ketchup and mustard."
price="₹129"
name="Chilli Cheesy Nuggets"
description="Spicy cheesy nuggets with a delightful kick. Available in 4pc/6pc/8pc/10pc."
price="₹49 / ₹79 / ₹99 / ₹119"
image="https://images.unsplash.com/photo-1626082927389-6cd097cdc6ec?w=600&h=400&fit=crop"
/>
<MenuItem
name="Spicy Nuggets"
description="6 pieces of spicy chicken nuggets with a fiery coating. Served with cooling ranch."
price="₹139"
name="Chilli Garlic Nuggets"
description="Flavorful nuggets with chilli and garlic seasoning. Available in 4pc/6pc/8pc/10pc."
price="₹49 / ₹79 / ₹99 / ₹119"
image="https://images.unsplash.com/photo-1619881590738-a111d176d936?w=600&h=400&fit=crop"
/>
<MenuItem
name="Nugget Combo"
description="8 pieces with fries and a drink. The perfect meal deal!"
price="₹199"
image="https://images.unsplash.com/photo-1626082927389-6cd097cdc6ec?w=600&h=400&fit=crop"
name="Potato Bites"
description="Crispy potato bites with delicious seasoning. Available in 4pc/6pc/8pc/10pc."
price="₹39 / ₹69 / ₹89 / ₹109"
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>