Update src/app/styles/variables.css

src/app/page.tsx

@@ -10,7 +10,8 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Calendar, Heart, Leaf, MapPin, PartyPopper, Quote, Star, Utensils, Users } from 'lucide-react';
+import { Calendar, Heart, Leaf, MapPin, PartyPopper, Quote, Star, Utensils, Users, Image as ImageIcon, Phone, Mail, Clock } from 'lucide-react';
+import Link from 'next/link';
 
 export default function LandingPage() {
   return (
@@ -32,7 +33,8 @@ export default function LandingPage() {
           navItems={[
             { name: "Experience", id: "experience" },
             { name: "Menu", id: "menu" },
-            { name: "Why Us", id: "why-us" },
+            { name: "Gallery", id: "gallery" },
+            { name: "Location", id: "location" },
             { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
@@ -98,6 +100,53 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="gallery" data-section="gallery">
+        <FeatureCardTwentyThree
+          title="Gallery"
+          description="Step into the visual beauty of The Eve's Garden - explore our stunning ambience, cozy corners, and memorable moments"
+          tag="Visual Tour"
+          tagIcon={ImageIcon}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          features={[
+            {
+              id: "1",              title: "Garden Seating",              tags: ["Outdoor", "Scenic"],
+              imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698364.jpg",              imageAlt: "Beautiful outdoor garden seating area"
+            },
+            {
+              id: "2",              title: "Indoor Ambience",              tags: ["Elegant", "Intimate"],
+              imageSrc: "http://img.b2bpic.net/free-photo/active-conversation-evening-time-friends-have-dinner-gorgeous-outdoor-place_146671-14434.jpg",              imageAlt: "Elegant indoor dining space"
+            },
+            {
+              id: "3",              title: "Event Ready",              tags: ["Celebrations", "Flexible"],
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg",              imageAlt: "Event space setup at The Eve's Garden"
+            },
+            {
+              id: "4",              title: "Culinary Excellence",              tags: ["Delicious", "Fresh"],
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-wooden-board-with-burger-fries_23-2148238494.jpg",              imageAlt: "Beautifully plated dishes"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="location" data-section="location">
+        <MetricCardThree
+          title="Find Us"
+          description="Visit The Eve's Garden - conveniently located with ample parking and easy accessibility. We're open daily to welcome you for an unforgettable dining experience."
+          tag="Location & Hours"
+          tagIcon={MapPin}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={true}
+          metrics={[
+            { id: "1", icon: MapPin, title: "Address", value: "123 Garden Lane, City" },
+            { id: "2", icon: Phone, title: "Phone", value: "+91 1234567890" },
+            { id: "3", icon: Clock, title: "Hours", value: "10 AM - 11 PM" }
+          ]}
+        />
+      </div>
+
       <div id="why-us" data-section="why-us">
         <FeatureCardTwentyThree
           title="Why Guests Love The Eve's Garden"
@@ -198,6 +247,8 @@ export default function LandingPage() {
               title: "Navigate",              items: [
                 { label: "Experience", href: "#experience" },
                 { label: "Menu", href: "#menu" },
+                { label: "Gallery", href: "#gallery" },
+                { label: "Location", href: "#location" },
                 { label: "Testimonials", href: "#testimonials" },
                 { label: "Events", href: "#events" }
               ]
@@ -206,14 +257,16 @@ export default function LandingPage() {
               title: "Connect",              items: [
                 { label: "Instagram", href: "https://instagram.com" },
                 { label: "Google Reviews", href: "https://google.com/reviews" },
-                { label: "Call Us", href: "tel:+911234567890" }
+                { label: "Call Us", href: "tel:+911234567890" },
+                { label: "Email Us", href: "mailto:hello@evesgarden.com" }
               ]
             },
             {
               title: "Reserve",              items: [
                 { label: "Reserve Table", href: "#contact" },
                 { label: "Host an Event", href: "#events" },
-                { label: "Contact", href: "#contact" }
+                { label: "Contact Us", href: "#contact" },
+                { label: "Find Us", href: "#location" }
               ]
             }
           ]}