Update src/app/menu/page.tsx

Merge version_6 into main

src/app/about/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import TextAbout from '@/components/sections/about/TextAbout';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+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>
+        <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="Our Story"
+            useInvertedBackground={false}
+          />
+        </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

@@ -0,0 +1,43 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+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>
+        <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>
+        <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

@@ -0,0 +1,43 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+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>
+        <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="Full Menu"
+            description="Explore our complete range of delicious items."
+            animationType="slide-up"
+            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';
 
@@ -20,8 +17,8 @@ export default function LandingPage() {
         contentWidth="mediumSmall"
         sizing="mediumSizeLargeTitles"
         background="fluid"
-        cardStyle="gradient-radial"
-        primaryButtonStyle="gradient"
+        cardStyle="solid"
+        primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
         headingFontWeight="light"
     >
@@ -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: "Menu", id: "menu"},
-        { name: "Products", id: "products"},
-        { name: "Contact", 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: "View Menu", 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"
@@ -72,59 +68,21 @@ export default function LandingPage() {
 
   <div id="menu" data-section="menu">
       <PricingCardNine
-        title="Our Full Menu"
+        title="The Collection"
         description="Categories to satisfy every craving, day or night."
         textboxLayout="split"
-        useInvertedBackground={true}
+        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."
-    />
-  </div>
-
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardThirteen
-        showRating={true}
-        animationType="slide-up"
-        textboxLayout="default"
-        useInvertedBackground={true}
-        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 },
-        ]}
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      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" }]}
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterBaseReveal
       logoText="Mini Bites"
@@ -132,10 +90,10 @@ export default function LandingPage() {
       columns={[
         {
           title: "Navigation", items: [
-            { label: "Home", href: "#hero" },
-            { label: "Menu", href: "#menu" },
-            { label: "Best Sellers", href: "#products" },
-            { label: "Contact", href: "#contact" },
+            { label: "Home", href: "/" },
+            { label: "Menu", href: "/menu" },
+            { label: "About", href: "/about" },
+            { label: "Contact", href: "/contact" },
           ],
         },
         {