Update index.html

index.html

@@ -1,3 +1,37 @@
-<div>
-    <iframe src='http://wwww.google.com' style="width:1000px; height:1000px"></iframe>
-</div>
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Bibi</title>
+  <style>
+    body {font-family: Arial; text-align: center; padding: 30px; background: #ffe6f0;}
+    input {padding: 12px; width: 70%; border-radius: 10px; border: 2px solid pink;}
+    button {padding: 12px 20px; background: hotpink; color: white; border: none; border-radius: 10px;}
+    #risposta {margin-top: 20px; font-size: 20px; color: #d63384;}
+  </style>
+</head>
+<body>
+  <h1>💖 Ciao! Sono Bibi</h1>
+  <input id="msg" placeholder="Scrivimi qualcosa...">
+  <button onclick="parla()">Invia</button>
+  <p id="risposta"></p>
+
+<script>
+// Lista magica di frasi diverse
+const frasiBibi = [
+  "Ehi! Che bello sentirti ❤️ Cosa fai di bello?",
+  "Ciao tesoro! Come è andata oggi?",
+  "Eccomi! Di cosa hai voglia di parlare?",
+  "Ohh mi fa piacere! Raccontami tutto",
+  "Sono qui per te! Tutto bene?",
+  "Yuhuu! Che mi racconti?",
+  "Ehilà! Ti pensavo proprio"
+];
+
+function parla() {
+  // Sceglie una frase a caso così non ripete
+  let numero = Math.floor(Math.random() * frasiBibi.length);
+  document.getElementById("risposta").innerText = frasiBibi[numero];
+}
+</script>
+</body>
+</html>