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