update navbar dropdown

public/convenience.svg

@@ -0,0 +1,52 @@
+<svg fill="none" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg">
+  <!-- Gradient definitions -->
+  <defs>
+    <radialGradient id="shadow" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" stop-color="#7C3AED" stop-opacity="0.15" />
+      <stop offset="100%" stop-color="#7C3AED" stop-opacity="0" />
+    </radialGradient>
+    <linearGradient id="purpleGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#9367F4" />
+      <stop offset="100%" stop-color="#6330D6" />
+    </linearGradient>
+    <linearGradient id="glowGradient" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#C9A2FF" stop-opacity="0.8" />
+      <stop offset="100%" stop-color="#7C3AED" stop-opacity="0.2" />
+    </linearGradient>
+  </defs>
+
+  <!-- Ground shadow -->
+  <ellipse cx="120" cy="180" rx="70" ry="20" fill="url(#shadow)" />
+
+  <!-- Container group -->
+  <g>
+    <!-- Isometric Delivery Box / Package representing doorstep convenience -->
+    <!-- Top Face -->
+    <path d="M120 75 L165 95 L120 115 L75 95 Z" fill="#F5EEFF" stroke="#6330D6" stroke-width="2" stroke-linejoin="round" />
+    <!-- Left Face -->
+    <path d="M75 95 L120 115 L120 160 L75 140 Z" fill="#EBDCFF" stroke="#6330D6" stroke-width="2" stroke-linejoin="round" />
+    <!-- Right Face -->
+    <path d="M120 115 L165 95 L165 140 L120 160 Z" fill="#DFCAFF" stroke="#6330D6" stroke-width="2" stroke-linejoin="round" />
+
+    <!-- Isometric Lid lines -->
+    <path d="M120 115 L120 75" stroke="#6330D6" stroke-width="1.5" stroke-dasharray="3 3" />
+    <path d="M75 95 L165 95" stroke="#6330D6" stroke-width="1.5" stroke-dasharray="3 3" />
+
+    <!-- Location Pin / Doorstep Marker floating above the box -->
+    <g transform="translate(120, 50)">
+      <!-- Pulsing Glow -->
+      <circle cx="0" cy="-10" r="18" fill="url(#glowGradient)" opacity="0.5" />
+      
+      <!-- Pin shape -->
+      <path d="M0 8 C-10 -2 -15 -12 -15 -22 C-15 -32 -6 -40 0 -40 C6 -40 15 -32 15 -22 C15 -12 10 -2 0 8 Z" fill="url(#purpleGradient)" />
+      <!-- Inner dot -->
+      <circle cx="0" cy="-22" r="5" fill="#FFFFFF" />
+    </g>
+
+    <!-- Speed/Convenience Motion Lines -->
+    <path d="M50 110 L65 110" stroke="#C9A2FF" stroke-width="3" stroke-linecap="round" opacity="0.7" />
+    <path d="M45 125 L60 125" stroke="#C9A2FF" stroke-width="3" stroke-linecap="round" opacity="0.7" />
+    <path d="M175 120 L190 120" stroke="#7C3AED" stroke-width="3" stroke-linecap="round" opacity="0.7" />
+    <path d="M180 135 L195 135" stroke="#7C3AED" stroke-width="3" stroke-linecap="round" opacity="0.7" />
+  </g>
+</svg>