diff --git a/activities.html b/activities.html
index 436a3f9..76e0cd5 100644
--- a/activities.html
+++ b/activities.html
@@ -2,6 +2,29 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ativites</title>
+
+    
+	<!-- <style>
+
+        #movie_contianer{
+            width : 80%;
+    display : grid;
+    gap : 1px;
+    grid-template-columns: repeat(2 , 1fr);
+    margin : auto;
+    margin-top : 20px;
+      }
+      div {
+        text-align: center;
+      }
+      img{
+        width: 60%;
+      }
+    </style> -->
+
+	<meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
@@ -11,676 +34,82 @@
    <link rel="stylesheet" href="./styles/footer.css">
 </head>
 <body>
-    <div id="explorenavbar" style="height: 50px; margin-bottom: 50px;">
+
+    <div id="explorenavbar" style="height: 50px; margin-bottom: 200px;
+	"
+	 >
 		<div id="logodiv" >
 			<a href="index.html">
-				<img id="logo" src="https://playo-website.imgix.net/company/logo1.png?auto=compress,format" alt="playo logo" style="margin-top: 7px;">
+				<img id="logo" src="https://playo-website.gumlet.io/playo-website-v2/Logo+with+Trademark_Filled.png" alt="playo logo" style="margin-top: 7px;">
 			  </a>
 		</div>
 
     </div>
-
-
-
-<!--    popupwindow      ------------------------------------------------------ -->
-<div id="show">
-    <!--popupwindow show here  -->
-</div>
-</div>
-
-<!--  -->
-        <div id="searchbar" style="margin-bottom: 25px;">
-            <input type="text" id="typesearch" placeholder="Type a city" style="border: 1px solid grey; border-top-left-radius: 2px; border-top-right-radius: 2px;">
-            <button id="searchbtn" >Detect</button>
-        </div>
-
-     <div id="citynames" style="margin-bottom: 110px; border: 1px solid rgb(214, 212, 212); padding: 20px; box-sizing: border-box; border-radius: 2px; color: #424242;">
-     <p>All citiies</p>
-     <hr>
-        
-     </div>
-
-	 <div id="footer"></div>
-
-
-</body>
-</html>
-<script type="module">
-	import getpopup from "./components/popup.js"
-	document.getElementById("show").innerHTML=getpopup();
-
-	import footer from "./components/footer.js"
-	let container = document.querySelector("#footer");
-	container.innerHTML = footer();
-
-
-var  city_names=['Adilabad',
-			'Anantapur',
-			'Chittoor',
-			'Kakinada',
-			'Guntur',
-			'Hyderabad',
-			'Karimnagar',
-			'Khammam',
-			'Krishna',
-			'Kurnool',
-			'Mahbubnagar',
-			'Medak',
-			'Nalgonda',
-			'Nizamabad',
-			'Ongole',
-			'Hyderabad',
-			'Srikakulam',
-			'Nellore',
-			'Visakhapatnam',
-			'Vizianagaram',
-			'Warangal',
-			'Eluru',
-			'Kadapa','Anjaw',
-			'Changlang',
-			'East Siang',
-			'Kurung Kumey',
-			'Lohit',
-			'Lower Dibang Valley',
-			'Lower Subansiri',
-			'Papum Pare',
-			'Tawang',
-			'Tirap',
-			'Dibang Valley',
-			'Upper Siang',
-			'Upper Subansiri',
-			'West Kameng',
-			'West Siang','Baksa',
-			'Barpeta',
-			'Bongaigaon',
-			'Cachar',
-			'Chirang',
-			'Darrang',
-			'Dhemaji',
-			'Dima Hasao',
-			'Dhubri',
-			'Dibrugarh',
-			'Goalpara',
-			'Golaghat',
-			'Hailakandi',
-			'Jorhat',
-			'Kamrup',
-			'Kamrup Metropolitan',
-			'Karbi Anglong',
-			'Karimganj',
-			'Kokrajhar',
-			'Lakhimpur',
-			'Marigaon',
-			'Nagaon',
-			'Nalbari',
-			'Sibsagar',
-			'Sonitpur',
-			'Tinsukia',
-			'Udalguri',
-			'Araria',
-			'Arwal',
-			'Aurangabad',
-			'Banka',
-			'Begusarai',
-			'Bhagalpur',
-			'Bhojpur',
-			'Buxar',
-			'Darbhanga',
-			'East Champaran',
-			'Gaya',
-			'Gopalganj',
-			'Jamui',
-			'Jehanabad',
-			'Kaimur',
-			'Katihar',
-			'Khagaria',
-			'Kishanganj',
-			'Lakhisarai',
-			'Madhepura',
-			'Madhubani',
-			'Munger',
-			'Muzaffarpur',
-			'Nalanda',
-			'Nawada',
-			'Patna',
-			'Purnia',
-			'Rohtas',
-			'Saharsa',
-			'Samastipur',
-			'Saran',
-			'Sheikhpura',
-			'Sheohar',
-			'Sitamarhi',
-			'Siwan',
-			'Supaul',
-			'Vaishali',
-			'West Champaran',
-			'Chandigarh','Bastar',
-			'Bijapur',
-			'Bilaspur',
-			'Dantewada',
-			'Dhamtari',
-			'Durg',
-			'Jashpur',
-			'Janjgir-Champa',
-			'Korba',
-			'Koriya',
-			'Kanker',
-			'Kabirdham (Kawardha)',
-			'Mahasamund',
-			'Narayanpur',
-			'Raigarh',
-			'Rajnandgaon',
-			'Raipur',
-			'Surguja','Dadra and Nagar Haveli',
-      'New Delhi','Ahmedabad',
-			'Amreli district',
-			'Anand',
-			'Banaskantha',
-			'Bharuch',
-			'Bhavnagar',
-			'Dahod',
-			'The Dangs',
-			'Gandhinagar',
-			'Jamnagar',
-			'Junagadh',
-			'Kutch',
-			'Kheda',
-			'Mehsana',
-			'Narmada',
-			'Navsari',
-			'Patan',
-			'Panchmahal',
-			'Porbandar',
-			'Rajkot',
-			'Sabarkantha',
-			'Surendranagar',
-			'Surat',
-			'Vyara',
-			'Vadodara',
-			'Valsad','Ambala',
-			'Bhiwani',
-			'Faridabad',
-			'Fatehabad',
-			'Gurgaon',
-			'Hissar',
-			'Jhajjar',
-			'Jind',
-			'Karnal',
-			'Kaithal',
-			'Kurukshetra',
-			'Mahendragarh',
-			'Mewat',
-			'Palwal',
-			'Panchkula',
-			'Panipat',
-			'Rewari',
-			'Rohtak',
-			'Sirsa',
-			'Sonipat',
-			'Yamuna Nagar','Bilaspur',
-			'Chamba',
-			'Hamirpur',
-			'Kangra',
-			'Kinnaur',
-			'Kullu',
-			'Lahaul and Spiti',
-			'Mandi',
-			'Shimla',
-			'Sirmaur',
-			'Solan',
-			'Una','Anantnag',
-			'Badgam',
-			'Bandipora',
-			'Baramulla',
-			'Doda',
-			'Ganderbal',
-			'Jammu',
-			'Kargil',
-			'Kathua',
-			'Kishtwar',
-			'Kupwara',
-			'Kulgam',
-			'Leh',
-			'Poonch',
-			'Pulwama',
-			'Rajauri',
-			'Ramban',
-			'Reasi',
-			'Samba',
-			'Shopian',
-			'Srinagar',
-			'Udhampur','Bokaro',
-			'Chatra',
-			'Deoghar',
-			'Dhanbad',
-			'Dumka',
-			'East Singhbhum',
-			'Garhwa',
-			'Giridih',
-			'Godda',
-			'Gumla',
-			'Hazaribag',
-			'Jamtara',
-			'Khunti',
-			'Koderma',
-			'Latehar',
-			'Lohardaga',
-			'Pakur',
-			'Palamu',
-			'Ramgarh',
-			'Ranchi',
-			'Sahibganj',
-			'Seraikela Kharsawan',
-			'Simdega',
-			'West Singhbhum','Bagalkot',
-			'Bangalore Rural',
-			'Bangalore Urban',
-			'Belgaum',
-			'Bellary',
-			'Bidar',
-			'Bijapur',
-			'Chamarajnagar',
-			'Chikkamagaluru',
-			'Chikkaballapur',
-			'Chitradurga',
-			'Davanagere',
-			'Dharwad',
-			'Dakshina Kannada',
-			'Gadag',
-			'Gulbarga',
-			'Hassan',
-			'Haveri district',
-			'Kodagu',
-			'Kolar',
-			'Koppal',
-			'Mandya',
-			'Mysore',
-			'Raichur',
-			'Shimoga',
-			'Tumkur',
-			'Udupi',
-			'Uttara Kannada',
-			'Ramanagara',
-			'Yadgir','Alappuzha',
-			'Ernakulam',
-			'Idukki',
-			'Kannur',
-			'Kasaragod',
-			'Kollam',
-			'Kottayam',
-			'Kozhikode',
-			'Malappuram',
-			'Palakkad',
-			'Pathanamthitta',
-			'Thrissur',
-			'Thiruvananthapuram',
-			'Wayanad','Alirajpur',
-			'Anuppur',
-			'Ashok Nagar',
-			'Balaghat',
-			'Barwani',
-			'Betul',
-			'Bhind',
-			'Bhopal',
-			'Burhanpur',
-			'Chhatarpur',
-			'Chhindwara',
-			'Damoh',
-			'Datia',
-			'Dewas',
-			'Dhar',
-			'Dindori',
-			'Guna',
-			'Gwalior',
-			'Harda',
-			'Hoshangabad',
-			'Indore',
-			'Jabalpur',
-			'Jhabua',
-			'Katni',
-			'Khandwa (East Nimar)',
-			'Khargone (West Nimar)',
-			'Mandla',
-			'Mandsaur',
-			'Morena',
-			'Narsinghpur',
-			'Neemuch',
-			'Panna',
-			'Rewa',
-			'Rajgarh',
-			'Ratlam',
-			'Raisen',
-			'Sagar',
-			'Satna',
-			'Sehore',
-			'Seoni',
-			'Shahdol',
-			'Shajapur',
-			'Sheopur',
-			'Shivpuri',
-			'Sidhi',
-			'Singrauli',
-			'Tikamgarh',
-			'Ujjain',
-			'Umaria',
-			'Vidisha','Ahmednagar',
-			'Akola',
-			'Amravati',
-			'Aurangabad',
-			'Bhandara',
-			'Beed',
-			'Buldhana',
-			'Chandrapur',
-			'Dhule',
-			'Gadchiroli',
-			'Gondia',
-			'Hingoli',
-			'Jalgaon',
-			'Jalna',
-			'Kolhapur',
-			'Latur',
-			'Mumbai City',
-			'Mumbai suburban',
-			'Nandurbar',
-			'Nanded',
-			'Nagpur',
-			'Nashik',
-			'Osmanabad',
-			'Parbhani',
-			'Pune',
-			'Raigad',
-			'Ratnagiri',
-			'Sindhudurg',
-			'Sangli',
-			'Solapur',
-			'Satara',
-			'Thane',
-			'Wardha',
-			'Washim',
-			'Yavatmal',
-			'Amritsar',
-			'Barnala',
-			'Bathinda',
-			'Firozpur',
-			'Faridkot',
-			'Fatehgarh Sahib',
-			'Fazilka',
-			'Gurdaspur',
-			'Hoshiarpur',
-			'Jalandhar',
-			'Kapurthala',
-			'Ludhiana',
-			'Mansa',
-			'Moga',
-			'Sri Muktsar Sahib',
-			'Pathankot',
-			'Patiala',
-			'Rupnagar',
-			'Ajitgarh (Mohali)',
-			'Sangrur',
-			'Nawanshahr',
-			'Tarn Taran','Ajmer',
-			'Alwar',
-			'Bikaner',
-			'Barmer',
-			'Banswara',
-			'Bharatpur',
-			'Baran',
-			'Bundi',
-			'Bhilwara',
-			'Churu',
-			'Chittorgarh',
-			'Dausa',
-			'Dholpur',
-			'Dungapur',
-			'Ganganagar',
-			'Hanumangarh',
-			'Jhunjhunu',
-			'Jalore',
-			'Jodhpur',
-			'Jaipur',
-			'Jaisalmer',
-			'Jhalawar',
-			'Karauli',
-			'Kota',
-			'Nagaur',
-			'Pali',
-			'Pratapgarh',
-			'Rajsamand',
-			'Sikar',
-			'Sawai Madhopur',
-			'Sirohi',
-			'Tonk',
-			'Udaipur','Agra',
-			'Allahabad',
-			'Aligarh',
-			'Ambedkar Nagar',
-			'Auraiya',
-			'Azamgarh',
-			'Barabanki',
-			'Budaun',
-			'Bagpat',
-			'Bahraich',
-			'Bijnor',
-			'Ballia',
-			'Banda',
-			'Balrampur',
-			'Bareilly',
-			'Basti',
-			'Bulandshahr',
-			'Chandauli',
-			'Chhatrapati Shahuji Maharaj Nagar',
-			'Chitrakoot',
-			'Deoria',
-			'Etah',
-			'Kanshi Ram Nagar',
-			'Etawah',
-			'Firozabad',
-			'Farrukhabad',
-			'Fatehpur',
-			'Faizabad',
-			'Gautam Buddh Nagar',
-			'Gonda',
-			'Ghazipur',
-			'Gorakhpur',
-			'Ghaziabad',
-			'Hamirpur',
-			'Hardoi',
-			'Mahamaya Nagar',
-			'Jhansi',
-			'Jalaun',
-			'Jyotiba Phule Nagar',
-			'Jaunpur district',
-			'Ramabai Nagar (Kanpur Dehat)',
-			'Kannauj',
-			'Kanpur',
-			'Kaushambi',
-			'Kushinagar',
-			'Lalitpur',
-			'Lakhimpur Kheri',
-			'Lucknow',
-			'Mau',
-			'Meerut',
-			'Maharajganj',
-			'Mahoba',
-			'Mirzapur',
-			'Moradabad',
-			'Mainpuri',
-			'Mathura',
-			'Muzaffarnagar',
-			'Panchsheel Nagar district (Hapur)',
-			'Pilibhit',
-			'Shamli',
-			'Pratapgarh',
-			'Rampur',
-			'Raebareli',
-			'Saharanpur',
-			'Sitapur',
-			'Shahjahanpur',
-			'Sant Kabir Nagar',
-			'Siddharthnagar',
-			'Sonbhadra',
-			'Sant Ravidas Nagar',
-			'Sultanpur',
-			'Shravasti',
-			'Unnao',
-			'Varanasi','Almora',
-			'Bageshwar',
-			'Chamoli',
-			'Champawat',
-			'Dehradun',
-			'Haridwar',
-			'Nainital',
-			'Pauri Garhwal',
-			'Pithoragarh',
-			'Rudraprayag',
-			'Tehri Garhwal',
-			'Udham Singh Nagar',
-			'Uttarkashi'];
-      city_names.sort((a,b)=>a-b);
-      //console.log(city_names)
-
-     for(var i=0; i<city_names.length; i++){
-        var showcities=document.querySelector("#citynames");
-     var p=document.createElement("p");
-     var line=document.createElement("hr");
-         p.innerHTML=city_names[i];
-         showcities.append(p,line);
-     }
-
-	//  popupstartshere-----------------------
-// var modal = document.getElementById("myModal");
-// var modal1=document.getElementById("myModal1")
-
-// // Get the button that opens the modal
-// var btn = document.getElementById("myBtn");
-// // btn.innerHTML= JSON.parse(localStorage.getItem("myLocal"))[0]|| "Login/Signup";
-// var submit=document.getElementById("btn");
-// var verify=document.getElementById("btn2")
-
-// Get the <span> element that closes the modal
-// var span = document.getElementsByClassName("close")[0];
-// When the user clicks the button, open the modal 
-// btn.onclick = function() {
-// 	if (btn.innerHTML=="Login/Signup"){
-// 		modal.style.display = "block";
-// 	}
-// 	else{
-// 		document.getElementById("dropdowndiv").style.visibility="visible";
-// 	}
-  
-
-// }
-
-
-
-// submit.onclick=function(){
-//     var mobnumber=document.querySelector("#mobnum").value;
-//     //console.log(mobnumber)
-//  if(mobnumber){
-//     modal.style.display = "none";
-//     modal1.style.display = "block";
-//  }
-//  else{
-//      alert("pls fill no.");
-//  }
-// }
-// verify.onclick = function(event) {
-//     event.preventDefault()
-//   var data=JSON.parse(localStorage.getItem("myLocal"))
-//   console.log(data[0]);
-//   btn.innerHTML=data[0]
-//   modal.style.display = "none";
-//   modal1.style.display = "none";
-
-// }
-
-// // When the user clicks on <span> (x), close the modal
-// span.onclick = function() {
-//     modal1.style.display = "none";
-//   modal.style.display = "none";
- 
-// }
-
-// // When the user clicks anywhere outside of the modal, close it
-// window.onclick = function(event) {
-//   if (event.target == modal) {
-//     modal.style.display = "none";
     
-//   }
-// }
-
-// document.getElementById("form").addEventListener("submit",myFn)
-// //   var arr=JSON.parse(localStorage.getItem("myLocal"))||[]
-
-// function myFn(event)
-// {var arr=[];
-// event.preventDefault()
-// var myobj=document.querySelector("#mobnum").value;
-// arr.push(myobj)
-// localStorage.setItem("myLocal",JSON.stringify(arr))
-// }
-
-// function find() {
-//     // let c= document.getElementById("cities").value
-//     // console.log(c)
     
-//     let data = {
-//       city: document.getElementById("typesearch").value,
-     
-//     };
-
-//     let location = localStorage.setItem("name", JSON.stringify(data));
-//     window.location.href = "explore.html";
-//   }
-
-
-document.querySelector("#searchbtn").addEventListener("click",()=>{
-    let data = {
-      city: document.getElementById("typesearch").value,
-     
-    };
-
-    let location = localStorage.setItem("name", JSON.stringify(data));
-    window.location.href = "explore.html";
-})
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+	<div id="searchbar" style="margin-bottom: 25px;">
+		<input type="text" id="typesearch" oninput="Debounce(main)"
+		placeholder="search for cities"
+		style="border: 1px solid grey; border-top-left-radius: 2px; border-top-right-radius: 2px;">
+
+	</div>
+
+	<div id="infooter" style="margin-top: 200px;
+">
+		<div id="div1">
+			<div id="weblogo">
+				<a href="index.html"><img src="https://playo-website.gumlet.io/playo-website-v2/Logo+with+Trademark_Filled.png" alt="logo" width="100%" height="100%"></a>
+			</div>
+			<div id="playstore">
+				<a href="https://play.google.com/store/apps/details?id=com.techmash.playo">
+					<img src="https://playo.co/_next/image?url=https%3A%2F%2Fplayo-website.gumlet.io%2Fplayo-website-v2%2Fstatic_pages%2FPlay%2Bstore.png&w=1920&q=75" width="100%" height="100%" >
+				</a>
+				<a href="https://apps.apple.com/us/app/playo-local-sports-community/id1018786950?ls=1">
+					<img src="https://playo.co/_next/image?url=https%3A%2F%2Fplayo-website.gumlet.io%2Fplayo-website-v2%2Fstatic_pages%2Fapple-padding-2x.png&w=1920&q=75" width="100%" height="100%" >
+				</a>
+			</div>
+			<div id="copyright">
+				<p>©2022 TechMash Solutions Private Limited.<span> All Rights Reserved.</span></p>
+			</div>
+			<div id="loweritems">
+				<a href="faq.html"><p>FAQs</p></a>
+				<a href=""><p>Privacy POlicy</p></a>
+				<a href=""><p>Terms Of Service</p></a>
+				<a href=""><p>Cancellation & Refund Policy</p></a>
+				<a href=""><p>Careers</p></a>
+				<a href=""><p id="hiring">We're Hiring!</p></a>
+			</div>
+		</div>
+		<div id="div2">
+			<a href="about.html"><p>About Us</p></a>
+			<a href="partner.html"><p>Partner With Us</p></a>
+			<a href="brandact.html"><p>Brand Activations</p></a>
+			<a href="corporate.html"><p>Corporate Offerings</p></a>
+			<a href="contact.html"><p>contact Us</p></a>
+		</div>
+		<div id="div3">
+			<a href="venues.html"><p>Book Venues</p></a>
+			<a href="activities.html"><p>Activities</p></a>
+			<a href="blog.html"><p>Blog</p></a>
+			<a href="faq.html"><p>FAQ's</p></a>
+		</div>
+		<div id="div4">
+			<a href="https://www.facebook.com/PlayoApp/"><p>Facebook</p></a>
+			<a href="https://twitter.com/playoApp"><p>Twitter</p></a>
+			<a href="https://www.instagram.com/playoapp/"><p>Instagram</p></a>
+			<a href="https://www.linkedin.com/company/playo"><p>LinkdIn</p></a>
+		</div>
+	</div>
 
+	
+   
 
+	
+	
+    
+</body>
+</html>
+<script  src="./scripts/activities.js">
 
 
-    </script>
\ No newline at end of file
+</script>
\ No newline at end of file
diff --git a/bookVenue.html b/bookVenue.html
index 7d21410..bd2746b 100644
--- a/bookVenue.html
+++ b/bookVenue.html
@@ -17,7 +17,7 @@
         <div id="explorenavbar">
 
             <div id="logodiv" >
-                <img id="logo" src="https://playo-website.imgix.net/company/logo1.png?auto=compress,format" alt="playo logo">
+                <img id="logo" src="https://playo.co/_next/image?url=https%3A%2F%2Fplayo-website.gumlet.io%2Fplayo-website-v2%2FLogo%2Bwith%2BTrademark_Filled.png%3Fq%3D20%26format%3Dauto&w=1920&q=75" alt="playo logo">
             </div>
     
             <div id="nav2div"> 
diff --git a/components/footer.js b/components/footer.js
index c59432d..c2fe038 100644
--- a/components/footer.js
+++ b/components/footer.js
@@ -7,14 +7,14 @@ function footer()
     return `<div id="infooter">
     <div id="div1">
         <div id="weblogo">
-            <a href="index.html"><img src="https://playo-website.gumlet.net/logo/playo-logo-footer-website.png?auto=format,compress&h=100" alt="logo" width="100%" height="100%"></a>
+            <a href="index.html"><img src="https://playo-website.gumlet.io/playo-website-v2/Logo+with+Trademark_Filled.png" alt="logo" width="100%" height="100%"></a>
         </div>
         <div id="playstore">
             <a href="https://play.google.com/store/apps/details?id=com.techmash.playo">
-                <img src="https://playo-website.gumlet.net/icons/download-android.png?auto=format,compress " >
+                <img src="https://playo.co/_next/image?url=https%3A%2F%2Fplayo-website.gumlet.io%2Fplayo-website-v2%2Fstatic_pages%2FPlay%2Bstore.png&w=1920&q=75" width="100%" height="100%" >
             </a>
             <a href="https://apps.apple.com/us/app/playo-local-sports-community/id1018786950?ls=1">
-                <img src="https://playo-website.gumlet.net/icons/download-ios.png?auto=format,compress" >
+                <img src="https://playo.co/_next/image?url=https%3A%2F%2Fplayo-website.gumlet.io%2Fplayo-website-v2%2Fstatic_pages%2Fapple-padding-2x.png&w=1920&q=75" width="100%" height="100%" >
             </a>
         </div>
         <div id="copyright">
diff --git a/data.json b/data.json
index b5b4ccd..c1b3da3 100644
--- a/data.json
+++ b/data.json
@@ -1,6 +1,7 @@
 {
   "cities": [
     {
+      
       "city": "hyderabad",
       "name": "Daniel Cricket Academy",
       "location": "hyderabad",
diff --git a/db.json b/db.json
new file mode 100644
index 0000000..f2ae48d
--- /dev/null
+++ b/db.json
@@ -0,0 +1,19 @@
+{
+  "posts": [
+    {
+      "id": 1,
+      "title": "json-server",
+      "author": "typicode"
+    }
+  ],
+  "comments": [
+    {
+      "id": 1,
+      "body": "some comment",
+      "postId": 1
+    }
+  ],
+  "profile": {
+    "name": "typicode"
+  }
+}
\ No newline at end of file
diff --git a/explore.html b/explore.html
index 9f34e52..776d1d2 100644
--- a/explore.html
+++ b/explore.html
@@ -19,7 +19,7 @@
         
         <div id="logodiv" >
           <a href="index.html">
-            <img id="logo" src="https://playo-website.imgix.net/company/logo1.png?auto=compress,format" alt="playo logo" style="margin-top: 7px;">
+            <img id="logo" src="https://playo-website.gumlet.io/playo-website-v2/Logo+with+Trademark_Filled.png" alt="playo logo" style="margin-top: 7px;">
           </a>
          
         </div>
@@ -65,152 +65,39 @@
             <p class="filtertext">Categories</p>
             <select class="bold space1">
               <option value="Select Sports">All</option>
+              <option value="hyderabad">Cricket</option>
+              <option value="Swimming">Swimming</option>
+              <option value="Football">Football</option>
               </select>
           </div>
         </div>
       </div>
       <div id="con"></div>
-      <!-- <div id= "places">
-        <div>
-          <img src="https://playo-activities.gumlet.io/SVMBOWLINGALLEY/SVMBowlingAlleycover.jpg?q=40" alt="" class="conimage">
-          <p class="imgtext">Book</p>
-        </div>
-        <p class="highlighttext">shiva</p>
-        <p class="location">hyd</p>
-        <p class="timing"><img src="./images/clock.png" alt="" class="clockicon">ljljl</p>
-        <p class="coaching">lsjdfljsd</p>
-      </div> -->
-      <div id="infooter">
-        <div id="div1">
-            <div id="weblogo">
-                <a href="index.html"><img src="https://playo-website.gumlet.net/logo/playo-logo-footer-website.png?auto=format,compress&h=100" alt="logo" width="100%" height="100%"></a>
-            </div>
-            <div id="playstore">
-                <a href="https://play.google.com/store/apps/details?id=com.techmash.playo">
-                    <img src="https://playo-website.gumlet.net/icons/download-android.png?auto=format,compress " >
-                </a>
-                <a href="https://apps.apple.com/us/app/playo-local-sports-community/id1018786950?ls=1">
-                    <img src="https://playo-website.gumlet.net/icons/download-ios.png?auto=format,compress" >
-                </a>
-            </div>
-            <div id="copyright">
-                <p>©2022 TechMash Solutions Private Limited.<span> All Rights Reserved.</span></p>
-            </div>
-            <div id="loweritems">
-                <a href="faq.html"><p>FAQs</p></a>
-                <a href=""><p>Privacy POlicy</p></a>
-                <a href=""><p>Terms Of Service</p></a>
-                <a href=""><p>Cancellation & Refund Policy</p></a>
-                <a href=""><p>Careers</p></a>
-                <a href=""><p id="hiring">We're Hiring!</p></a>
-            </div>
-        </div>
-        <div id="div2">
-            <a href="about.html"><p>About Us</p></a>
-            <a href="partner.html"><p>Partner With Us</p></a>
-            <a href="brandact.html"><p>Brand Activations</p></a>
-            <a href="corporate.html"><p>Corporate Offerings</p></a>
-            <a href="contact.html"><p>contact Us</p></a>
-        </div>
-        <div id="div3">
-            <a href="venues.html"><p>Book Venues</p></a>
-            <a href="activities.html"><p>Activities</p></a>
-            <a href="blog.html"><p>Blog</p></a>
-            <a href="faq.html"><p>FAQ's</p></a>
-        </div>
-        <div id="div4">
-            <a href="https://www.facebook.com/PlayoApp/"><p>Facebook</p></a>
-            <a href="https://twitter.com/playoApp"><p>Twitter</p></a>
-            <a href="https://www.instagram.com/playoapp/"><p>Instagram</p></a>
-            <a href="https://www.linkedin.com/company/playo"><p>LinkdIn</p></a>
-        </div>
-    </div>
-    </div>
+
+
+    <div id="footer"></div>
   </body>
 </html>
 
 
 
-<script  >
+<script  type="module">
+  import footer from "./components/footer.js"
+
+let container = document.querySelector("#footer");
+container.innerHTML = footer();
   
 
-  // for (let x in data) {
-  //   var cityx = data[x];
-  // }
-  // console.log(cityx);
-
-  // let con = document.getElementById("con");
-
-  // async function add(url) {
-  //   try {
-  //     var url = `http://127.0.0.1:5000/playo/cities`;
-  //     let response = await fetch(url, {
-  //       method: "GET",
-  //       headers: {
-  //         "Content-Type": "application/json",
-  //       },
-  //     });
-  //     let d = await response.json();
-  //     console.log("d:", d);
-  //     display(d);
-  //   } catch (err) {
-  //     console.log("err:", err);
-  //   }
-  // }
-
-
-  // display = (e) => {
-  //   //  console.log('e:', e)
-  //   e.forEach((el) => {
-  //     for (x in data) {
-  //       var c = data[x];
-  //     }
-
-  //     //   var div = document.getElementById("places");
-  //     //   // div.setAttribute("id","places")
-  //     //   var location= document.createElement("p");
-  //     //   location.innerText= el.location
-  //     //   let img= document.createElement("img")
-  //     //   img.src= el.image
-  //     //   img.setAttribute("id","conimage")
-
-  //     //   let timing= document.createElement("p")
-  //     //   timing.innerText=el.timing
-
-  //     // // console.log(el.timing)
-
-  //     //   var name = document.createElement("p");
-  //     //   name.innerText=el.name
-
-  //     //   Book= "BOOKABLE",
-  //     //   safe= "Safe & Hygiene"
-
-  //     if (el.city === c) {
-  //       let y = `  <div onclick="details(${el.id})" id= "places">
-  //       <div>
-  //         <img src="${el.image}" alt="" class="conimage">
-  //         <p class="imgtext">Coaching</p>
-  //       </div>
-  //       <p class="highlighttext">${el.name}</p>
-  //       <p class="location">${el.location}</p>
-  //       <p class="timing"><img src="./images/clock.png" alt="" class="clockicon">${el.timing}</p>
-  //       <p class="coaching">${el.name}  Coaching</p>
-  //     </div>`;
-
-  //       let place = document.getElementById("place");
-  //       place.setAttribute("class", "bold");
-  //       place.innerHTML = el.city;
-  //       con.innerHTML += y;
-  //     } else {
-  //       console.log("err");
-  //     }
-  //   });
-  // };
-
-
-  // add();
- 
 
+let catfilter = document.getElementById("catfilter") 
+catfilter.addEventListener("change", function () {
+    let filtered = fetchData.filter(function (element) {
+      if (element.category === filter.value) {
+        return element;
+      }
+    });
+    apprndData(filtered);
+  });
 
 
 
diff --git a/index.html b/index.html
index f19abf5..8528a52 100644
--- a/index.html
+++ b/index.html
@@ -32,14 +32,18 @@
             <!-- Download Playo app from google play -->
             <div class="download_inner">
                 <a href="https://play.google.com/store/apps/details?id=com.techmash.playo">
-                    <img class="app_download_image" src="https://playo-website.gumlet.net/download/google-play-new.png?auto=compress,format" alt="Google-play">
+                    <img class="app_download_image" 
+                    src="https://playo.co/_next/image?url=https%3A%2F%2Fplayo-website.gumlet.io%2Fplayo-website-v2%2Fstatic_pages%2FPlay%2Bstore.png&w=1920&q=75"
+                     alt="Google-play">
                 </a>
             </div>
 
             <!-- Download Playo app from apple play store -->
             <div class="download_inner">
                 <a href="https://apps.apple.com/us/app/playo-local-sports-community/id1018786950?ls=1">
-                    <img class="app_download_image" src="https://playo-website.gumlet.net/download/app-store-new.png?auto=compress,format" alt="Apple-store">
+                    <img class="app_download_image" 
+                    src="https://playo.co/_next/image?url=https%3A%2F%2Fplayo-website.gumlet.io%2Fplayo-website-v2%2Fstatic_pages%2Fapple-padding-2x.png&w=1920&q=75" 
+                    alt="Apple-store">
                 </a>
             </div>
         
diff --git a/scripts/activities.js b/scripts/activities.js
new file mode 100644
index 0000000..fd77632
--- /dev/null
+++ b/scripts/activities.js
@@ -0,0 +1,42 @@
+
+let id ;
+
+const Debounce = (fun) =>{
+    if (id){
+        clearTimeout(id)
+    }
+    id = setTimeout(()=>{
+        fun()
+
+    },500)
+}
+
+
+
+const main = async () =>{
+    try{
+        let search = document.getElementById("typesearch").value
+        let res = await fetch(`https://puce-lazy-lemming.cyclic.app/cities?city=${search}`)
+        let data = await res.json()
+        console.log(data)
+        displayData(data)
+    }
+    catch(err){
+        console.log(err)
+    }
+
+}
+
+
+function displayData(data){
+    
+
+    data.map((ele)=>{
+
+	let location = localStorage.setItem("name", JSON.stringify(ele));
+    window.location.href = "explore.html";
+
+        
+
+    })
+}
\ No newline at end of file
diff --git a/scripts/venues.js b/scripts/venues.js
index d4b2d28..80008f1 100644
--- a/scripts/venues.js
+++ b/scripts/venues.js
@@ -1,6 +1,12 @@
 
 //Login and pop up full functionalities start
 
+import footer from "../components/footer.js"
+
+let container = document.querySelector("#footer");
+container.innerHTML = footer();
+
+
 document.querySelector("#logo").addEventListener("click", ()=>{
     window.location.href = "index.html";
 })
diff --git a/styles/footer.css b/styles/footer.css
index b095a36..abde059 100644
--- a/styles/footer.css
+++ b/styles/footer.css
@@ -4,13 +4,13 @@ body{
 }
 a{
     text-decoration: none;
-    color:rgb(212, 212, 212);
+    color:black;
 }
 #infooter{
     width:100%;
     height:290px;
     display: flex;
-    background-color:#212121 ;
+    /* background-color:#212121 ; */
 }
 
 #div1{
@@ -73,7 +73,7 @@ a{
     font-style: italic;
     line-height: 0%;
     font-family: Lato, sans-serif;
-    color:rgb(128, 128, 128);
+    color:black;
 }
 #copy{
     font-size: 10px;
@@ -91,6 +91,6 @@ a{
     justify-content: space-between;
 }
 #hiring{
-    background-color:#4daa0b ;
+    /* background-color:#4daa0b ; */
     /* line-height: 0%; */
 }
\ No newline at end of file
diff --git a/styles/venues.css b/styles/venues.css
index ff5bee3..dd7da9d 100644
--- a/styles/venues.css
+++ b/styles/venues.css
@@ -234,7 +234,7 @@
         font-size: 36px;
         letter-spacing: 0.5px;
         line-height: 46.8px;
-        color: #ffff00;
+        color: black;
         margin-right: 7px;
         font-weight: 700;
         font-style: italic;
diff --git a/venues.html b/venues.html
index 1242da4..6ffb42a 100644
--- a/venues.html
+++ b/venues.html
@@ -28,11 +28,11 @@
             <div id="explorenavbar">
 
                 <div id="logodiv" >
-                    <img id="logo" src="https://playo-website.imgix.net/company/logo1.png?auto=compress,format" alt="playo logo">
+                    <img id="logo" src="https://playo.co/_next/image?url=https%3A%2F%2Fplayo-website.gumlet.io%2Fplayo-website-v2%2FLogo%2Bwith%2BTrademark_Filled.png%3Fq%3D20%26format%3Dauto&w=1920&q=75" alt="playo logo">
                 </div>
         
                 <div id="nav2div"> 
-                    <img id="pplogo" src="https://playo-website.gumlet.net/playo_functional/Icons/user_blank.svg" alt="">
+                    <img id="pplogo" src="data:image/jpeg;base64,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" alt="">
                     <p id="myBtn" class="loginp">Login/Signup</p>
                     <img id="dropdownarrow" src="https://playo-website.gumlet.net/playo_functional/Icons/arrow_light.svg" alt="arrow">
                 </div>
@@ -84,7 +84,7 @@
         <div class="text-headline">
 
             <span>Ready to find</span>
-            <span>Sports venue</span>
+            <span >Sports venue</span>
             <span>around you?</span>
 
         </div>
@@ -97,86 +97,26 @@
         <div id="show-results-div">
 
 
-            <!-- <div>
-                <img src="data:image/jpeg;base64,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" alt="">
-                <span>Bangalore</span>
-                <span>College square play  ipsum! errorlorem15 sed. Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis laboriosam sed non doloremque natus mollitia.</span>
-            </div>
-
 
-            <div></div>
-            <div></div>
-            <div></div>
-            <div></div> -->
 
 
         </div>
 
     </div>
 
-    <div id="footer" >
-        <div id="infooter">
-            <div id="div1">
-                <div id="weblogo">
-                    <a href="index.html"><img src="https://playo-website.gumlet.net/logo/playo-logo-footer-website.png?auto=format,compress&h=100" alt="logo" width="100%" height="100%"></a>
-                </div>
-                <div id="playstore">
-                    <a href="https://play.google.com/store/apps/details?id=com.techmash.playo">
-                        <img src="https://playo-website.gumlet.net/icons/download-android.png?auto=format,compress " >
-                    </a>
-                    <a href="https://apps.apple.com/us/app/playo-local-sports-community/id1018786950?ls=1">
-                        <img src="https://playo-website.gumlet.net/icons/download-ios.png?auto=format,compress" >
-                    </a>
-                </div>
-                <div id="copyright">
-                    <p>©2022 TechMash Solutions Private Limited.<span> All Rights Reserved.</span></p>
-                </div>
-                <div id="loweritems">
-                    <a href="faq.html"><p>FAQs</p></a>
-                    <a href=""><p>Privacy POlicy</p></a>
-                    <a href=""><p>Terms Of Service</p></a>
-                    <a href=""><p>Cancellation & Refund Policy</p></a>
-                    <a href=""><p>Careers</p></a>
-                    <a href=""><p id="hiring">We're Hiring!</p></a>
-                </div>
-            </div>
-            <div id="div2">
-                <a href="about.html"><p>About Us</p></a>
-                <a href="partner.html"><p>Partner With Us</p></a>
-                <a href="brandact.html"><p>Brand Activations</p></a>
-                <a href="corporate.html"><p>Corporate Offerings</p></a>
-                <a href="contact.html"><p>contact Us</p></a>
-            </div>
-            <div id="div3">
-                <a href="venues.html"><p>Book Venues</p></a>
-                <a href="activities.html"><p>Activities</p></a>
-                <a href="blog.html"><p>Blog</p></a>
-                <a href="faq.html"><p>FAQ's</p></a>
-            </div>
-            <div id="div4">
-                <a href="https://www.facebook.com/PlayoApp/"><p>Facebook</p></a>
-                <a href="https://twitter.com/playoApp"><p>Twitter</p></a>
-                <a href="https://www.instagram.com/playoapp/"><p>Instagram</p></a>
-                <a href="https://www.linkedin.com/company/playo"><p>LinkdIn</p></a>
-            </div>
-        </div>
-    </div>
-
-
-      <!-- need help button div -->
-      <a href="contact.html">
-        <div id="needhelp">
-            <p>Need help?</p>
-            <img id="needhelpiconimage" src="https://playo-website.gumlet.net/venues-listing/maximize.svg" width="10%" height="60%">
-        </div>
-    </a>
 
+<div id="footer"></div>
 
 
 </body>
 </html>
 <!-- Link Script tag -->
-<script src="./scripts/venues.js" >
+<script src="./scripts/venues.js" type="module" >
+
+import footer from "./components/footer.js"
+
+let container = document.querySelector("#footer");
+container.innerHTML = footer();
 
     
 
