background animation and navbar logo animation

components/layout/navbarLogo/logo.css

@@ -0,0 +1,35 @@
+.logo-path {
+  stroke-dasharray: 2000;
+  stroke-dashoffset: 2000;
+  animation: drawLogo 3s ease-in-out forwards;
+  fill: none !important;
+  stroke: url(#neon-gradient);
+  stroke-width: 2px;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  filter: url(#neon-glow);
+}
+
+/* Ketma-ket chizish */
+.logo-path:nth-child(1) { animation-delay: 0s; }
+.logo-path:nth-child(2) { animation-delay: 0.3s; }
+.logo-path:nth-child(3) { animation-delay: 0.6s; }
+.logo-path:nth-child(4) { animation-delay: 0.9s; }
+.logo-path:nth-child(5) { animation-delay: 1.2s; }
+.logo-path:nth-child(6) { animation-delay: 1.5s; }
+.logo-path:nth-child(7) { animation-delay: 1.8s; }
+
+@keyframes drawLogo {
+  0% {
+    stroke-dashoffset: 2000;
+    opacity: 0;
+  }
+  20% {
+    opacity: 1;
+  }
+  100% {
+    stroke-dashoffset: 0;
+    opacity: 1;
+    fill: url(#neon-gradient); /* Oxirida to'ldiriladi */
+  }
+}