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,14 +2,11 @@
 
 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 { Star } from 'lucide-react';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 
 export default function LandingPage() {
   return (
@@ -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,50 +26,33 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Menu",          id: "products"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "/"},
+        { name: "About", id: "/about"},
+        { name: "Menu", id: "/menu"},
+        { name: "Contact", id: "/contact"},
       ]}
-      brandName="Maqabah Bites"
-      button={{
-          text: "Order Now",          href: "#products"
-      }}
+      brandName="Mini Bites"
+      logoSrc="http://img.b2bpic.net/free-photo/chef-holding-bacon-based-dish_23-2148491371.jpg"
+      button={{ text: "Call Now", href: "tel:+97377900209" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "gradient-bars"}}
-      title="Flavor in Every Bite, Open for You."
-      description="Located in Maqabah, we serve the best burgers and signature snacks 24/7. Your cravings, satisfied whenever you arrive."
+      background={{ variant: "gradient-bars"}}
+      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: "#products"},
-        {
-          text: "Visit Us",          href: "#contact"},
+        { 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"
       mediaAnimation="slide-up"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/high-angle-delicious-burgers-plate_23-2149897390.jpg", alt: "Meal 1" },
-        { src: "http://img.b2bpic.net/free-photo/top-view-yummy-sugar-cookies-with-candies-grey-background_140725-77031.jpg", alt: "Meal 2" },
-        { src: "http://img.b2bpic.net/free-photo/chef-holding-bacon-based-dish_23-2148491371.jpg", alt: "Meal 3" },
-        { src: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg", alt: "Meal 4" },
-        { src: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg", alt: "Meal 5" },
-      ]}
-      avatarText="Fresh from our Instagram"
       marqueeItems={[
-        { type: "text", text: "Fresh Ingredients" },
         { type: "text", text: "Open 24/7" },
-        { type: "text", text: "Signature Burgers" },
         { type: "text", text: "Fast Delivery" },
+        { type: "text", text: "Fresh Ingredients" },
         { type: "text", text: "Local Favorite" },
       ]}
     />
@@ -82,95 +62,51 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Always Fresh, Always Open"
-      buttons={[
-        {
-          text: "Find Location",          href: "#contact"},
-      ]}
+      buttons={[{ text: "Get Directions", href: "https://maps.google.com"}]}
     />
   </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        { id: "1", brand: "Signature", 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: "Classic", 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: "Signature", name: "Mini Lotus", price: "BHD 1.500", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sugar-cookies-with-candies-grey-background_140725-77031.jpg?_wi=1" },
-        { id: "4", brand: "Combo", name: "Special Bundle", price: "BHD 12.000", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg" },
-        { id: "5", brand: "Classic", name: "Cheeseburger", price: "BHD 2.800", rating: 4, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg?_wi=1" },
-        { id: "6", brand: "Dessert", name: "Lotus Delight", price: "BHD 1.000", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-chocolate-brownie-with-cranberries-bright-background-cake-biscuit-sweet-bake_140725-22858.jpg" },
-      ]}
-      title="Our Best Sellers"
-      description="Handpicked favorites loved by our community."
-    />
-  </div>
-
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardThirteen
-        showRating={true}
-        animationType="slide-up"
-        textboxLayout="default"
+  <div id="menu" data-section="menu">
+      <PricingCardNine
+        title="The Collection"
+        description="Categories to satisfy every craving, day or night."
+        textboxLayout="split"
         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
-          },
-          {
-            id: "3",            name: "Khalid Isa",            handle: "@khalid_k",            testimonial: "Consistent quality every time I order. Great service.",            imageSrc: "http://img.b2bpic.net/free-photo/chef-holding-bacon-based-dish_23-2148491371.jpg?_wi=2",            rating: 5
-          },
-          {
-            id: "4",            name: "Noora Hassan",            handle: "@noora_bites",            testimonial: "The signature burger is exactly what I crave after a long day.",            imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.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 (6F3Q+GX5). We are open 24 hours a day, 7 days a week."
-    />
+        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", 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="footer" data-section="footer">
       <FooterBaseReveal
-      logoText="Maqabah Bites"
+      logoText="Mini Bites"
+      logoSrc="http://img.b2bpic.net/free-photo/chef-holding-bacon-based-dish_23-2148491371.jpg"
       columns={[
         {
-          title: "Links",          items: [
-            {
-              label: "Home",              href: "#hero"},
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Menu",              href: "#products"},
-            {
-              label: "Location",              href: "#contact"},
+          title: "Navigation", items: [
+            { label: "Home", href: "/" },
+            { label: "Menu", href: "/menu" },
+            { label: "About", href: "/about" },
+            { label: "Contact", href: "/contact" },
           ],
         },
         {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
+          title: "Legal", items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}
-      copyrightText="© 2024 Maqabah Bites. All rights reserved."
+      copyrightText="© 2024 Mini Bites. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}