Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -9,6 +9,7 @@ import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterBase from '@/components/sections/footer/FooterBase';
+import { Coffee, Calendar } from 'lucide-react';
 
 export default function BlendHausPage() {
   return (
@@ -104,6 +105,51 @@ export default function BlendHausPage() {
         />
       </div>
 
+      <div id="cta-section" data-section="cta-section" className="py-20 px-4 md:px-8 lg:px-0">
+        <div className="w-full max-w-7xl mx-auto">
+          <div className="text-center mb-12">
+            <h2 className="text-3xl md:text-4xl lg:text-5xl font-bold mb-4" style={{ color: 'var(--foreground)' }}>
+              Enjoy our coffee and meals
+            </h2>
+            <p className="text-lg md:text-xl" style={{ color: 'var(--foreground)' }}>
+              Order online or reserve your table now!
+            </p>
+          </div>
+          
+          <div className="grid md:grid-cols-2 gap-6 md:gap-8">
+            {/* Order Online Button */}
+            <a
+              href="https://www.zomato.com/lucknow"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex items-center justify-center gap-4 p-8 md:p-10 rounded-xl transition-all duration-300 hover:shadow-lg transform hover:scale-105"
+              style={{
+                backgroundColor: 'var(--primary-cta)',
+                color: 'var(--primary-cta-text)',
+              }}
+            >
+              <Coffee size={32} />
+              <span className="text-xl md:text-2xl font-bold">Order Online</span>
+            </a>
+
+            {/* Book a Table Button */}
+            <a
+              href="https://www.zomato.com/lucknow"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex items-center justify-center gap-4 p-8 md:p-10 rounded-xl transition-all duration-300 hover:shadow-lg transform hover:scale-105"
+              style={{
+                backgroundColor: 'var(--primary-cta)',
+                color: 'var(--primary-cta-text)',
+              }}
+            >
+              <Calendar size={32} />
+              <span className="text-xl md:text-2xl font-bold">Book a Table</span>
+            </a>
+          </div>
+        </div>
+      </div>
+
       <div id="why-visit" data-section="why-visit">
         <FeatureCardNine
           title="Why Visit The Blend Haus"