diff --git a/src/app/order/page.tsx b/src/app/order/page.tsx
new file mode 100644
index 0000000..754e5cc
--- /dev/null
+++ b/src/app/order/page.tsx
@@ -0,0 +1,171 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { ShoppingBag, Truck, Utensils, Home, Mail, Phone, CalendarCheck, Facebook, Instagram, MapPin, Soup, Star, Twitter } from "lucide-react";
+
+export default function OrderPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              {
+                name: "Home",                id: "/"
+              },
+              {
+                name: "Order Online",                id: "/order"
+              },
+              {
+                name: "Chef Kami",                id: "/#chef"
+              },
+              {
+                name: "Ulasan",                id: "/#ulasan"
+              },
+              {
+                name: "Kontak",                id: "/#contact"
+              }
+            ]}
+            brandName="Rasa Juara"
+            button={{
+              text: "Reservasi",              href: "/#contact"
+            }}
+          />
+        </div>
+
+        <div id="online-menu" data-section="online-menu">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              {
+                id: "chocolate-souffle",                name: "Chocolate Souffle",                brand: "Dessert",                price: "IDR 150.000",                rating: 5,
+                reviewCount: "120",                imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-with-chocolate-lava-cake-ice-cream_74190-6984.jpg",                imageAlt: "Chocolate Souffle"
+              },
+              {
+                id: "oyster-lemon-myrtle",                name: "Oyster with Lemon Myrtle",                brand: "Appetizer",                price: "IDR 220.000",                rating: 4.5,
+                reviewCount: "95",                imageSrc: "http://img.b2bpic.net/free-photo/view-dish-made-oyster-delicacies_23-2150320498.jpg",                imageAlt: "Oyster with Lemon Myrtle"
+              },
+              {
+                id: "red-kangaroo-mushrooms",                name: "Red Kangaroo and Mushrooms",                brand: "Main Course",                price: "IDR 350.000",                rating: 4.8,
+                reviewCount: "150",                imageSrc: "http://img.b2bpic.net/free-photo/eggplant-dolma-with-tomato-belly-pepper_140725-4615.jpg",                imageAlt: "Red Kangaroo and Mushrooms"
+              },
+              {
+                id: "crab-sausages",                name: "Crab Sausages",                brand: "Main Course",                price: "IDR 280.000",                rating: 4.6,
+                reviewCount: "80",                imageSrc: "http://img.b2bpic.net/free-photo/delicious-seafood-meal_23-2151713211.jpg",                imageAlt: "Crab Sausages"
+              },
+              {
+                id: "premium-steaks",                name: "Premium Steaks",                brand: "Main Course",                price: "IDR 400.000",                rating: 4.9,
+                reviewCount: "200",                imageSrc: "http://img.b2bpic.net/free-photo/seared-steak-with-roasted-vegetables_23-2151942406.jpg",                imageAlt: "Premium Steaks"
+              },
+              {
+                id: "wine-pairing",                name: "Wine Pairing",                brand: "Beverage",                price: "IDR 180.000",                rating: 4.7,
+                reviewCount: "70",                imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-6633.jpg",                imageAlt: "Wine Pairing"
+              }
+            ]}
+            title="Pesan Langsung dari Menu Kami"
+            description="Pilih hidangan favorit Anda dan nikmati pengiriman cepat ke pintu Anda."
+            buttons={[
+              { text: "Lihat Semua Kategori", href: "#" }
+            ]}
+          />
+        </div>
+
+        <div id="delivery-options" data-section="delivery-options">
+          <PricingCardEight
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            title="Opsi Pengiriman dan Layanan"
+            description="Pilih opsi pengiriman yang paling sesuai dengan kebutuhan Anda."
+            plans={[
+              {
+                id: "standard-delivery",                badge: "Standard",                badgeIcon: Home,
+                price: "IDR 20.000",                subtitle: "Pengiriman dalam 60-90 menit",                features: [
+                  "Pelacakan Pesanan Dasar",                  "Minimum Order Rendah",                  "Area Pengiriman Luas"
+                ],
+                buttons: [
+                  { text: "Pilih", href: "#" }
+                ]
+              },
+              {
+                id: "express-delivery",                badge: "Express",                badgeIcon: Truck,
+                price: "IDR 45.000",                subtitle: "Pengiriman dalam 30-45 menit",                features: [
+                  "Pelacakan Pesanan Real-time",                  "Prioritas Pengiriman",                  "Dukungan Pelanggan Cepat"
+                ],
+                buttons: [
+                  { text: "Pilih", href: "#" }
+                ]
+              },
+              {
+                id: "catering-delivery",                badge: "Catering",                badgeIcon: Utensils,
+                price: "Mulai IDR 100.000",                subtitle: "Untuk Pesanan Besar & Acara Khusus",                features: [
+                  "Pengiriman Terjadwal",                  "Pengaturan Makanan",                  "Dukungan Acara Penuh"
+                ],
+                buttons: [
+                  { text: "Pesan Catering", href: "#" }
+                ]
+              }
+            ]}
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{
+              variant: "sparkles-gradient"
+            }}
+            tag="Punya Pertanyaan?"
+            title="Hubungi Kami untuk Bantuan"
+            description="Tim kami siap membantu Anda dengan pesanan atau pertanyaan pengiriman. Jangan ragu untuk menghubungi kami."
+            buttons={[
+              { text: "Kirim Email", href: "mailto:info@rasajuara.com" },
+              { text: "Telepon Kami", href: "tel:+61396913888" }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Rasa Juara"
+            copyrightText="© 2024 Rasa Juara. Hak Cipta Dilindungi."
+            socialLinks={[
+              {
+                icon: Instagram,
+                href: "https://instagram.com/rasajuara",                ariaLabel: "Instagram Rasa Juara"
+              },
+              {
+                icon: Facebook,
+                href: "https://facebook.com/rasajuara",                ariaLabel: "Facebook Rasa Juara"
+              },
+              {
+                icon: Twitter,
+                href: "https://twitter.com/rasajuara",                ariaLabel: "Twitter Rasa Juara"
+              }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 337cb19..0f5fa0a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,19 +33,19 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",          id: "#home"},
+          name: "Home",          id: "/"},
         {
-          name: "Menu",          id: "#menu"},
+          name: "Order Online",          id: "/order"},
         {
-          name: "Chef Kami",          id: "#chef"},
+          name: "Chef Kami",          id: "/#chef"},
         {
-          name: "Ulasan",          id: "#ulasan"},
+          name: "Ulasan",          id: "/#ulasan"},
         {
-          name: "Kontak",          id: "#contact"},
+          name: "Kontak",          id: "/#contact"},
       ]}
       brandName="Rasa Juara"
       button={{
-        text: "Reservasi",        href: "#contact"}}
+        text: "Reservasi",        href: "/#contact"}}
     />
   </div>
 
@@ -79,7 +79,7 @@ export default function LandingPage() {
         {
           imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-sitting-table_23-2150062650.jpg",          imageAlt: "Gourmet Australian cheese platter"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-kebab-pink-plate_114579-69599.jpg",          imageAlt: "Perfectly cooked steak with elegant plating"},
+          imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-kebab-pink-plate_114579-69599.jpg",          imageAlt: "Delicious grilled kebab"},
         {
           imageSrc: "http://img.b2bpic.net/free-photo/creamy-seafood-soup-with-mussels-shrimp-small-octopus_140725-1326.jpg",          imageAlt: "Innovative crab sausages dish"},
       ]}
@@ -88,9 +88,9 @@ export default function LandingPage() {
       tagAnimation="slide-up"
       buttons={[
         {
-          text: "Lihat Menu",          href: "#menu"},
+          text: "Lihat Menu",          href: "/order"},
         {
-          text: "Reservasi Sekarang",          href: "#contact"},
+          text: "Reservasi Sekarang",          href: "/#contact"},
       ]}
       buttonAnimation="slide-up"
       avatars={[
@@ -181,8 +181,8 @@ export default function LandingPage() {
         {
           id: "premium-steaks",          name: "Premium Steaks",          price: "IDR 400.000",          imageSrc: "http://img.b2bpic.net/free-photo/seared-steak-with-roasted-vegetables_23-2151942406.jpg",          imageAlt: "Premium Steaks"},
       ]}
-      title="Sajian Istimewa dari Dapur Kami"
-      description="Dari hidangan klasik hingga kreasi modern, setiap menu kami diracik dengan passion dan presisi. Jelajahi pilihan menu kami yang elegan."
+      title="Pilihan Menu Favorit Kami"
+      description="Dari hidangan klasik hingga kreasi modern, setiap menu kami diracik dengan passion dan presisi. Jelajahi pilihan menu favorit kami."
     />
   </div>
 
diff --git a/src/app/reservations/page.tsx b/src/app/reservations/page.tsx
new file mode 100644
index 0000000..642a9e4
--- /dev/null
+++ b/src/app/reservations/page.tsx
@@ -0,0 +1,74 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactForm from "@/components/form/ContactForm"; // Using ContactForm for booking
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Award, CalendarCheck, Facebook, Instagram, Twitter } from "lucide-react"; // Import necessary icons
+
+export default function ReservationsPage() {
+  const navItems = [
+    { name: "Home", id: "/" }, // Link home to root path
+    { name: "Menu", id: "#menu" },
+    { name: "Chef Kami", id: "#chef" },
+    { name: "Ulasan", id: "#ulasan" },
+    { name: "Loyalty Program", id: "#loyalty" },
+    { name: "Kontak", id: "#contact" }
+  ];
+
+  const navbarButton = {
+    text: "Reservasi",    href: "/reservations"
+  };
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={navItems}
+            brandName="Rasa Juara"
+            button={navbarButton}
+          />
+        </div>
+
+        <div id="reservations-page" data-section="reservations-page">
+          <ContactForm
+            tag="Pesan Meja"
+            tagIcon={CalendarCheck}
+            title="Reservasi Meja Anda di Rasa Juara"
+            description="Pesan meja Anda dengan mudah dan cepat. Kami siap menyambut Anda untuk pengalaman bersantap yang tak terlupakan. Isi formulir di bawah ini atau hubungi kami langsung."
+            inputPlaceholder="Email Anda"
+            buttonText="Kirim Permintaan Reservasi"
+            termsText="Dengan mengirim permintaan, Anda menyetujui syarat dan ketentuan reservasi kami."
+            onSubmit={(email) => console.log("Reservation request for:", email)} // Placeholder action
+            centered={true}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Rasa Juara"
+            copyrightText="© 2024 Rasa Juara. Hak Cipta Dilindungi."
+            socialLinks={[
+              { icon: Instagram, href: "https://instagram.com/rasajuara", ariaLabel: "Instagram Rasa Juara" },
+              { icon: Facebook, href: "https://facebook.com/rasajuara", ariaLabel: "Facebook Rasa Juara" },
+              { icon: Twitter, href: "https://twitter.com/rasajuara", ariaLabel: "Twitter Rasa Juara" }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file