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/layout.tsx

@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
 import "./globals.css";
 import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Figtree } from "next/font/google";
 
@@ -35,7 +34,7 @@ export default function RootLayout({
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
         <body className={`${figtree.variable} antialiased`}>
-          <Tag />
+          
           {children}
           <script
               dangerouslySetInnerHTML={{

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,13 +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 TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextAbout from '@/components/sections/about/TextAbout';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 
 export default function LandingPage() {
   return (
@@ -19,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"
     >
@@ -28,61 +26,34 @@ 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: "Customer 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-yummy-sugar-cookies-with-candies-grey-background_140725-77031.jpg",          alt: "Customer 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/chef-holding-bacon-based-dish_23-2148491371.jpg",          alt: "Customer 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg",          alt: "Customer 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg",          alt: "Customer 5"},
-      ]}
-      avatarText="Loved by our community"
       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: "Local Favorite"},
+        { type: "text", text: "Open 24/7" },
+        { type: "text", text: "Fast Delivery" },
+        { type: "text", text: "Fresh Ingredients" },
+        { type: "text", text: "Local Favorite" },
       ]}
     />
   </div>
@@ -91,102 +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">
-      <TestimonialCardSix
-      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"},
-        {
-          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"},
-        {
-          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"},
-        {
-          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"},
-      ]}
-    />
-  </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."
-    />
+  <div id="menu" data-section="menu">
+      <PricingCardNine
+        title="The Collection"
+        description="Categories to satisfy every craving, day or night."
+        textboxLayout="split"
+        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: "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>
   );
-}
+}