Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -8,7 +8,7 @@ import ProductCardThree from "@/components/sections/product/ProductCardThree";
 import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
 import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
-import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
+import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
 import FooterCard from "@/components/sections/footer/FooterCard";
 import {
   Wind,
@@ -23,6 +23,9 @@ import {
   Phone,
   MessageCircle,
   Sparkles,
+  Clock,
+  Navigation,
+  Share2,
 } from "lucide-react";
 
 export default function CafeSkylawnPage() {
@@ -211,19 +214,18 @@ export default function CafeSkylawnPage() {
       </div>
 
       <div id="location" data-section="location">
-        <MetricCardTwo
+        <MetricCardThree
           title="Visit Us Today"
           description="Find us easily in the heart of Shaheen Bagh with convenient parking and easy access from nearby areas."
           tag="Location"
           tagIcon={MapPin}
           tagAnimation="slide-up"
           metrics={[
-            { id: "1", value: "3:30 PM - 2:00 AM", description: "Opening Hours" },
-            { id: "2", value: "Shaheen Bagh", description: "Jamia Nagar, Okhla" },
-            { id: "3", value: "+91 98997 54786", description: "Call Us" },
-            { id: "4", value: "@cafe_skylawn", description: "Follow Us" },
+            { id: "1", icon: Clock, title: "Opening Hours", value: "3:30 PM - 2:00 AM" },
+            { id: "2", icon: Navigation, title: "Address", value: "Shaheen Bagh" },
+            { id: "3", icon: Phone, title: "Call Us", value: "+91 98997 54786" },
+            { id: "4", icon: Share2, title: "Follow Us", value: "@cafe_skylawn" },
           ]}
-          gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}