Switch to version 4: modified src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -13,6 +13,10 @@ import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 import { Flame, Star } from "lucide-react";
 
 export default function LandingPage() {
+  const handleOrderClick = () => {
+    window.location.href = "https://www.swiggy.com";
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-bubble"
@@ -35,7 +39,7 @@ export default function LandingPage() {
             { name: "Location", id: "location" },
             { name: "Contact", id: "contact" }
           ]}
-          button={{ text: "Order Now", href: "#contact" }}
+          button={{ text: "Order Now", href: "https://www.swiggy.com", onClick: handleOrderClick }}
           animateOnLoad={true}
         />
       </div>
@@ -55,7 +59,7 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           buttons={[
             { text: "🔥 Explore Menu", href: "#menu" },
-            { text: "🛵 Order Online", href: "#contact" }
+            { text: "🛵 Order Online", href: "https://www.swiggy.com", onClick: handleOrderClick }
           ]}
           buttonAnimation="blur-reveal"
           imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-tasty-looking-burger-isolated-black-surface_181624-39131.jpg"
@@ -90,7 +94,7 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "View Full Menu", href: "#" }]}
+          buttons={[{ text: "Order Now", onClick: handleOrderClick }]}
         />
       </div>
 
@@ -142,7 +146,7 @@ export default function LandingPage() {
           imageSrc="http://img.b2bpic.net/free-photo/young-woman-eating-burger-street-cafe-close-up_169016-43760.jpg"
           imageAlt="The Epic Burger Restaurant Interior"
           useInvertedBackground={false}
-          buttons={[{ text: "Reserve a Table", href: "#contact" }]}
+          buttons={[{ text: "Reserve a Table", href: "https://www.swiggy.com" }]}
         />
       </div>
 
@@ -204,9 +208,10 @@ export default function LandingPage() {
           description="Order your favorite burgers now and experience premium quality delivered to your doorstep or enjoy dining in our luxury space."
           background={{ variant: "rotated-rays-animated" }}
           useInvertedBackground={false}
-          inputPlaceholder="Enter your email for updates"
+          inputPlaceholder="Enter email to order"
           buttonText="Order Now"
           termsText="By ordering, you agree to our terms and conditions. We ensure fresh ingredients and quick delivery."
+          onSubmit={() => window.location.href = "https://www.swiggy.com"}
         />
       </div>