diff --git a/items.md b/items.md new file mode 100644 index 0000000..e69de29 diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx index 6effe36..21f0a09 100644 --- a/src/components/Navigation.tsx +++ b/src/components/Navigation.tsx @@ -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() { ); -} \ No newline at end of file +} diff --git a/src/pages/index.astro b/src/pages/index.astro index dad0b56..7b66e89 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -59,66 +59,164 @@ const tableId = url.searchParams.get('table') || 'Unknown'; - + - + + + + + + - + + + + + + + + + + + + + + + @@ -126,78 +224,178 @@ const tableId = url.searchParams.get('table') || 'Unknown'; + + + + + + + + + + - - + + + + + + + + + + + + + +