Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -12,6 +12,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function LandingPage() {
   return (
@@ -45,7 +46,7 @@ export default function LandingPage() {
         <div id="hero" data-section="hero">
           <HeroOverlayTestimonial
             title="Authentic Punjabi Hospitality"
-            description="Authentic Punjabi flavors crafted from heirloom recipes, served in a breathtaking rooftop setting."
+            description="Savor the authentic soul of Punjab in every bite, served with panoramic city views from our rooftop terrace."
             testimonials={[
               { name: "Sarah Khan", handle: "@sarahk", testimonial: "The best biryani I have ever tasted! Truly authentic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg" },
               { name: "Ali Raza", handle: "@aliraza", testimonial: "Exceptional service and the rooftop atmosphere is magical.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kids-table_23-2149213368.jpg" },
@@ -75,6 +76,17 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="cta" data-section="cta">
+            <ContactCTA
+                tag="Join Us Today"
+                title="Ready for an Unforgettable Experience?"
+                description="Reserve your table now and experience the authentic flavors of Lahore Heritage."
+                buttons={[{ text: "Book Now", href: "#contact" }]}
+                background={{ variant: "plain" }}
+                useInvertedBackground={false}
+            />
+        </div>
+
         <div id="menu" data-section="menu">
           <ProductCardFour
             animationType="slide-up"