Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -9,6 +9,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import { Instagram, Facebook, MapPin, Clock, Phone } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -34,6 +35,10 @@ export default function LandingPage() {
           name: "Menu",          id: "menu"},
         {
           name: "Reviews",          id: "reviews"},
+        {
+          name: "Location",          id: "location"},
+        {
+          name: "Contact",          id: "contact"},
         {
           name: "Visit Us",          id: "visit-us"},
       ]}
@@ -158,6 +163,67 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="location" data-section="location" className="relative z-10 py-16 lg:py-24 bg-background">
+    <div className="container mx-auto px-4 max-w-medium text-center">
+      <h2 className="text-4xl lg:text-5xl font-semibold text-foreground mb-6">Our Location & Hours</h2>
+      <p className="text-lg text-foreground/80 mb-8 max-w-2xl mx-auto">
+        Find us easily and plan your visit. We're open seven days a week to serve you the best Karahi & Tikka.
+      </p>
+      <div className="bg-card p-6 rounded-pill shadow-xl mb-12">
+        <h3 className="text-2xl font-medium text-foreground mb-4 flex items-center justify-center gap-2">
+          <MapPin className="w-6 h-6 text-primary-cta" /> Our Address
+        </h3>
+        <p className="text-foreground/90 text-md mb-6">
+          Main Commercial Area, DHA Phase 5, Lahore, Pakistan
+        </p>
+        <div className="relative aspect-video w-full h-80 bg-background-accent rounded-lg overflow-hidden mb-6">
+          <iframe
+            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3401.76013318231!2d74.34148411516757!3d31.52040608136894!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3919052b34a660a9%3A0x7d2f9b2f6b2f1e2f!2sCafe%20Sarang!5e0!3m2!1sen!2sPK!4v1678912345678!5m2!1sen!2sPK"
+            width="100%"
+            height="100%"
+            style={{ border: 0 }}
+            allowFullScreen={true}
+            loading="lazy"
+            referrerPolicy="no-referrer-when-downgrade"
+            aria-label="Cafe Sarang Location on Google Maps"
+          ></iframe>
+        </div>
+        <h3 className="text-2xl font-medium text-foreground mb-4 flex items-center justify-center gap-2">
+          <Clock className="w-6 h-6 text-primary-cta" /> Opening Hours
+        </h3>
+        <p className="text-foreground/90 text-lg">
+          Monday - Sunday: 12:00 PM - 11:00 PM
+        </p>
+      </div>
+    </div>
+  </div>
+
+  <div id="contact" data-section="contact" className="relative z-10 py-16 lg:py-24 bg-background">
+    <div className="container mx-auto px-4 max-w-medium text-center">
+      <h2 className="text-4xl lg:text-5xl font-semibold text-foreground mb-6">Connect with Cafe Sarang</h2>
+      <p className="text-lg text-foreground/80 mb-8 max-w-2xl mx-auto">
+        Reach out to us or follow us on social media for updates and special offers.
+      </p>
+      <div className="bg-card p-6 rounded-pill shadow-xl flex flex-col items-center">
+        <h3 className="text-2xl font-medium text-foreground mb-4 flex items-center justify-center gap-2">
+          <Phone className="w-6 h-6 text-primary-cta" /> Call or WhatsApp Us
+        </h3>
+        <p className="text-foreground/90 text-lg mb-6">
+          <a href="tel:+923001234567" className="text-primary-cta hover:underline">+92 300 1234567</a>
+        </p>
+        <h3 className="text-2xl font-medium text-foreground mb-4">Follow Us</h3>
+        <div className="flex space-x-6">
+          <a href="https://instagram.com/cafesarang" target="_blank" rel="noopener noreferrer" aria-label="Follow us on Instagram" className="text-primary-cta hover:text-accent transition-colors duration-300">
+            <Instagram className="w-10 h-10" />
+          </a>
+          <a href="https://facebook.com/cafesarang" target="_blank" rel="noopener noreferrer" aria-label="Follow us on Facebook" className="text-primary-cta hover:text-accent transition-colors duration-300">
+            <Facebook className="w-10 h-10" />
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+
   <div id="visit-us" data-section="visit-us">
       <ContactSplitForm
       useInvertedBackground={false}
@@ -195,6 +261,10 @@ export default function LandingPage() {
               label: "Menu",              href: "#menu"},
             {
               label: "Reviews",              href: "#reviews"},
+            {
+              label: "Location",              href: "#location"},
+            {
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
@@ -221,4 +291,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}