Update index.html

index.html

@@ -213,7 +213,7 @@
     <!-- Chat container -->
     <div class="chat-container bg-white rounded-xl p-4 backdrop-blur-sm bg-opacity-80" id="chat-container">
         <div class="chat-header">
-            <h2 class="text-lg font-semibold text-pink-600">Chat with Miyo</h2>
+            <h2 class="text-lg font-semibold text-pink-600">Chat with Ginger</h2>
             <button id="close-chat-btn" class="text-pink-600 hover:text-pink-800">
                 <i class="fas fa-times"></i>
             </button>
@@ -222,11 +222,11 @@
         <div class="overflow-y-auto mb-4 h-64" id="chat-messages">
             <div class="message message-animation flex mb-4">
                 <div class="mr-3">
-                    <img src="https://huggingface.co/spaces/privateuserh/miyo-mirai-ai-agent/resolve/main/Miyo%20Mirai.jpg" class="w-8 h-8 rounded-full object-cover">
+                    <img src="https://huggingface.co/spaces/privateuserh/ginger-xiana-ai.jpg" class="w-8 h-8 rounded-full object-cover">
                 </div>
                 <div class="flex-1">
                     <div class="inline-block bg-pink-100 rounded-xl px-4 py-2">
-                        <p class="text-sm">Konnichiwa fashion lover! I'm Miyo Mirai, your personal AI style consultant. How can I help you look fabulous today? 💖</p>
+                        <p class="text-sm">Hey fashion lover! I'm Miyo Mirai, your personal AI style consultant. How can I help you look fabulous today? 💖</p>
                     </div>
                     <p class="text-xs text-gray-500 mt-1">Just now</p>
                 </div>
@@ -235,7 +235,7 @@
 
         <div id="typing-indicator" class="typing-indicator flex mb-4 hidden">
             <div class="mr-3">
-                <img src="https://huggingface.co/spaces/privateuserh/miyo-mirai-ai-agent/resolve/main/Miyo%20Mirai.jpg" class="w-8 h-8 rounded-full object-cover">
+                <img src="https://huggingface.co/spaces/privateuserh/ginger-xiana-ai.jpg" class="w-8 h-8 rounded-full object-cover">
             </div>
             <div class="flex-1">
                 <div class="inline-block bg-gray-100 rounded-xl px-4 py-2">
@@ -248,7 +248,7 @@
 
         <div class="flex items-center border-t border-gray-200 pt-3">
             <div class="flex-1 relative">
-                <input type="text" id="user-input" placeholder="Ask Miyo about fashion trends, styling advice..." 
+                <input type="text" id="user-input" placeholder="Ask Ginger about On trend fashion, styling advice..." 
                     class="w-full border border-gray-300 rounded-full py-3 px-4 focus:outline-none focus:ring-2 focus:ring-pink-500 focus:border-transparent bg-white">
                 <button id="send-btn" class="absolute right-3 top-1/2 transform -translate-y-1/2 bg-pink-600 text-white p-2 rounded-full hover:bg-pink-700 transition-colors">
                     <i class="fas fa-paper-plane"></i>
@@ -437,7 +437,7 @@
             } else if (specialType === "listening") {
                 messageDiv.innerHTML = `
                     <div class="mr-3">
-                        <img src="https://huggingface.co/spaces/privateuserh/miyo-mirai-ai-agent/resolve/main/Miyo%20Mirai.jpg" class="w-8 h-8 rounded-full object-cover">
+                        <img src="https://huggingface.co/spaces/privateuserh/ginger-xiana-ai.jpg" class="w-8 h-8 rounded-full object-cover">
                     </div>
                     <div class="flex-1">
                         <div class="inline-block bg-yellow-100 rounded-xl px-4 py-2">
@@ -449,7 +449,7 @@
             } else {
                 messageDiv.innerHTML = `
                     <div class="mr-3">
-                        <img src="https://huggingface.co/spaces/privateuserh/miyo-mirai-ai-agent/resolve/main/Miyo%20Mirai.jpg" class="w-8 h-8 rounded-full object-cover">
+                        <img src="https://huggingface.co/spaces/privateuserh/ginger-xiana-ai.jpg" class="w-8 h-8 rounded-full object-cover">
                     </div>
                     <div class="flex-1">
                         <div class="inline-block bg-pink-100 rounded-xl px-4 py-2">
@@ -476,7 +476,7 @@
             messageDiv.className = `message message-animation flex mb-4`;
             messageDiv.innerHTML = `
                 <div class="mr-3">
-                    <img src="https://huggingface.co/spaces/privateuserh/miyo-mirai-ai-agent/resolve/main/Miyo%20Mirai.jpg" class="w-8 h-8 rounded-full object-cover">
+                    <img src="https://huggingface.co/spaces/privateuserh/ginger-xiana-ai.jpg" class="w-8 h-8 rounded-full object-cover">
                 </div>
                 <div class="flex-1">
                     <div class="inline-block bg-pink-100 rounded-xl px-4 py-2">
@@ -520,8 +520,8 @@
         
         function updateFashionTips() {
             const fashionTips = [
-                "Layering is key for transitional weather - try a lightweight turtleneck under your summer dresses!",
-                "Statement jewelry can elevate even the simplest outfit. Try chunky necklaces this season!",
+                "Layering should be the key for transitional weather - try a lightweight moc turtleneck under your summer dresses!",
+                "Make a statement with jewelry and elevate even the simplest outfit. Try chunky necklaces this season!",
                 "Mix textures like silk and denim for an interesting contrast in your outfits.",
                 "Sustainable fashion alert: Look for OEKO-TEX certified fabrics for eco-friendly choices.",
                 "Belt your oversized blazers at the waist for a more defined silhouette this season.",