diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..d26f05a
--- /dev/null
+++ 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>
+  );
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..6df96ba
--- /dev/null
+++ 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>
+  );
+}
\ No newline at end of file
diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
new file mode 100644
index 0000000..642a553
--- /dev/null
+++ 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>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7625979..62976a0 100644
--- 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>
   );
-}
\ No newline at end of file
+}