Update src/app/menu/page.tsx

Merge version_6 into main

src/app/about/page.tsx

@@ -10,26 +10,29 @@ export default function AboutPage() {
   return (
     <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingInline 
-            navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} 
-            brandName="Mini Bites"
-            button={{ text: "Menu", href: "/menu" }}
-          />
-        </div>
-        <div id="about" data-section="about">
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Menu", id: "/menu" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Mini Bites"
+          logoSrc="http://img.b2bpic.net/free-photo/chef-holding-bacon-based-dish_23-2148491371.jpg"
+          button={{ text: "Order Now", href: "/menu" }}
+        />
+        <div className="pt-32 pb-20">
           <TextAbout
-            title="Always Fresh, Always Open"
-            buttons={[{ text: "Get Directions", href: "https://maps.google.com"}]}
+            title="Our Story"
             useInvertedBackground={false}
           />
         </div>
-        <div id="footer" data-section="footer">
-          <FooterBaseReveal
-            logoText="Mini Bites"
-            columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
-          />
-        </div>
+        <FooterBaseReveal
+          logoText="Mini Bites"
+          columns={[
+            { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }, { label: "Contact", href: "/contact" }] }
+          ]}
+        />
       </ReactLenis>
     </ThemeProvider>
   );

src/app/contact/page.tsx

@@ -3,34 +3,40 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function ContactPage() {
   return (
     <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingInline 
-            navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} 
-            brandName="Mini Bites"
-            button={{ text: "Menu", href: "/menu" }}
-          />
-        </div>
-        <div id="contact" data-section="contact">
-          <ContactText
-            background={{ variant: "gradient-bars"}}
-            text="Visit us in Maqabah, Bahrain. Open 24/7. Need help or directions? Give us a call."
-            buttons={[{ text: "Call Now", href: "tel:+97300000000" }, { text: "Get Directions", href: "https://maps.google.com" }]}
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Menu", id: "/menu" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Mini Bites"
+          logoSrc="http://img.b2bpic.net/free-photo/chef-holding-bacon-based-dish_23-2148491371.jpg"
+          button={{ text: "Order Now", href: "/menu" }}
+        />
+        <div className="pt-32 pb-20">
+          <ContactCTA
+            tag="Reach Out"
+            title="Get in Touch"
+            description="Have questions? Give us a call at any time."
+            buttons={[{ text: "Call Now", href: "tel:+97377900209" }]}
+            background={{ variant: "plain" }}
             useInvertedBackground={false}
           />
         </div>
-        <div id="footer" data-section="footer">
-          <FooterBaseReveal
-            logoText="Mini Bites"
-            columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
-          />
-        </div>
+        <FooterBaseReveal
+          logoText="Mini Bites"
+          columns={[
+            { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }, { label: "Contact", href: "/contact" }] }
+          ]}
+        />
       </ReactLenis>
     </ThemeProvider>
   );

src/app/menu/page.tsx

@@ -10,33 +10,33 @@ export default function MenuPage() {
   return (
     <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingInline 
-            navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} 
-            brandName="Mini Bites"
-            button={{ text: "Contact", href: "/contact" }}
-          />
-        </div>
-        <div id="menu" data-section="menu">
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Menu", id: "/menu" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Mini Bites"
+          logoSrc="http://img.b2bpic.net/free-photo/chef-holding-bacon-based-dish_23-2148491371.jpg"
+          button={{ text: "Order Now", href: "/menu" }}
+        />
+        <div className="pt-32 pb-20">
           <PricingCardNine
-            title="Our Full Menu"
-            description="Categories to satisfy every craving, day or night."
-            textboxLayout="split"
-            useInvertedBackground={true}
+            title="Full Menu"
+            description="Explore our complete range of delicious items."
             animationType="slide-up"
-            plans={[
-            { id: "1", title: "Burgers", price: "BHD 2.500+", period: "Starting from", features: ["Classic Cheeseburger", "Bacon Burger", "Double Patty Special"], button: { text: "Order Now" } },
-            { id: "2", title: "Snacks & Sides", price: "BHD 1.000+", period: "Starting from", features: ["Signature Fries", "Onion Rings", "Nuggets Box"], button: { text: "Order Now" } },
-            { id: "3", title: "Desserts", price: "BHD 1.200+", period: "Starting from", features: ["Lotus Delight", "Chocolate Brownie", "Milkshakes"], button: { text: "Order Now" } },
-            ]}
-          />
-        </div>
-        <div id="footer" data-section="footer">
-          <FooterBaseReveal
-            logoText="Mini Bites"
-            columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[]}
           />
         </div>
+        <FooterBaseReveal
+          logoText="Mini Bites"
+          columns={[
+            { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }, { label: "Contact", href: "/contact" }] }
+          ]}
+        />
       </ReactLenis>
     </ThemeProvider>
   );

src/app/page.tsx

@@ -2,12 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TextAbout from '@/components/sections/about/TextAbout';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 
@@ -29,15 +26,14 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        { name: "Home", id: "hero"},
-        { name: "About", id: "about"},
-        { name: "The Collection", id: "menu"},
-        { name: "Products", id: "products"},
-        { name: "Inquire for Your Event", id: "contact"},
+        { name: "Home", id: "/"},
+        { name: "About", id: "/about"},
+        { name: "Menu", id: "/menu"},
+        { name: "Contact", id: "/contact"},
       ]}
       brandName="Mini Bites"
       logoSrc="http://img.b2bpic.net/free-photo/chef-holding-bacon-based-dish_23-2148491371.jpg"
-      button={{ text: "Call Now", href: "tel:+97300000000" }}
+      button={{ text: "Call Now", href: "tel:+97377900209" }}
     />
   </div>
 
@@ -47,8 +43,8 @@ export default function LandingPage() {
       title="24/7 Convenience, Delivered to You."
       description="Located in Maqabah, we serve the best burgers and signature snacks around the clock. Experience top-tier flavor and unmatched delivery speed whenever hunger strikes."
       buttons={[
-        { text: "The Collection", href: "#menu"},
-        { text: "Call for Order", href: "tel:+97300000000"},
+        { text: "Menu", href: "/menu"},
+        { text: "Call for Order", href: "tel:+97377900209"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/unfocused-background-with-wooden-furniture_1203-1690.jpg"
       imageAlt="Restaurant ambiance"
@@ -78,57 +74,15 @@ export default function LandingPage() {
         useInvertedBackground={false}
         animationType="slide-up"
         plans={[
-          { id: "1", title: "Burgers", price: "BHD 2.500+", period: "Starting from", features: ["Classic Cheeseburger", "Bacon Burger", "Double Patty Special"], button: { text: "View Burgers" } },
-          { id: "2", title: "Snacks & Sides", price: "BHD 1.000+", period: "Starting from", features: ["Signature Fries", "Onion Rings", "Nuggets Box"], button: { text: "View Sides" } },
-          { id: "3", title: "Desserts", price: "BHD 1.200+", period: "Starting from", features: ["Lotus Delight", "Chocolate Brownie", "Milkshakes"], button: { text: "View Desserts" } },
+          { id: "1", title: "Burgers", price: "BHD 2.500+", period: "Starting from", features: ["Classic Cheeseburger", "Bacon Burger", "Double Patty Special"], button: { text: "Order Now", href: "tel:+97377900209" } },
+          { id: "2", title: "Snacks & Sides", price: "BHD 1.000+", period: "Starting from", features: ["Signature Fries", "Onion Rings", "Nuggets Box"], button: { text: "Order Now", href: "tel:+97377900209" } },
+          { id: "3", title: "Desserts", price: "BHD 1.200+", period: "Starting from", features: ["Lotus Delight", "Chocolate Brownie", "Milkshakes"], button: { text: "Order Now", href: "tel:+97377900209" } },
         ]
         }
         cardClassName="shadow-none border-0"
       />
   </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        { id: "1", brand: "Best Seller", name: "Kashta Mix Box", price: "BHD 8.500", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/chef-holding-bacon-based-dish_23-2148491371.jpg?_wi=1" },
-        { id: "2", brand: "Best Seller", name: "Bacon Burger", price: "BHD 3.200", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burgers-plate_23-2149897390.jpg?_wi=1" },
-        { id: "3", brand: "Best Seller", name: "Mini Lotus", price: "BHD 1.500", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sugar-cookies-with-candies-grey-background_140725-77031.jpg?_wi=1" },
-      ]}
-      title="Our Community Best Sellers"
-      description="The items our regulars order again and again."
-      cardClassName="shadow-none border-0"
-    />
-  </div>
-
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardThirteen
-        showRating={true}
-        animationType="slide-up"
-        textboxLayout="default"
-        useInvertedBackground={false}
-        title="What Our Customers Say"
-        description="Authentic feedback from our Maqabah neighborhood."
-        testimonials={[
-          { id: "1", name: "Ahmed Ali", handle: "@ahmedfoodie", testimonial: "The best burger spot in the area. Always fresh and quick!", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burgers-plate_23-2149897390.jpg?_wi=2", rating: 5 },
-          { id: "2", name: "Sara Mohammed", handle: "@sara_bahrain", testimonial: "Perfect late-night snacks. The Lotus dessert is a must-try.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sugar-cookies-with-candies-grey-background_140725-77031.jpg?_wi=2", rating: 5 },
-        ]}
-        cardClassName="shadow-none border-0"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "plain"}}
-      text="Visit us in Maqabah, Bahrain. Open 24/7. Need help or directions? Give us a call."
-      buttons={[{ text: "Call Now", href: "tel:+97300000000" }, { text: "Inquire for Your Event", href: "https://maps.google.com" }]}
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterBaseReveal
       logoText="Mini Bites"
@@ -136,10 +90,10 @@ export default function LandingPage() {
       columns={[
         {
           title: "Navigation", items: [
-            { label: "Home", href: "#hero" },
-            { label: "The Collection", href: "#menu" },
-            { label: "Best Sellers", href: "#products" },
-            { label: "Inquire for Your Event", href: "#contact" },
+            { label: "Home", href: "/" },
+            { label: "Menu", href: "/menu" },
+            { label: "About", href: "/about" },
+            { label: "Contact", href: "/contact" },
           ],
         },
         {
@@ -155,4 +109,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}