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",
-            href: "/reservations"
+            text: "Reserve Your Table",            href: "/reservations"
           }}
           animateOnLoad={true}
         />
       </div>
 
-      <div id="full-menu" data-section="full-menu">
-        <ProductCardFour
+      <div id="hero" data-section="hero">
+        <HeroBillboardScroll
           title="Our Complete Menu"
-          description="Discover all our culinary creations, from appetizers to desserts, each crafted with passion and premium local ingredients"
-          tag="Explore All Dishes"
-          products={[
+          description="Explore our carefully curated selection of dishes showcasing locally sourced ingredients and creative culinary excellence"
+          tag="Fine Dining"
+          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",
-              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"
+              text: "Reserve Your Table",              href: "/reservations"
             },
             {
-              id: "2",
-              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"
+              text: "View on Google Maps",              href: "https://www.google.com/maps/search/The+Great+Debate+restaurant+Freeport+IL"
             }
           ]}
-          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",
-              href: "/reservations"
+              text: "Make a Reservation",              href: "/reservations"
             },
             {
-              text: "Call +1 815-232-4408",
-              href: "tel:+18152324408"
+              text: "Call +1 815-232-4408",              href: "tel:+18152324408"
             }
           ]}
           useInvertedBackground={false}
@@ -129,22 +140,19 @@ export default function MenuPage() {
           socialLinks={[
             {
               icon: Instagram,
-              href: "https://instagram.com",
-              ariaLabel: "Instagram"
+              href: "https://instagram.com",              ariaLabel: "Instagram"
             },
             {
               icon: Facebook,
-              href: "https://facebook.com",
-              ariaLabel: "Facebook"
+              href: "https://facebook.com",              ariaLabel: "Facebook"
             },
             {
               icon: Phone,
-              href: "tel:+18152324408",
-              ariaLabel: "Call us"
+              href: "tel:+18152324408",              ariaLabel: "Call us"
             }
           ]}
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -16,7 +16,8 @@ export default function HomePage() {
     { name: "Home", id: "/" },
     { name: "Menu", id: "/menu" },
     { name: "About", id: "/about" },
-    { name: "Gallery", id: "/gallery" }
+    { name: "Gallery", id: "/gallery" },
+    { name: "Services", id: "/services" }
   ];
 
   const navigationLinks = navItems.map(item => (
@@ -55,7 +56,7 @@ export default function HomePage() {
           description="Experience premium fine dining with locally sourced ingredients, creative dishes, and an atmosphere perfect for unforgettable moments"
           tag="Latino-Owned Excellence"
           background={{ variant: "canvas-reveal" }}
-          imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-fish-meal_23-2148494083.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-fish-meal_23-2148494083.jpg?_wi=1"
           imageAlt="Signature dish at The Great Debate"
           buttons={[
             {
@@ -101,16 +102,16 @@ export default function HomePage() {
           tag="Featured Menu Items"
           products={[
             {
-              id: "1",              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",              imageAlt: "Charred steak tacos"
+              id: "1",              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=1",              imageAlt: "Charred steak tacos"
             },
             {
-              id: "2",              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",              imageAlt: "Pan-seared mahi mahi"
+              id: "2",              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=1",              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",              imageAlt: "BBQ pork sandwich"
+              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=1",              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",              imageAlt: "Chocolate mousse dessert"
+              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=1",              imageAlt: "Chocolate mousse dessert"
             }
           ]}
           gridVariant="uniform-all-items-equal"
@@ -194,4 +195,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -0,0 +1,161 @@
+"use client";
+
+import Link from "next/link";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
+import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Utensils, Users, Gift, Music, Instagram, Facebook, Phone } from "lucide-react";
+
+export default function ServicesPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Menu", id: "/menu" },
+    { name: "About", id: "/about" },
+    { name: "Gallery", id: "/gallery" },
+    { name: "Services", id: "/services" }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="aurora"
+      cardStyle="inset"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="The Great Debate"
+          navItems={navItems}
+          button={{
+            text: "Reserve Your Table",            href: "/reservations"
+          }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardScroll
+          title="Our Premium Services"
+          description="From intimate dinners to grand celebrations, discover the exceptional services we offer to make your event unforgettable."
+          tag="Dining Experiences"
+          background={{ variant: "canvas-reveal" }}
+          imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-fish-meal_23-2148494083.jpg?_wi=2"
+          imageAlt="Fine dining service at The Great Debate"
+          buttons={[
+            {
+              text: "Reserve Your Table",              href: "/reservations"
+            },
+            {
+              text: "View Menu",              href: "/menu"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="services-overview" data-section="services-overview">
+        <MetricCardOne
+          title="Exceptional Dining Services"
+          description="Explore the range of premium experiences we provide for every occasion"
+          tag="What We Offer"
+          metrics={[
+            {
+              id: "1",              value: "Fine Dining",              title: "Premium Experience",              description: "Gourmet cuisine in an elegant atmosphere",              icon: Utensils
+            },
+            {
+              id: "2",              value: "Private Events",              title: "Special Occasions",              description: "Weddings, birthdays, and celebrations",              icon: Gift
+            },
+            {
+              id: "3",              value: "Group Dining",              title: "Large Parties",              description: "Catered experiences for gatherings",              icon: Users
+            },
+            {
+              id: "4",              value: "Live Entertainment",              title: "Vibrant Ambiance",              description: "Music and entertainment selections",              icon: Music
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="service-packages" data-section="service-packages">
+        <ProductCardFour
+          title="Service Packages"
+          description="Tailored dining experiences designed for your unique celebration"
+          tag="Customizable Options"
+          products={[
+            {
+              id: "1",              name: "Romantic Dinner for Two",              price: "$150",              variant: "Per person • Includes wine pairing",              imageSrc: "http://img.b2bpic.net/free-photo/homemade-chicken-tacos-food-recipe-idea_53876-95997.jpg?_wi=2",              imageAlt: "Romantic dinner setup"
+            },
+            {
+              id: "2",              name: "Corporate Catering",              price: "$85",              variant: "Per person • Minimum 15 guests",              imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-narsharab-sauce_140725-4677.jpg?_wi=2",              imageAlt: "Corporate catering service"
+            },
+            {
+              id: "3",              name: "Wedding Reception",              price: "Custom",              variant: "Fully customizable menu",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-liver-pate-with-onion-bread_141793-4065.jpg?_wi=2",              imageAlt: "Wedding celebration"
+            },
+            {
+              id: "4",              name: "Private Dining Experience",              price: "$200+",              variant: "Per person • Chef's special menu",              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: "Private dining experience"
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[
+            {
+              text: "Inquire About Services",              href: "/contact"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="cta-section" data-section="cta-section">
+        <ContactText
+          text="Ready to plan your perfect dining experience? Let us create something extraordinary for you."
+          animationType="entrance-slide"
+          background={{ variant: "plain" }}
+          buttons={[
+            {
+              text: "Reserve Now",              href: "/reservations"
+            },
+            {
+              text: "Contact Us",              href: "tel:+18152324408"
+            }
+          ]}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="The Great Debate"
+          copyrightText="© 2025 The Great Debate. All rights reserved. | 1 E Spring St, Freeport, IL 61032"
+          socialLinks={[
+            {
+              icon: Instagram,
+              href: "https://instagram.com",              ariaLabel: "Instagram"
+            },
+            {
+              icon: Facebook,
+              href: "https://facebook.com",              ariaLabel: "Facebook"
+            },
+            {
+              icon: Phone,
+              href: "tel:+18152324408",              ariaLabel: "Call us"
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}