Update src/app/page.tsx

src/app/page.tsx

@@ -11,9 +11,13 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Gift, Heart, Star, Utensils } from "lucide-react";
+import { Gift, Heart, Star, Utensils, ShoppingCart } from "lucide-react";
 
 export default function LandingPage() {
+  const handleOrderClick = () => {
+    window.open('https://wa.me/919876543210', '_blank');
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -75,6 +79,15 @@ export default function LandingPage() {
       </div>
 
       <div id="signature-waffles" data-section="signature-waffles">
+        <div className="flex flex-col items-center justify-center gap-6 mb-8">
+          <button
+            onClick={handleOrderClick}
+            className="px-8 py-3 bg-gradient-to-r from-orange-500 to-red-500 text-white font-semibold rounded-full hover:shadow-lg transition-all duration-300 hover:scale-105 flex items-center gap-2"
+          >
+            <ShoppingCart size={20} />
+            Order Your Favorite
+          </button>
+        </div>
         <ProductCardFour
           title="Our Signature Waffles"
           description="Handcrafted waffles made fresh to order. Bulk orders and custom platters available."
@@ -103,6 +116,15 @@ export default function LandingPage() {
           ]}
           buttonAnimation="slide-up"
         />
+        <div className="flex flex-col items-center justify-center gap-6 mt-8">
+          <button
+            onClick={handleOrderClick}
+            className="px-8 py-3 bg-gradient-to-r from-orange-500 to-red-500 text-white font-semibold rounded-full hover:shadow-lg transition-all duration-300 hover:scale-105 flex items-center gap-2"
+          >
+            <ShoppingCart size={20} />
+            Order Now
+          </button>
+        </div>
       </div>
 
       <div id="social-proof" data-section="social-proof">