2026-04-05 20:20:43 +00:00
4 changed files with 111 additions and 14 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -0,0 +1,28 @@
+"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>
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline 
+            navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} 
+            brandName="Mini Bites"
+        />
+        <TextAbout
+            title="Always Fresh, Always Open"
+            buttons={[{ text: "Get Directions", href: "https://maps.google.com"}]}
+        />
+        <FooterBaseReveal
+          logoText="Mini Bites"
+          columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+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 FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline 
+            navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} 
+            brandName="Mini Bites"
+        />
+        <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" }]}
+        />
+        <FooterBaseReveal
+          logoText="Mini Bites"
+          columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -0,0 +1,36 @@
+"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>
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline 
+            navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} 
+            brandName="Mini Bites"
+        />
+        <PricingCardNine
+            title="Our Full Menu"
+            description="Categories to satisfy every craving, day or night."
+            textboxLayout="split"
+            useInvertedBackground={true}
+            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" } },
+            ]}
+        />
+        <FooterBaseReveal
+          logoText="Mini Bites"
+          columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,8 +20,8 @@ export default function LandingPage() {
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="fluid"
-        cardStyle="gradient-radial"
-        primaryButtonStyle="gradient"
+        cardStyle="solid"
+        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
@@ -31,9 +31,9 @@ export default function LandingPage() {
      navItems={[
        { name: "Home", id: "hero"},
        { name: "About", id: "about"},
-        { name: "Menu", id: "menu"},
+        { name: "The Collection", id: "menu"},
        { name: "Products", id: "products"},
-        { name: "Contact", id: "contact"},
+        { name: "Inquire for Your Event", id: "contact"},
      ]}
      brandName="Mini Bites"
      logoSrc="http://img.b2bpic.net/free-photo/chef-holding-bacon-based-dish_23-2148491371.jpg"
@@ -47,7 +47,7 @@ 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: "The Collection", href: "#menu"},
        { text: "Call for Order", href: "tel:+97300000000"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/unfocused-background-with-wooden-furniture_1203-1690.jpg"
@@ -72,16 +72,18 @@ 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" } },
-        ]}
+        ]
+        }
+        cardClassName="shadow-none border-0"
      />
  </div>

@@ -98,6 +100,7 @@ export default function LandingPage() {
      ]}
      title="Our Community Best Sellers"
      description="The items our regulars order again and again."
+      cardClassName="shadow-none border-0"
    />
  </div>

@@ -106,22 +109,23 @@ export default function LandingPage() {
        showRating={true}
        animationType="slide-up"
        textboxLayout="default"
-        useInvertedBackground={true}
+        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: "gradient-bars"}}
+      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: "Get Directions", href: "https://maps.google.com" }]}
+      buttons={[{ text: "Call Now", href: "tel:+97300000000" }, { text: "Inquire for Your Event", href: "https://maps.google.com" }]}
    />
  </div>

@@ -133,9 +137,9 @@ export default function LandingPage() {
        {
          title: "Navigation", items: [
            { label: "Home", href: "#hero" },
-            { label: "Menu", href: "#menu" },
+            { label: "The Collection", href: "#menu" },
            { label: "Best Sellers", href: "#products" },
-            { label: "Contact", href: "#contact" },
+            { label: "Inquire for Your Event", href: "#contact" },
          ],
        },
        {
@@ -151,4 +155,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}