diff --git a/pro2.html b/pro2.html
deleted file mode 100644
index 441720c..0000000
--- a/pro2.html
+++ /dev/null
@@ -1,218 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Interactive Map of Kalyani with Comments</title>
-  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
-  <style>
-    body {
-      margin: 0;
-      font-family: Arial, sans-serif;
-      color: #333;
-      background-color: #f9f9f9;
-    }
-    header {
-      background-color: #005f73;
-      color: #fff;
-      padding: 20px;
-      text-align: center;
-      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
-    }
-    header h1 {
-      margin: 0;
-      font-size: 2rem;
-    }
-    .container {
-      max-width: 1200px;
-      margin: 20px auto;
-      padding: 0 15px;
-    }
-    .tab-buttons {
-      display: flex;
-      justify-content: center;
-      margin-top: 20px;
-      border-bottom: 2px solid #ddd;
-    }
-    .tab-button {
-      flex: 1;
-      text-align: center;
-      background: #e0f7fa;
-      border: 1px solid #ddd;
-      border-bottom: none;
-      padding: 10px;
-      cursor: pointer;
-      font-weight: bold;
-      transition: background-color 0.3s, color 0.3s;
-    }
-    .tab-button.active {
-      background: #00796b;
-      color: white;
-    }
-    .tab-content {
-      display: none;
-      background: white;
-      border: 1px solid #ddd;
-      padding: 20px;
-      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-    }
-    #map {
-      height: 650px;
-      width: 100%;
-    }
-    #search-form {
-      display: flex;
-      justify-content: center;
-      margin: 20px 0;
-      position: relative;
-    }
-    #search-input {
-      padding: 10px;
-      width: 250px;
-      border: 1px solid #ddd;
-      border-radius: 4px 0 0 4px;
-      outline: none;
-      font-size: 1rem;
-    }
-    #search-button {
-      padding: 10px;
-      background-color: #00796b;
-      color: white;
-      border: 1px solid #00796b;
-      border-radius: 0 4px 4px 0;
-      cursor: pointer;
-      font-size: 1rem;
-      transition: background-color 0.3s;
-    }
-    #search-button:hover {
-      background-color: #004d40;
-    }
-  </style>
-</head>
-<body>
-
-<header>
-  <h1>Interactive Map of Kalyani</h1>
-</header>
-
-<div class="container">
-  <!-- Search form -->
-  <div id="search-form">
-    <input type="text" id="search-input" placeholder="Search location">
-    <button id="search-button"><i class="fas fa-search"></i> Search</button>
-  </div>
-
-  <!-- Tab buttons -->
-  <div class="tab-buttons">
-    <div class="tab-button active" data-tab="map">Map View</div>
-  </div>
-
-  <!-- Tab content -->
-  <div id="map-tab-content" class="tab-content">
-    <div id="map"></div>
-  </div>
-</div>
-
-<!-- Load Leaflet JavaScript -->
-<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
-<!-- Load Axios for making HTTP requests -->
-<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
-
-<script>
-  // Initialize the map and set its view to Kalyani
-  var map = L.map('map').setView([22.9838, 88.4344], 14);
-
-  // Load and display tile layer on the map
-  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-    attribution: '&copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors'
-  }).addTo(map);
-
-  // Function to load comments from the backend
-  function loadComments() {
-    axios.get('http://127.0.0.1:5000/comments')
-      .then(function (response) {
-        response.data.forEach(function (comment) {
-          L.marker([comment.lat, comment.lng]).addTo(map)
-            .bindPopup(comment.text);
-        });
-      })
-      .catch(function (error) {
-        console.error('Error loading comments:', error);
-      });
-  }
-
-  // Load comments when the map is initialized
-  loadComments();
-
-  // Event listener for map clicks
-  map.on('click', function (e) {
-    var lat = e.latlng.lat;
-    var lng = e.latlng.lng;
-    var text = prompt("Enter your comment:");
-
-    if (text) {
-      // Add the comment to the map
-      var marker = L.marker([lat, lng]).addTo(map)
-        .bindPopup(text)
-        .openPopup();
-
-      // Submit the comment to the backend
-      axios.post('http://127.0.0.1:5000/comments', {
-        lat: lat,
-        lng: lng,
-        text: text
-      })
-      .then(function (response) {
-        console.log('Comment added:', response.data);
-      })
-      .catch(function (error) {
-        console.error('Error adding comment:', error);
-      });
-    }
-  });
-
-  // Event listener for search button
-  document.getElementById('search-button').addEventListener('click', function() {
-    var query = document.getElementById('search-input').value;
-    if (query) {
-      axios.get(`https://nominatim.openstreetmap.org/search?format=json&q=${query}`)
-        .then(function(response) {
-          var result = response.data[0];
-          if (result) {
-            var lat = result.lat;
-            var lon = result.lon;
-            map.setView([lat, lon], 14);
-            L.marker([lat, lon]).addTo(map)
-              .bindPopup(result.display_name)
-              .openPopup();
-          } else {
-            alert('Location not found');
-          }
-        })
-        .catch(function(error) {
-          console.error('Error searching location:', error);
-        });
-    }
-  });
-
-  // Tab functionality
-  document.querySelectorAll('.tab-button').forEach(button => {
-    button.addEventListener('click', function() {
-      document.querySelectorAll('.tab-button').forEach(btn => btn.classList.remove('active'));
-      document.querySelectorAll('.tab-content').forEach(content => content.style.display = 'none');
-      this.classList.add('active');
-      document.getElementById('map-tab-content').style.display = 'block';
-    });
-  });
-
-  // Show the map tab by default
-  document.querySelector('.tab-button').click();
-</script>
-
-</body>
-</html>
-</script>
-
-</body>
-</html>
