Navbar fixes based on changing locations

Author: w0wayush

data.js

@@ -227,7 +227,6 @@ const products = [
     price: 39.99,
     sizes: {
       M: { chest: 95, neck: 39, shoulder: 46, waist: 80, armLength: 59 },
-      
     },
     defaultSize: "M",
 
@@ -242,9 +241,62 @@ const products = [
       S: { chest: 92, neck: 39, shoulder: 45, waist: 77, armLength: 57 },
     },
     defaultSize: "S",
-
     fitPreference: ["Slim", "Regular"],
   },
+  {
+    id: 21,
+    name: "Perfect Fit Finder",
+    description:
+      "Experience the magic of finding your ideal fit with our advanced sizing technology.",
+    category: "Smart Sizing",
+    image: "https://m.media-amazon.com/images/I/51gaACg68DL._SY679_.jpg",
+    price: 129.99,
+    sizes: {
+      S: { chest: 92, neck: 39, shoulder: 45, waist: 77, armLength: 57 },
+    },
+    defaultSize: "S",
+    fitPreference: ["Slim", "Regular"],
+    stats: {
+      likes: "2.3k",
+      views: "12k",
+    },
+  },
+  {
+    id: 22,
+    name: "Magical Transformations",
+    description:
+      "Discover outfits that transform your look and boost your confidence instantly.",
+    category: "Style Magic",
+    image: "https://m.media-amazon.com/images/I/81EHEXU10bL._SY679_.jpg",
+    price: 149.99,
+    sizes: {
+      S: { chest: 92, neck: 39, shoulder: 45, waist: 77, armLength: 57 },
+    },
+    defaultSize: "S",
+    fitPreference: ["Slim", "Regular"],
+    stats: {
+      likes: "1.8k",
+      views: "9k",
+    },
+  },
+  {
+    id: 23,
+    name: "Enchanted Everyday",
+    description:
+      "Elevate your daily wardrobe with perfectly fitted pieces that feel magical to wear.",
+    category: "Daily Magic",
+    image: "https://m.media-amazon.com/images/I/610N1pajwKL._SX522_.jpg",
+    price: 99.99,
+    sizes: {
+      S: { chest: 92, neck: 39, shoulder: 45, waist: 77, armLength: 57 },
+    },
+    defaultSize: "S",
+    fitPreference: ["Slim", "Regular"],
+    stats: {
+      likes: "1.5k",
+      views: "7k",
+    },
+  },
 ];
 
 export default products;

package-lock.json

@@ -19,13 +19,15 @@
     "axios": "^1.7.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "framer-motion": "^11.11.8",
     "lucide-react": "^0.408.0",
     "react": "^18.3.1",
     "react-animations": "^1.0.0",
     "react-dom": "^18.3.1",
     "react-google-one-tap-login": "^0.1.1",
     "react-hot-toast": "^2.4.1",
-    "react-icons": "^5.2.1",
+    "react-icons": "^5.3.0",
+    "react-intersection-observer": "^9.13.1",
     "react-redux": "^9.1.2",
     "react-router-dom": "^6.24.1",
     "react-slick": "^0.30.2",