Update index.html

index.html

@@ -1,19 +1,69 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Phone Number Checker</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      margin: 30px;
+    }
+    input, button {
+      padding: 10px;
+      margin: 5px;
+      width: 200px;
+    }
+    #result {
+      margin-top: 20px;
+      white-space: pre-wrap;
+      background-color: #f9f9f9;
+      padding: 15px;
+      border: 1px solid #ccc;
+    }
+  </style>
+</head>
+<body>
+  <h2>📞 Phone Number Checker</h2>
+  
+  <label>Country Code (without +):</label><br>
+  <input type="text" id="countryCode" placeholder="e.g. 91"><br>
+
+  <label>Phone Number:</label><br>
+  <input type="text" id="phoneNumber" placeholder="e.g. 9768836827"><br>
+
+  <button onclick="checkNumber()">Check Number</button>
+
+  <div id="result"></div>
+
+  <script>
+    async function checkNumber() {
+      const code = document.getElementById('countryCode').value;
+      const number = document.getElementById('phoneNumber').value;
+
+      const url = `https://eyecon.p.rapidapi.com/api/v1/search?code=${code}&number=${number}`;
+
+      const options = {
+        method: 'GET',
+        headers: {
+          'X-Rapidapi-Key': 'c899bb0edbmsh5f997f0c4db52b2p1e6df4jsn1cf32e4d985b',
+          'X-Rapidapi-Host': 'eyecon.p.rapidapi.com'
+        }
+      };
+
+      document.getElementById('result').innerText = '🔄 Checking...';
+
+      try {
+        const response = await fetch(url, options);
+        if (!response.ok) throw new Error('API Error');
+
+        const data = await response.json();
+        document.getElementById('result').innerText = 
+          "✅ Response:\n" + JSON.stringify(data, null, 2);
+      } catch (error) {
+        document.getElementById('result').innerText = 
+          "❌ Error:\n" + error.message;
+      }
+    }
+  </script>
+</body>
+</html>