src/app/order-now/page.tsx

@@ -0,0 +1,113 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { ShoppingBag, Truck } from 'lucide-react';
+
+export default function OrderNowPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="mediumLarge"
+      sizing="largeSmallSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="Al-Maeda"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/" },
+            { name: "Menu", id: "/" },
+            { name: "Reviews", id: "/" },
+            { name: "Order Now", id: "order" },
+            { name: "Contact", id: "/" }
+          ]}
+          button={{
+            text: "Order Now",            href: "order"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Order Your Authentic Afghan Breakfast"
+          description="Get your favorite Al-Maeda dishes delivered hot and fresh to your door. Choose from Uber Eats or DoorDash for convenient, contactless delivery."
+          tag="🚚 Fast Delivery Available"
+          imageSrc="http://img.b2bpic.net/free-photo/front-view-traditional-azerbaijani-dish-kutab-with-meat-herbs-pumpkin-with-yogurt-sumac_140725-11415.jpg"
+          imageAlt="Order Al-Maeda breakfast online"
+          textPosition="center"
+          showBlur={true}
+          showDimOverlay={true}
+          buttons={[
+            { text: "Order on Uber Eats", href: "https://www.ubereats.com" },
+            { text: "Order on DoorDash", href: "https://www.doordash.com" }
+          ]}
+        />
+      </div>
+
+      <div id="uber-eats" data-section="uber-eats" className="py-16 md:py-24">
+        <ContactSplitForm
+          title="Order via Uber Eats"
+          description="Browse our complete menu on Uber Eats and enjoy fast, reliable delivery. Track your order in real-time and get your authentic Afghan breakfast delivered to your door."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name (auto-filled in Uber Eats)", required: false },
+            { name: "address", type: "text", placeholder: "Delivery Address", required: false }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Browse Uber Eats for our full menu, delivery times, and special offers.",            rows: 3,
+            required: false
+          }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/top-view-azerbaijani-gutab-stuffed-flatbread-with-herbs-served-with-yogurt_140725-7096.jpg"
+          imageAlt="Uber Eats ordering"
+          mediaPosition="right"
+          mediaAnimation="slide-up"
+          buttonText="Open Uber Eats"
+        />
+      </div>
+
+      <div id="doordash" data-section="doordash" className="py-16 md:py-24">
+        <ContactSplitForm
+          title="Order via DoorDash"
+          description="Get your Al-Maeda breakfast on DoorDash with convenient delivery options. View our menu, check prices, and enjoy the ease of DoorDash ordering."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name (auto-filled in DoorDash)", required: false },
+            { name: "address", type: "text", placeholder: "Delivery Address", required: false }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "DoorDash offers quick delivery with contactless payment options. Browse our menu and place your order now.",            rows: 3,
+            required: false
+          }}
+          useInvertedBackground={true}
+          imageSrc="http://img.b2bpic.net/free-photo/meat-roll-with-shepherd-salad_140725-1164.jpg"
+          imageAlt="DoorDash ordering"
+          mediaPosition="left"
+          mediaAnimation="slide-up"
+          buttonText="Open DoorDash"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Al-Maeda"
+          leftLink={{
+            text: "📍 6/426 Prospect Rd, Kilburn SA 5084",            href: "https://maps.google.com/?q=6/426+Prospect+Rd,+Kilburn+SA+5084"
+          }}
+          rightLink={{
+            text: "📞 (08) 8177 0469",            href: "tel:(08)81770469"
+          }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -33,10 +33,11 @@ export default function LandingPage() {
             { name: "About", id: "about" },
             { name: "Menu", id: "features" },
             { name: "Reviews", id: "testimonial" },
+            { name: "Order Now", id: "order" },
             { name: "Contact", id: "contact" }
           ]}
           button={{
-            text: "Order Now",            href: "contact"
+            text: "Order Now",            href: "order"
           }}
         />
       </div>
@@ -53,7 +54,7 @@ export default function LandingPage() {
           showDimOverlay={true}
           buttons={[
             { text: "📞 Call Now", href: "tel:(08)81770469" },
-            { text: "🛵 Order Online", href: "contact" }
+            { text: "🛵 Order Online", href: "order" }
           ]}
         />
       </div>
@@ -96,7 +97,7 @@ export default function LandingPage() {
           gridVariant="four-items-2x2-equal-grid"
           useInvertedBackground={true}
           buttons={[
-            { text: "📝 View Complete Menu", href: "contact" }
+            { text: "📝 View Complete Menu", href: "order" }
           ]}
         />
       </div>
@@ -152,6 +153,27 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="order" data-section="order" className="py-16 md:py-24">
+        <ContactSplitForm
+          title="Order Now - Easy Ordering"
+          description="Order directly from Uber Eats or DoorDash for convenient delivery to your doorstep. Enjoy our authentic Afghan and Pakistani breakfast delivered hot and fresh!"
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name (optional)", required: false },
+            { name: "phone", type: "tel", placeholder: "(08) 8177 0469", required: false }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Click the delivery apps below to place your order...",            rows: 3,
+            required: false
+          }}
+          useInvertedBackground={true}
+          imageSrc="http://img.b2bpic.net/free-photo/front-view-traditional-azerbaijani-dish-kutab-with-meat-herbs-pumpkin-with-yogurt-sumac_140725-11415.jpg"
+          imageAlt="Al-Maeda ordering options"
+          mediaPosition="left"
+          mediaAnimation="slide-up"
+          buttonText="Browse Uber Eats & DoorDash"
+        />
+      </div>
+
       <div id="contact" data-section="contact" className="py-16 md:py-24">
         <ContactSplitForm
           title="Reserve Your Catering Experience"