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 (
@@ -29,46 +30,35 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "home",
-        },
+          name: "Home",          id: "home"},
         {
-          name: "Menu",
-          id: "menu",
-        },
+          name: "Menu",          id: "menu"},
         {
-          name: "Reviews",
-          id: "reviews",
-        },
+          name: "Reviews",          id: "reviews"},
         {
-          name: "Visit Us",
-          id: "visit-us",
-        },
+          name: "Location",          id: "location"},
+        {
+          name: "Contact",          id: "contact"},
+        {
+          name: "Visit Us",          id: "visit-us"},
       ]}
       brandName="Cafe Sarang"
       button={{
-        text: "Order on WhatsApp",
-        href: "https://wa.me/+923001234567",
-      }}
+        text: "Order on WhatsApp",        href: "https://wa.me/+923001234567"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       logoText="Cafe Sarang"
       description="Experience the Authentic Taste of Karahi & Tikka. Premium Family Dining in a Comfortable Setting."
       buttons={[
         {
-          text: "View Our Menu",
-          href: "#menu",
-        },
+          text: "View Our Menu",          href: "#menu"},
         {
-          text: "Order Now",
-          href: "https://wa.me/+923001234567",
-        },
+          text: "Order Now",          href: "https://wa.me/+923001234567"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/spices-fork-knife-sauce-spices-oil-onion-chicken-with-lemon-herbs-board_140725-73772.jpg"
       imageAlt="Delicious chicken karahi and tikka"
@@ -83,39 +73,60 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
+        // Starters
         {
-          id: "karahi",
-          brand: "Cafe Sarang",
-          name: "Chicken Karahi",
-          price: "PKR 1200",
-          rating: 5,
-          reviewCount: "250+",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-eggplant-salad-bowl-different-spices-small-bowls-wooden-spoon-eggplants-dark-surface_140725-88495.jpg",
-          imageAlt: "Rich traditional Chicken Karahi",
-        },
+          id: "chicken-samosa",          brand: "Starters",          name: "Chicken Samosa",          price: "PKR 250",          rating: 4,
+          reviewCount: "50+",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-samosas-on-plate_140725-63519.jpg",          imageAlt: "Crispy pastry filled with spiced minced chicken"},
         {
-          id: "tikka",
-          brand: "Cafe Sarang",
-          name: "Chicken Tikka",
-          price: "PKR 950",
-          rating: 5,
-          reviewCount: "200+",
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-barbecue-lavash-with-bbq-sauce-onion-salad_114579-3622.jpg",
-          imageAlt: "Juicy grilled Chicken Tikka",
-        },
+          id: "vegetable-pakora",          brand: "Starters",          name: "Vegetable Pakora",          price: "PKR 300",          rating: 4,
+          reviewCount: "40+",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-food-composition_23-2149021200.jpg",          imageAlt: "Assorted vegetables fried in a spiced gram flour batter"},
+        // Main Dishes
         {
-          id: "sheermal",
-          brand: "Cafe Sarang",
-          name: "Sheermal Bread",
-          price: "PKR 150",
-          rating: 4,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-sliced-pie-with-raisins-with-cup-coffee-pink-surface-bake-pie-sugar-sweet-biscuit-cookie_140725-55889.jpg",
-          imageAlt: "Soft sweet traditional Sheermal",
-        },
+          id: "chicken-karahi",          brand: "Main Dishes (Signature)",          name: "Chicken Karahi",          price: "PKR 1200",          rating: 5,
+          reviewCount: "250+",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-eggplant-salad-bowl-different-spices-small-bowls-wooden-spoon-eggplants-dark-surface_140725-88495.jpg",          imageAlt: "Our signature, slow-cooked chicken in a rich, spicy tomato gravy"},
+        {
+          id: "chicken-tikka",          brand: "Main Dishes (Signature)",          name: "Chicken Tikka",          price: "PKR 950",          rating: 5,
+          reviewCount: "200+",          imageSrc: "http://img.b2bpic.net/free-photo/chicken-barbecue-lavash-with-bbq-sauce-onion-salad_114579-3622.jpg",          imageAlt: "Succulent grilled chicken pieces marinated in traditional spices"},
+        {
+          id: "mutton-handi",          brand: "Main Dishes",          name: "Mutton Handi",          price: "PKR 1800",          rating: 4,
+          reviewCount: "80+",          imageSrc: "http://img.b2bpic.net/free-photo/indian-curry-with-rice-spices-copy-space_23-2148766159.jpg",          imageAlt: "Tender mutton cooked in a creamy, aromatic sauce"},
+        {
+          id: "daal-makhani",          brand: "Main Dishes",          name: "Daal Makhani",          price: "PKR 750",          rating: 4,
+          reviewCount: "60+",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-food-arrangement_23-2149021245.jpg",          imageAlt: "Slow-cooked black lentils in a buttery, creamy sauce"},
+        // Breads
+        {
+          id: "sheermal",          brand: "Breads (Signature)",          name: "Sheermal Bread",          price: "PKR 150",          rating: 4,
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-sliced-pie-with-raisins-with-cup-coffee-pink-surface-bake-pie-sugar-sweet-biscuit-cookie_140725-55889.jpg",          imageAlt: "Soft, sweet, saffron-infused traditional bread"},
+        {
+          id: "naan",          brand: "Breads",          name: "Naan",          price: "PKR 100",          rating: 4,
+          reviewCount: "90+",          imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-naan-bread_140725-50266.jpg",          imageAlt: "Classic tandoor-baked flatbread"},
+        {
+          id: "garlic-naan",          brand: "Breads",          name: "Garlic Naan",          price: "PKR 120",          rating: 4,
+          reviewCount: "70+",          imageSrc: "http://img.b2bpic.net/free-photo/naan-bread-with-herbs_140725-64906.jpg",          imageAlt: "Naan bread infused with fresh garlic and herbs"},
+        // Desserts
+        {
+          id: "gulab-jamun",          brand: "Desserts",          name: "Gulab Jamun",          price: "PKR 350",          rating: 5,
+          reviewCount: "120+",          imageSrc: "http://img.b2bpic.net/free-photo/sweet-dumplings-gulab-jamun-plate_23-2148970974.jpg",          imageAlt: "Deep-fried milk solids soaked in sweet rose syrup"},
+        {
+          id: "kulfi",          brand: "Desserts",          name: "Kulfi",          price: "PKR 400",          rating: 4,
+          reviewCount: "80+",          imageSrc: "http://img.b2bpic.net/free-photo/kulfi-traditional-indian-dessert_140725-59266.jpg",          imageAlt: "Traditional Indian ice cream, rich and creamy"},
+        // Beverages
+        {
+          id: "fresh-lime-soda",          brand: "Beverages",          name: "Fresh Lime Soda",          price: "PKR 200",          rating: 4,
+          reviewCount: "110+",          imageSrc: "http://img.b2bpic.net/free-photo/glass-lemonade-with-lemon-mint_140725-3738.jpg",          imageAlt: "Refreshing lime juice with soda and a hint of mint"},
+        {
+          id: "masala-chai",          brand: "Beverages",          name: "Masala Chai",          price: "PKR 180",          rating: 5,
+          reviewCount: "150+",          imageSrc: "http://img.b2bpic.net/free-photo/chai-tea-indian-drink_140725-3006.jpg",          imageAlt: "Spiced Indian tea with milk"},
+        {
+          id: "soft-drinks",          brand: "Beverages",          name: "Soft Drinks",          price: "PKR 150",          rating: 3,
+          reviewCount: "90+",          imageSrc: "http://img.b2bpic.net/free-photo/bottles-assorted-soft-drinks_23-2147781554.jpg",          imageAlt: "Variety of chilled soft drinks"},
+      ]}
+      title="Our Exquisite Menu - Cafe Sarang Sheermal Restaurant"
+      description="Explore our wide range of authentic Pakistani dishes, from tantalizing Starters and hearty Main Dishes to freshly baked Breads, delightful Desserts, and refreshing Beverages. Each dish is prepared with the finest ingredients to bring you a truly premium dining experience. Prices are in PKR."
+      buttons={[
+        {
+          text: "Order Now",          href: "https://wa.me/+923001234567"},
       ]}
-      title="Our Signature Specialties"
-      description="Savor the rich, traditional flavors of Pakistan's most beloved dishes, prepared with authentic recipes and fresh ingredients, perfect for repeat orders and family gatherings."
     />
   </div>
 
@@ -124,9 +135,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
-          content: "Welcome to Cafe Sarang: A Culinary Haven for Families",
-        },
+          type: "text",          content: "Welcome to Cafe Sarang: A Culinary Haven for Families"},
       ]}
     />
   </div>
@@ -136,41 +145,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Aisha Khan",
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-gesturing-with-his-left-hand_1149-184.jpg",
-          imageAlt: "Aisha Khan",
-        },
+          id: "1",          name: "Aisha Khan",          imageSrc: "http://img.b2bpic.net/free-photo/worker-gesturing-with-his-left-hand_1149-184.jpg",          imageAlt: "Aisha Khan"},
         {
-          id: "2",
-          name: "Faisal Mahmood",
-          imageSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg",
-          imageAlt: "Faisal Mahmood",
-        },
+          id: "2",          name: "Faisal Mahmood",          imageSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg",          imageAlt: "Faisal Mahmood"},
         {
-          id: "3",
-          name: "Zara Ali",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-colleagues-using-laptop-video-call_74855-2101.jpg",
-          imageAlt: "Zara Ali",
-        },
+          id: "3",          name: "Zara Ali",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-colleagues-using-laptop-video-call_74855-2101.jpg",          imageAlt: "Zara Ali"},
         {
-          id: "4",
-          name: "Imran Butt",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-curly-girl_1398-662.jpg",
-          imageAlt: "Imran Butt",
-        },
+          id: "4",          name: "Imran Butt",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-curly-girl_1398-662.jpg",          imageAlt: "Imran Butt"},
         {
-          id: "5",
-          name: "Sana Tariq",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-taking-break-with-smartphone_23-2150522185.jpg",
-          imageAlt: "Sana Tariq",
-        },
+          id: "5",          name: "Sana Tariq",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-taking-break-with-smartphone_23-2150522185.jpg",          imageAlt: "Sana Tariq"},
         {
-          id: "6",
-          name: "Usman Ghani",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-cup-tea_1098-13682.jpg",
-          imageAlt: "Usman Ghani",
-        },
+          id: "6",          name: "Usman Ghani",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-cup-tea_1098-13682.jpg",          imageAlt: "Usman Ghani"},
       ]}
       cardTitle="What Our Valued Guests Say"
       cardTag="Customer Stories"
@@ -178,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}
@@ -185,27 +231,16 @@ export default function LandingPage() {
       description="We invite you to experience our premium dining for lunch or dinner. For reservations or quick WhatsApp orders, contact us below."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
         },
         {
-          name: "phone",
-          type: "tel",
-          placeholder: "Phone Number",
-          required: true,
+          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-        },
+          name: "email",          type: "email",          placeholder: "Your Email"},
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Your Message or Order Details",
-        rows: 4,
+        name: "message",        placeholder: "Your Message or Order Details",        rows: 4,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/young-woman-using-looking-smartphone-with-feeling-happy_1150-4009.jpg"
       imageAlt="Cafe Sarang restaurant exterior"
@@ -219,46 +254,33 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Quick Links",
-          items: [
+          title: "Quick Links",          items: [
             {
-              label: "Home",
-              href: "#home",
-            },
+              label: "Home",              href: "#home"},
             {
-              label: "Menu",
-              href: "#menu",
-            },
+              label: "Menu",              href: "#menu"},
             {
-              label: "Reviews",
-              href: "#reviews",
-            },
+              label: "Reviews",              href: "#reviews"},
+            {
+              label: "Location",              href: "#location"},
+            {
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Contact Us",
-          items: [
+          title: "Contact Us",          items: [
             {
-              label: "Visit Us",
-              href: "#visit-us",
-            },
+              label: "Visit Us",              href: "#visit-us"},
             {
-              label: "WhatsApp Order",
-              href: "https://wa.me/+923001234567",
-            },
+              label: "WhatsApp Order",              href: "https://wa.me/+923001234567"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
@@ -269,4 +291,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}