Update src/app/services/page.tsx

Merge version_2 into main

src/app/menu/page.tsx

@@ -3,7 +3,7 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterCard from "@/components/sections/footer/FooterCard";
 import { Instagram, Facebook, Phone } from "lucide-react";
@@ -13,7 +13,8 @@ export default function MenuPage() {
     { name: "Home", id: "/" },
     { name: "Menu", id: "/menu" },
     { name: "About", id: "/about" },
-    { name: "Gallery", id: "/gallery" }
+    { name: "Gallery", id: "/gallery" },
+    { name: "Services", id: "/services" }
   ];
 
   return (
@@ -23,7 +24,7 @@ export default function MenuPage() {
       borderRadius="pill"
       contentWidth="medium"
       sizing="mediumLargeSizeMediumTitles"
-      background="circleGradient"
+      background="aurora"
       cardStyle="inset"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="radial-glow"
@@ -34,88 +35,98 @@ export default function MenuPage() {
           brandName="The Great Debate"
           navItems={navItems}
           button={{
-            text: "Reserve Your Table",
+            text: "Reserve Your Table",            href: "/reservations"
-            href: "/reservations"
           }}
           animateOnLoad={true}
         />
       </div>
 
-      <div id="full-menu" data-section="full-menu">
+      <div id="hero" data-section="hero">
-        <ProductCardFour
+        <HeroBillboardScroll
           title="Our Complete Menu"
-          description="Discover all our culinary creations, from appetizers to desserts, each crafted with passion and premium local ingredients"
+          description="Explore our carefully curated selection of dishes showcasing locally sourced ingredients and creative culinary excellence"
-          tag="Explore All Dishes"
+          tag="Fine Dining"
-          products={[
+          background={{ variant: "canvas-reveal" }}
+          imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-fish-meal_23-2148494083.jpg?_wi=1"
+          imageAlt="Menu at The Great Debate"
+          buttons={[
             {
-              id: "1",
+              text: "Reserve Your Table",              href: "/reservations"
-              name: "Charred Steak Tacos",
-              price: "$22",
-              variant: "Served with cilantro lime sauce",
-              imageSrc: "http://img.b2bpic.net/free-photo/homemade-chicken-tacos-food-recipe-idea_53876-95997.jpg?_wi=2",
-              imageAlt: "Charred steak tacos"
             },
             {
-              id: "2",
+              text: "View on Google Maps",              href: "https://www.google.com/maps/search/The+Great+Debate+restaurant+Freeport+IL"
-              name: "Pan-Seared Mahi Mahi",
-              price: "$28",
-              variant: "With tropical mango salsa",
-              imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-narsharab-sauce_140725-4677.jpg?_wi=2",
-              imageAlt: "Pan-seared mahi mahi"
-            },
-            {
-              id: "3",
-              name: "BBQ Pork Sandwich",
-              price: "$18",
-              variant: "Slow-roasted with house sauce",
-              imageSrc: "http://img.b2bpic.net/free-photo/top-view-liver-pate-with-onion-bread_141793-4065.jpg?_wi=2",
-              imageAlt: "BBQ pork sandwich"
-            },
-            {
-              id: "4",
-              name: "Chocolate Mousse Dessert",
-              price: "$12",
-              variant: "With berry compote",
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-red-nougat-sliced-with-nuts-fresh-red-strawberries-white-surface-sweet-dessert-nougat-nut-cake-biscuit_140725-53318.jpg?_wi=2",
-              imageAlt: "Chocolate mousse dessert"
-            },
-            {
-              id: "5",
-              name: "Grilled Salmon Fillet",
-              price: "$32",
-              variant: "With seasonal vegetables",
-              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-fish-meal_23-2148494083.jpg?_wi=2",
-              imageAlt: "Grilled salmon fillet"
-            },
-            {
-              id: "6",
-              name: "Spiced Lamb Chops",
-              price: "$36",
-              variant: "With chimichurri and roasted potatoes",
-              imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-narsharab-sauce_140725-4677.jpg?_wi=3",
-              imageAlt: "Spiced lamb chops"
             }
           ]}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
         />
       </div>
 
-      <div id="menu-cta" data-section="menu-cta">
+      <div id="menu-content" data-section="menu-content" className="py-20 px-6">
+        <div className="max-w-4xl mx-auto">
+          <div className="text-center mb-12">
+            <h2 className="text-4xl font-bold mb-4">View Our Complete Menu</h2>
+            <p className="text-lg opacity-75 mb-8">
+              Our menus are displayed directly from Google Maps, ensuring you always have access to our latest offerings and pricing.
+            </p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
+            <div className="border rounded-lg p-6 hover:shadow-lg transition-shadow">
+              <h3 className="text-2xl font-semibold mb-4">Primary Location Menu</h3>
+              <p className="mb-6 opacity-80">
+                1 E Spring St, Freeport, IL 61032
+              </p>
+              <a
+                href="https://www.google.com/maps/search/The+Great+Debate+restaurant+Freeport+IL"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="inline-block bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors"
+              >
+                View Menu on Google Maps
+              </a>
+            </div>
+
+            <div className="border rounded-lg p-6 hover:shadow-lg transition-shadow">
+              <h3 className="text-2xl font-semibold mb-4">Dining Information</h3>
+              <p className="mb-6 opacity-80">
+                Hours, reviews, and additional details available on Google Maps
+              </p>
+              <a
+                href="https://www.google.com/maps/search/The+Great+Debate+restaurant+Freeport+IL"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="inline-block bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors"
+              >
+                View Full Details
+              </a>
+            </div>
+          </div>
+
+          <div className="bg-gray-100 dark:bg-gray-800 rounded-lg p-8 text-center">
+            <h3 className="text-xl font-semibold mb-4">Can't Find What You're Looking For?</h3>
+            <p className="mb-6 opacity-80">
+              Our menu items are displayed through Google Maps for the most up-to-date information. If you have questions about specific dietary needs or preferences, please don't hesitate to contact us.
+            </p>
+            <a
+              href="tel:+18152324408"
+              className="inline-block bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors"
+            >
+              Call Us: +1 815-232-4408
+            </a>
+          </div>
+        </div>
+      </div>
+
+      <div id="cta-section" data-section="cta-section">
         <ContactText
-          text="Ready to experience our culinary excellence? Reserve your table now and let us create an unforgettable evening for you"
+          text="Ready to experience our cuisine? Book your table today"
           animationType="entrance-slide"
           background={{ variant: "plain" }}
           buttons={[
             {
-              text: "Make a Reservation",
+              text: "Make a Reservation",              href: "/reservations"
-              href: "/reservations"
             },
             {
-              text: "Call +1 815-232-4408",
+              text: "Call +1 815-232-4408",              href: "tel:+18152324408"
-              href: "tel:+18152324408"
             }
           ]}
           useInvertedBackground={false}
@@ -129,22 +140,19 @@ export default function MenuPage() {
           socialLinks={[
             {
               icon: Instagram,
-              href: "https://instagram.com",
+              href: "https://instagram.com",              ariaLabel: "Instagram"
-              ariaLabel: "Instagram"
             },
             {
               icon: Facebook,
-              href: "https://facebook.com",
+              href: "https://facebook.com",              ariaLabel: "Facebook"
-              ariaLabel: "Facebook"
             },
             {
               icon: Phone,
-              href: "tel:+18152324408",
+              href: "tel:+18152324408",              ariaLabel: "Call us"
-              ariaLabel: "Call us"
             }
           ]}
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -195,4 +195,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -158,4 +158,4 @@ export default function ServicesPage() {
       </div>
     </ThemeProvider>
   );
-}
+}