add: ai chatbot

src/app/globals.css

@@ -2,6 +2,37 @@
 @import "tw-animate-css";
 @import "leaflet/dist/leaflet.css";
 
+/* Animation for chatbot widget slide-up */
+@keyframes slide-up {
+  from {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+.animate-slide-up {
+  animation: slide-up 0.3s ease-out;
+}
+
+/* Subtle bounce animation for chat button */
+@keyframes bounce-subtle {
+  0%,
+  100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-5px);
+  }
+}
+
+.animate-bounce-subtle {
+  animation: bounce-subtle 2s ease-in-out infinite;
+}
+
 /* بهبود responsive design برای موبایل */
 html {
   overflow-x: hidden;