From 70ab01b5d013ae8b7d3958de14ee65c622053457 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 05:07:11 +0000
Subject: [PATCH 1/2] Update src/app/menu/page.tsx

---
 src/app/menu/page.tsx | 472 +++++++++++++++++++++++++++---------------
 1 file changed, 303 insertions(+), 169 deletions(-)

diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index d2c4198..119158f 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -2,23 +2,138 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import ProductCardOne from "@/components/sections/product/ProductCardOne";
-import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import Link from "next/link";
-import {
-  Coffee,
-  Star,
-  Users,
-  TrendingUp,
-  MapPin,
-  Instagram,
-  Facebook,
-  Phone,
-} from "lucide-react";
+import { useState, useEffect } from "react";
+import { Coffee, Search, X } from "lucide-react";
+
+interface MenuItem {
+  id: string;
+  category: string;
+  name: string;
+  description: string;
+  price: string;
+  image: string;
+}
+
+const MENU_CATEGORIES = [
+  "Beverages",  "Breakfast",  "Appetizers",  "Burgers",  "Pizzas",  "Wraps",  "Salads",  "Mains",  "Naans",  "Breads",  "Desserts",  "Shakes",  "Smoothies",  "Mocktails",  "Specials"];
+
+const MENU_ITEMS: MenuItem[] = [
+  {
+    id: "1",    category: "Beverages",    name: "Cold Coffee",    description: "Chilled espresso with vanilla and whipped cream",    price: "₹150",    image: "http://img.b2bpic.net/free-photo/delicious-iced-coffee-table-beans_23-2149600676.jpg"},
+  {
+    id: "2",    category: "Beverages",    name: "Iced Tea",    description: "Refreshing homemade iced tea with lemon",    price: "₹120",    image: "http://img.b2bpic.net/free-photo/glass-iced-tea-with-lemon-mint_1203-7883.jpg"},
+  {
+    id: "3",    category: "Beverages",    name: "Masala Chai",    description: "Traditional Indian chai with aromatic spices",    price: "₹80",    image: "http://img.b2bpic.net/free-photo/cup-tea-with-spices_1203-4885.jpg"},
+  {
+    id: "4",    category: "Beverages",    name: "Hot Coffee",    description: "Premium espresso with steamed milk",    price: "₹130",    image: "http://img.b2bpic.net/free-photo/top-view-coffee-with-milk-beans_23-2149255391.jpg"},
+  {
+    id: "5",    category: "Breakfast",    name: "Paneer Paratha",    description: "Soft paratha stuffed with cottage cheese",    price: "₹140",    image: "http://img.b2bpic.net/free-photo/indian-flatbread-paratha_1203-4520.jpg"},
+  {
+    id: "6",    category: "Breakfast",    name: "Eggs Benedict",    description: "Toasted bread with poached eggs and hollandaise",    price: "₹180",    image: "http://img.b2bpic.net/free-photo/eggs-benedict-toast_1203-4521.jpg"},
+  {
+    id: "7",    category: "Breakfast",    name: "French Toast",    description: "Crispy bread with maple syrup and berries",    price: "₹160",    image: "http://img.b2bpic.net/free-photo/french-toast-with-berries_1203-4522.jpg"},
+  {
+    id: "8",    category: "Breakfast",    name: "Chur Chur Naan",    description: "Crispy layered naan with butter and spices",    price: "₹180",    image: "http://img.b2bpic.net/free-photo/delicious-composition-traditional-roti_23-2149034026.jpg"},
+  {
+    id: "9",    category: "Appetizers",    name: "Paneer Tikka",    description: "Marinated cottage cheese grilled to perfection",    price: "₹220",    image: "http://img.b2bpic.net/free-photo/paneer-tikka-skewers_1203-4523.jpg"},
+  {
+    id: "10",    category: "Appetizers",    name: "Chicken Wings",    description: "Spiced chicken wings with tangy sauce",    price: "₹240",    image: "http://img.b2bpic.net/free-photo/grilled-chicken-wings_1203-4524.jpg"},
+  {
+    id: "11",    category: "Appetizers",    name: "Cigar Rolls",    description: "Crispy spring rolls with vegetable filling",    price: "₹120",    image: "http://img.b2bpic.net/free-photo/egg-roll-fried-spring-rolls-white-plate-thai-food-top-view_1150-21489.jpg"},
+  {
+    id: "12",    category: "Appetizers",    name: "Garlic Bread",    description: "Toasted bread with garlic butter and herbs",    price: "₹100",    image: "http://img.b2bpic.net/free-photo/garlic-bread-plate_1203-4525.jpg"},
+  {
+    id: "13",    category: "Burgers",    name: "Classic Burger",    description: "Beef patty with cheese, lettuce, and special sauce",    price: "₹220",    image: "http://img.b2bpic.net/free-photo/delicious-burger-wooden-table_23-2149246644.jpg"},
+  {
+    id: "14",    category: "Burgers",    name: "Paneer Burger",    description: "Grilled paneer with tomato and cucumber",    price: "₹200",    image: "http://img.b2bpic.net/free-photo/paneer-burger_1203-4526.jpg"},
+  {
+    id: "15",    category: "Burgers",    name: "Chicken Burger",    description: "Spiced chicken patty with coleslaw",    price: "₹210",    image: "http://img.b2bpic.net/free-photo/chicken-burger_1203-4527.jpg"},
+  {
+    id: "16",    category: "Pizzas",    name: "Margherita Pizza",    description: "Tomato, mozzarella, fresh basil",    price: "₹280",    image: "http://img.b2bpic.net/free-photo/margherita-pizza-with-basil_1203-4528.jpg"},
+  {
+    id: "17",    category: "Pizzas",    name: "Pepperoni Pizza",    description: "Classic pepperoni with mozzarella cheese",    price: "₹300",    image: "http://img.b2bpic.net/free-photo/pepperoni-pizza_1203-4529.jpg"},
+  {
+    id: "18",    category: "Pizzas",    name: "Paneer Pizza",    description: "Cottage cheese with onion and capsicum",    price: "₹290",    image: "http://img.b2bpic.net/free-photo/paneer-pizza_1203-4530.jpg"},
+  {
+    id: "19",    category: "Pizzas",    name: "Special Pizza",    description: "Mixed vegetables and sausage",    price: "₹320",    image: "http://img.b2bpic.net/free-photo/mixed-pizza-with-sausages-tomato_140725-3789.jpg"},
+  {
+    id: "20",    category: "Wraps",    name: "Chicken Wrap",    description: "Grilled chicken with fresh vegetables",    price: "₹180",    image: "http://img.b2bpic.net/free-photo/chicken-wrap_1203-4531.jpg"},
+  {
+    id: "21",    category: "Wraps",    name: "Paneer Wrap",    description: "Grilled paneer with mint and yogurt",    price: "₹160",    image: "http://img.b2bpic.net/free-photo/paneer-wrap_1203-4532.jpg"},
+  {
+    id: "22",    category: "Wraps",    name: "Veggie Wrap",    description: "Mix of fresh vegetables and hummus",    price: "₹140",    image: "http://img.b2bpic.net/free-photo/veggie-wrap_1203-4533.jpg"},
+  {
+    id: "23",    category: "Salads",    name: "Caesar Salad",    description: "Crisp lettuce with parmesan and croutons",    price: "₹200",    image: "http://img.b2bpic.net/free-photo/caesar-salad-plate_1203-4534.jpg"},
+  {
+    id: "24",    category: "Salads",    name: "Caprese Salad",    description: "Tomato, mozzarella, basil with olive oil",    price: "₹220",    image: "http://img.b2bpic.net/free-photo/caprese-salad_1203-4535.jpg"},
+  {
+    id: "25",    category: "Salads",    name: "Greek Salad",    description: "Feta cheese, olives, cucumbers and tomatoes",    price: "₹210",    image: "http://img.b2bpic.net/free-photo/greek-salad_1203-4536.jpg"},
+  {
+    id: "26",    category: "Mains",    name: "Butter Chicken",    description: "Tender chicken in creamy tomato sauce",    price: "₹320",    image: "http://img.b2bpic.net/free-photo/butter-chicken-curry_1203-4537.jpg"},
+  {
+    id: "27",    category: "Mains",    name: "Paneer Tikka Masala",    description: "Grilled paneer in aromatic tomato cream sauce",    price: "₹300",    image: "http://img.b2bpic.net/free-photo/paneer-tikka-masala_1203-4538.jpg"},
+  {
+    id: "28",    category: "Mains",    name: "Chicken Biryani",    description: "Fragrant basmati rice with spiced chicken",    price: "₹340",    image: "http://img.b2bpic.net/free-photo/chicken-biryani_1203-4539.jpg"},
+  {
+    id: "29",    category: "Naans",    name: "Plain Naan",    description: "Soft tandoori-baked naan bread",    price: "₹80",    image: "http://img.b2bpic.net/free-photo/plain-naan-bread_1203-4540.jpg"},
+  {
+    id: "30",    category: "Naans",    name: "Garlic Naan",    description: "Naan infused with fresh garlic",    price: "₹100",    image: "http://img.b2bpic.net/free-photo/garlic-naan_1203-4541.jpg"},
+  {
+    id: "31",    category: "Naans",    name: "Paneer Naan",    description: "Soft naan stuffed with spiced paneer",    price: "₹140",    image: "http://img.b2bpic.net/free-photo/paneer-naan_1203-4542.jpg"},
+  {
+    id: "32",    category: "Breads",    name: "Roti",    description: "Traditional Indian whole wheat bread",    price: "₹30",    image: "http://img.b2bpic.net/free-photo/indian-roti-bread_1203-4543.jpg"},
+  {
+    id: "33",    category: "Breads",    name: "Paratha",    description: "Layered flatbread with butter",    price: "₹60",    image: "http://img.b2bpic.net/free-photo/indian-paratha_1203-4544.jpg"},
+  {
+    id: "34",    category: "Desserts",    name: "Gulab Jamun",    description: "Sweet dumplings in sugar syrup",    price: "₹120",    image: "http://img.b2bpic.net/free-photo/gulab-jamun_1203-4545.jpg"},
+  {
+    id: "35",    category: "Desserts",    name: "Chocolate Cake",    description: "Rich chocolate cake with frosting",    price: "₹150",    image: "http://img.b2bpic.net/free-photo/chocolate-cake-slice_1203-4546.jpg"},
+  {
+    id: "36",    category: "Desserts",    name: "Ice Cream",    description: "Vanilla or chocolate ice cream",    price: "₹100",    image: "http://img.b2bpic.net/free-photo/ice-cream-bowl_1203-4547.jpg"},
+  {
+    id: "37",    category: "Shakes",    name: "Chocolate Shake",    description: "Creamy chocolate milkshake",    price: "₹140",    image: "http://img.b2bpic.net/free-photo/chocolate-milkshake_1203-4548.jpg"},
+  {
+    id: "38",    category: "Shakes",    name: "Vanilla Shake",    description: "Smooth vanilla milkshake",    price: "₹130",    image: "http://img.b2bpic.net/free-photo/vanilla-milkshake_1203-4549.jpg"},
+  {
+    id: "39",    category: "Shakes",    name: "Strawberry Shake",    description: "Fresh strawberry milkshake",    price: "₹150",    image: "http://img.b2bpic.net/free-photo/strawberry-milkshake_1203-4550.jpg"},
+  {
+    id: "40",    category: "Smoothies",    name: "Mango Smoothie",    description: "Blended mango with yogurt",    price: "₹140",    image: "http://img.b2bpic.net/free-photo/mango-smoothie_1203-4551.jpg"},
+  {
+    id: "41",    category: "Smoothies",    name: "Berry Smoothie",    description: "Mixed berries with yogurt",    price: "₹150",    image: "http://img.b2bpic.net/free-photo/berry-smoothie_1203-4552.jpg"},
+  {
+    id: "42",    category: "Smoothies",    name: "Banana Smoothie",    description: "Banana with milk and honey",    price: "₹120",    image: "http://img.b2bpic.net/free-photo/banana-smoothie_1203-4553.jpg"},
+  {
+    id: "43",    category: "Mocktails",    name: "Mojito",    description: "Refreshing mint and lime mocktail",    price: "₹180",    image: "http://img.b2bpic.net/free-photo/mojito-drink_1203-4554.jpg"},
+  {
+    id: "44",    category: "Mocktails",    name: "Virgin Pina Colada",    description: "Tropical coconut and pineapple drink",    price: "₹190",    image: "http://img.b2bpic.net/free-photo/pina-colada_1203-4555.jpg"},
+  {
+    id: "45",    category: "Mocktails",    name: "Lemonade",    description: "Fresh homemade lemonade",    price: "₹100",    image: "http://img.b2bpic.net/free-photo/lemonade-glass_1203-4556.jpg"},
+  {
+    id: "46",    category: "Specials",    name: "Signature Bowl",    description: "Chef's special fusion bowl",    price: "₹280",    image: "http://img.b2bpic.net/free-photo/food-bowl_1203-4557.jpg"},
+  {
+    id: "47",    category: "Specials",    name: "Loaded Nachos",    description: "Crispy nachos with cheese and toppings",    price: "₹240",    image: "http://img.b2bpic.net/free-photo/loaded-nachos_1203-4558.jpg"},
+  {
+    id: "48",    category: "Specials",    name: "Truffle Fries",    description: "Crispy fries with truffle oil and parmesan",    price: "₹220",    image: "http://img.b2bpic.net/free-photo/truffle-fries_1203-4559.jpg"},
+];
 
 export default function MenuPage() {
+  const [activeCategory, setActiveCategory] = useState("Beverages");
+  const [searchQuery, setSearchQuery] = useState("");
+  const [filteredItems, setFilteredItems] = useState<MenuItem[]>([]);
+  const [scrollSpy, setScrollSpy] = useState("Beverages");
+
+  useEffect(() => {
+    const filtered = MENU_ITEMS.filter((item) => {
+      const matchesCategory = activeCategory === "All" || item.category === activeCategory;
+      const matchesSearch =
+        searchQuery === "" ||
+        item.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
+        item.description.toLowerCase().includes(searchQuery.toLowerCase());
+      return matchesCategory && matchesSearch;
+    });
+    setFilteredItems(filtered);
+  }, [activeCategory, searchQuery]);
+
   return (
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
@@ -33,171 +148,190 @@ export default function MenuPage() {
       headingFontWeight="light"
     >
       {/* Navbar */}
-      <div id="nav" data-section="nav">
+      <div id="nav" data-section="nav" className="sticky top-0 z-50">
         <NavbarLayoutFloatingOverlay
           brandName="The Ora Cafe"
           navItems={[
-            { name: "Home", id: "hero" },
-            { name: "Menu", id: "popular-dishes" },
-            { name: "Gallery", id: "gallery" },
-            { name: "About", id: "rooftop-experience" },
-            { name: "Contact", id: "contact" },
+            { name: "Home", id: "/" },
+            { name: "Menu", id: "/menu" },
+            { name: "About", id: "/#rooftop-experience" },
+            { name: "Contact", id: "/#contact" },
           ]}
           button={{
-            text: "Reserve Table",
-            href: "#contact",
-          }}
+            text: "Reserve Table",            href: "/#contact"}}
         />
       </div>
 
-      {/* Full Menu */}
-      <div id="full-menu" data-section="full-menu">
-        <ProductCardOne
-          title="Our Complete Menu"
-          description="Explore our full selection of delicious dishes and beverages"
-          tag="All Offerings"
-          products={[
-            {
-              id: "1",
-              name: "Chur Chur Naan",
-              price: "₹180",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/delicious-composition-traditional-roti_23-2149034026.jpg?_wi=2",
-              imageAlt: "Crispy Chur Chur Naan",
-            },
-            {
-              id: "2",
-              name: "Cold Coffee",
-              price: "₹150",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/delicious-iced-coffee-table-beans_23-2149600676.jpg?_wi=2",
-              imageAlt: "Refreshing Cold Coffee",
-            },
-            {
-              id: "3",
-              name: "Pizza",
-              price: "₹250",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/mixed-pizza-with-sausages-tomato_140725-3789.jpg?_wi=2",
-              imageAlt: "Wood-fired Pizza",
-            },
-            {
-              id: "4",
-              name: "Cigar Rolls",
-              price: "₹120",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/egg-roll-fried-spring-rolls-white-plate-thai-food-top-view_1150-21489.jpg?_wi=2",
-              imageAlt: "Crispy Cigar Rolls",
-            },
-            {
-              id: "5",
-              name: "Fusion Appetizers",
-              price: "₹200",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/eggplant-dolma-with-tomato-belly-pepper_140725-4615.jpg?_wi=2",
-              imageAlt: "Creative fusion appetizers",
-            },
-            {
-              id: "6",
-              name: "Dessert Platter",
-              price: "₹180",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/top-view-dessert-sweet-baked-pumpkin-with-nuts-cream_141793-4312.jpg?_wi=2",
-              imageAlt: "Assorted desserts",
-            },
-          ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[
-            {
-              text: "Back to Home",
-              href: "/",
-            },
-          ]}
-        />
+      {/* Menu Page */}
+      <div className="min-h-screen pt-24 pb-20">
+        {/* Header */}
+        <div className="text-center mb-12 px-4">
+          <h1 className="text-4xl md:text-6xl font-bold mb-4" style={{ color: "var(--foreground)" }}>
+            Our Menu
+          </h1>
+          <p className="text-lg md:text-xl" style={{ color: "var(--foreground)" }}>
+            Explore our delicious selection of dishes and beverages
+          </p>
+        </div>
+
+        {/* Search Bar */}
+        <div className="max-w-2xl mx-auto mb-12 px-4">
+          <div className="relative flex items-center" style={{ backgroundColor: "var(--card)", borderRadius: "9999px", padding: "0.75rem 1.5rem" }}>
+            <Search className="w-5 h-5 mr-3" style={{ color: "var(--foreground)" }} />
+            <input
+              type="text"
+              placeholder="Search menu items..."
+              value={searchQuery}
+              onChange={(e) => setSearchQuery(e.target.value)}
+              className="flex-1 bg-transparent outline-none text-lg"
+              style={{ color: "var(--foreground)" }}
+            />
+            {searchQuery && (
+              <button
+                onClick={() => setSearchQuery("")}
+                className="ml-2 p-1 hover:opacity-70 transition"
+              >
+                <X className="w-5 h-5" style={{ color: "var(--foreground)" }} />
+              </button>
+            )}
+          </div>
+        </div>
+
+        {/* Main Content */}
+        <div className="flex flex-col lg:flex-row gap-8 px-4 max-w-7xl mx-auto">
+          {/* Left Sidebar Navigation */}
+          <div className="lg:w-48 flex-shrink-0">
+            <div
+              className="sticky top-32 rounded-xl p-4"
+              style={{
+                backgroundColor: "var(--card)"}}
+            >
+              <h3 className="font-bold text-lg mb-4" style={{ color: "var(--foreground)" }}>
+                Categories
+              </h3>
+              <nav className="space-y-2 max-h-96 overflow-y-auto">
+                {MENU_CATEGORIES.map((category) => (
+                  <button
+                    key={category}
+                    onClick={() => setActiveCategory(category)}
+                    className={`w-full text-left px-3 py-2 rounded-lg transition-all duration-300 ${
+                      activeCategory === category
+                        ? "font-bold scale-105"
+                        : "hover:opacity-70"
+                    }`}
+                    style={{
+                      color: activeCategory === category ? "var(--primary-cta)" : "var(--foreground)",                      backgroundColor: activeCategory === category ? "var(--background-accent)" : "transparent"}}
+                  >
+                    {category}
+                  </button>
+                ))}
+              </nav>
+            </div>
+          </div>
+
+          {/* Right Content Area */}
+          <div className="flex-1">
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+              {filteredItems.map((item, index) => (
+                <div
+                  key={item.id}
+                  className="rounded-2xl overflow-hidden transition-all duration-300 hover:shadow-2xl hover:scale-105 animate-fade-in"
+                  style={{
+                    backgroundColor: "var(--card)",                    animationDelay: `${index * 0.1}s`,
+                  }}
+                >
+                  {/* Image */}
+                  <div className="relative overflow-hidden h-48 bg-gradient-to-br from-amber-100 to-orange-100">
+                    <img
+                      src={item.image}
+                      alt={item.name}
+                      className="w-full h-full object-cover transition-transform duration-300 hover:scale-110"
+                    />
+                  </div>
+
+                  {/* Content */}
+                  <div className="p-4">
+                    <div className="flex justify-between items-start mb-2">
+                      <h3
+                        className="text-lg font-bold"
+                        style={{ color: "var(--foreground)" }}
+                      >
+                        {item.name}
+                      </h3>
+                      <span
+                        className="text-xl font-bold"
+                        style={{ color: "var(--primary-cta)" }}
+                      >
+                        {item.price}
+                      </span>
+                    </div>
+
+                    <p
+                      className="text-sm line-clamp-2"
+                      style={{ color: "var(--foreground)" }}
+                    >
+                      {item.description}
+                    </p>
+
+                    <button
+                      className="mt-4 w-full py-2 rounded-lg font-semibold transition-all duration-300 hover:shadow-lg"
+                      style={{
+                        backgroundColor: "var(--primary-cta)",                        color: "var(--primary-cta-text)"}}
+                    >
+                      Add to Cart
+                    </button>
+                  </div>
+                </div>
+              ))}
+            </div>
+
+            {filteredItems.length === 0 && (
+              <div className="text-center py-12">
+                <Coffee className="w-16 h-16 mx-auto mb-4 opacity-50" />
+                <p
+                  className="text-lg"
+                  style={{ color: "var(--foreground)" }}
+                >
+                  No items found. Try adjusting your search or category.
+                </p>
+              </div>
+            )}
+          </div>
+        </div>
       </div>
 
-      {/* Menu Highlights */}
-      <div id="menu-highlights" data-section="menu-highlights">
-        <MetricCardThree
-          title="Why Our Menu Stands Out"
-          description="Discover what makes The Ora Cafe's food special"
-          tag="Menu Details"
-          metrics={[
-            {
-              id: "1",
-              icon: Coffee,
-              title: "Fresh Ingredients",
-              value: "Daily",
-            },
-            {
-              id: "2",
-              icon: Star,
-              title: "Quality Rating",
-              value: "5/5",
-            },
-            {
-              id: "3",
-              icon: Users,
-              title: "Customer Choice",
-              value: "Top 3",
-            },
-            {
-              id: "4",
-              icon: TrendingUp,
-              title: "Specialty Items",
-              value: "10+",
-            },
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-        />
-      </div>
+      <style jsx>{`
+        @keyframes fadeIn {
+          from {
+            opacity: 0;
+            transform: translateY(20px);
+          }
+          to {
+            opacity: 1;
+            transform: translateY(0);
+          }
+        }
 
-      {/* Contact for Orders */}
-      <div id="contact" data-section="contact">
-        <ContactCenter
-          tag="Place Your Order"
-          title="Order Now or Make a Reservation"
-          description="Love our menu? Call us to place an order for pickup or reserve a table to dine in. We also offer special menu items for group gatherings and celebrations."
-          tagIcon={Phone}
-          background={{
-            variant: "rotated-rays-animated-grid",
-          }}
-          useInvertedBackground={false}
-          inputPlaceholder="your.email@example.com"
-          buttonText="Subscribe to Updates"
-          termsText="Call us at +91 94603 51156 to place your order. Visit G38 Rooftop, The Grandstand, Bhilwara for dine-in experience."
-        />
-      </div>
+        .animate-fade-in {
+          animation: fadeIn 0.6s ease-out forwards;
+          opacity: 0;
+        }
 
-      {/* Footer */}
-      <div id="footer" data-section="footer">
-        <FooterCard
-          logoText="The Ora Cafe"
-          copyrightText="© 2025 The Ora Cafe | G38 Rooftop, Bhilwara, Rajasthan | +91 94603 51156"
-          socialLinks={[
-            {
-              icon: Instagram,
-              href: "https://instagram.com",
-              ariaLabel: "Instagram",
-            },
-            {
-              icon: Facebook,
-              href: "https://facebook.com",
-              ariaLabel: "Facebook",
-            },
-            {
-              icon: MapPin,
-              href: "https://maps.google.com",
-              ariaLabel: "Google Maps",
-            },
-          ]}
-        />
-      </div>
+        /* Scrollbar styling */
+        nav::-webkit-scrollbar {
+          width: 6px;
+        }
+        nav::-webkit-scrollbar-track {
+          background: transparent;
+        }
+        nav::-webkit-scrollbar-thumb {
+          background: var(--accent);
+          border-radius: 3px;
+        }
+        nav::-webkit-scrollbar-thumb:hover {
+          background: var(--primary-cta);
+        }
+      `}</style>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1


From 9ff3dfc0441bd4b4133e927e7bb27e273a120bed Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 05:07:11 +0000
Subject: [PATCH 2/2] Update src/app/page.tsx

---
 src/app/page.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index db761d2..5de4ad2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -41,9 +41,8 @@ export default function HomePage() {
         <NavbarLayoutFloatingOverlay
           brandName="The Ora Cafe"
           navItems={[
-            { name: "Home", id: "hero" },
-            { name: "Menu", id: "popular-dishes" },
-            { name: "Gallery", id: "gallery" },
+            { name: "Home", id: "/" },
+            { name: "Menu", id: "/menu" },
             { name: "About", id: "rooftop-experience" },
             { name: "Contact", id: "contact" },
           ]}
@@ -166,7 +165,7 @@ export default function HomePage() {
           useInvertedBackground={true}
           buttons={[
             {
-              text: "Order Now",              href: "#contact"
+              text: "View Full Menu",              href: "/menu"
             },
           ]}
         />
-- 
2.49.1