Zameen.com – Pakistan’s Largest Real Estate Portal<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=YOUR_API_KEY&libraries=places\"><\/script>\n <style>\n .pac-container {\n z-index: 10000 !important;\n }\n .property-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-gray-800 bg-gray-50\">\n \n <div class=\"bg-gradient-to-r from-orange-500 to-orange-600 py-8 px-4\">\n <div class=\"max-w-6xl mx-auto\">\n <h1 class=\"text-2xl md:text-3xl font-bold text-white mb-6\">Find Your Dream Property<\/h1>\n \n <div class=\"flex flex-wrap justify-center mb-4 bg-white rounded-t-lg overflow-hidden shadow-md\">\n <button class=\"px-6 py-3 font-medium tab-btn active\" data-tab=\"buy\">Buy<\/button>\n <button class=\"px-6 py-3 font-medium tab-btn\" data-tab=\"rent\">Rent<\/button>\n <button class=\"px-6 py-3 font-medium tab-btn\" data-tab=\"plot\">Plot<\/button>\n <button class=\"px-6 py-3 font-medium tab-btn\" data-tab=\"commercial\">Commercial<\/button>\n <\/div>\n \n <div class=\"bg-white p-5 rounded-lg shadow-lg\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 mb-4\">\n <div>\n <label class=\"block text-gray-700 text-sm font-medium mb-1\">Location<\/label>\n <input id=\"location-input\" type=\"text\" placeholder=\"Enter city or area\" \n class=\"w-full p-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-orange-500 focus:border-orange-500\">\n <\/div>\n <div>\n <label class=\"block text-gray-700 text-sm font-medium mb-1\">Property Type<\/label>\n <select class=\"w-full p-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-orange-500 focus:border-orange-500\">\n <option value=\"\">All Types<\/option>\n <option value=\"house\">House<\/option>\n <option value=\"flat\">Flat\/Apartment<\/option>\n <option value=\"plot\">Plot<\/option>\n <option value=\"commercial\">Commercial<\/option>\n <option value=\"farmhouse\">Farm House<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-gray-700 text-sm font-medium mb-1\">Price Range<\/label>\n <select class=\"w-full p-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-orange-500 focus:border-orange-500\">\n <option value=\"\">Any Price<\/option>\n <option value=\"0-50\">Under 50 lakh<\/option>\n <option value=\"50-100\">50 lakh – 1 crore<\/option>\n <option value=\"100-200\">1 crore – 2 crore<\/option>\n <option value=\"200+\">Above 2 crore<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-4\">\n <div>\n <label class=\"block text-gray-700 text-sm font-medium mb-1\">Bedrooms<\/label>\n <select class=\"w-full p-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-orange-500 focus:border-orange-500\">\n <option value=\"\">Any<\/option>\n <option value=\"1\">1<\/option>\n <option value=\"2\">2<\/option>\n <option value=\"3\">3<\/option>\n <option value=\"4+\">4+<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-gray-700 text-sm font-medium mb-1\">Bathrooms<\/label>\n <select class=\"w-full p-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-orange-500 focus:border-orange-500\">\n <option value=\"\">Any<\/option>\n <option value=\"1\">1<\/option>\n <option value=\"2\">2<\/option>\n <option value=\"3+\">3+<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-gray-700 text-sm font-medium mb-1\">Area (sq.ft)<\/label>\n <select class=\"w-full p-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-orange-500 focus:border-orange-500\">\n <option value=\"\">Any<\/option>\n <option value=\"0-1000\">Under 1000<\/option>\n <option value=\"1000-2000\">1000-2000<\/option>\n <option value=\"2000-5000\">2000-5000<\/option>\n <option value=\"5000+\">5000+<\/option>\n <\/select>\n <\/div>\n <div class=\"flex items-end\">\n <button class=\"w-full bg-orange-600 hover:bg-orange-700 text-white font-bold py-3 px-4 rounded-md transition duration-300 flex items-center justify-center\">\n <i class=\"fas fa-search mr-2\"><\/i> Search Properties\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"max-w-6xl mx-auto px-4 py-8\">\n <div class=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-6\">\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-12 h-12 bg-orange-100 rounded-full mb-3 mx-auto flex items-center justify-center text-orange-600\">\n <i class=\"fas fa-home text-xl\"><\/i>\n <\/div>\n <div class=\"font-medium\">Houses<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-12 h-12 bg-blue-100 rounded-full mb-3 mx-auto flex items-center justify-center text-blue-600\">\n <i class=\"fas fa-building text-xl\"><\/i>\n <\/div>\n <div class=\"font-medium\">Flats<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-12 h-12 bg-green-100 rounded-full mb-3 mx-auto flex items-center justify-center text-green-600\">\n <i class=\"fas fa-vector-square text-xl\"><\/i>\n <\/div>\n <div class=\"font-medium\">Plots<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-12 h-12 bg-purple-100 rounded-full mb-3 mx-auto flex items-center justify-center text-purple-600\">\n <i class=\"fas fa-store text-xl\"><\/i>\n <\/div>\n <div class=\"font-medium\">Commercial<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-12 h-12 bg-yellow-100 rounded-full mb-3 mx-auto flex items-center justify-center text-yellow-600\">\n <i class=\"fas fa-tree text-xl\"><\/i>\n <\/div>\n <div class=\"font-medium\">Farm Houses<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-12 h-12 bg-red-100 rounded-full mb-3 mx-auto flex items-center justify-center text-red-600\">\n <i class=\"fas fa-door-open text-xl\"><\/i>\n <\/div>\n <div class=\"font-medium\">Portions<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"max-w-6xl mx-auto px-4 py-8\">\n <div class=\"flex justify-between items-center mb-6\">\n <h2 class=\"text-2xl font-bold text-gray-800\">Featured Properties<\/h2>\n <a href=\"#\" class=\"text-orange-600 font-medium flex items-center\">\n View All <i class=\"fas fa-chevron-right ml-1 text-sm\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\" id=\"property-list\">\n \n <\/div>\n <\/div>\n \n \n <div class=\"bg-gray-100 py-8\">\n <div class=\"max-w-6xl mx-auto px-4\">\n <div class=\"flex justify-between items-center mb-6\">\n <h2 class=\"text-2xl font-bold text-gray-800\">Properties by Cities<\/h2>\n <a href=\"#\" class=\"text-orange-600 font-medium flex items-center\">\n View All Cities <i class=\"fas fa-chevron-right ml-1 text-sm\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-4\">\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-16 h-16 bg-orange-100 rounded-full mb-3 mx-auto flex items-center justify-center text-orange-600\">\n <i class=\"fas fa-city text-2xl\"><\/i>\n <\/div>\n <div class=\"font-bold\">Karachi<\/div>\n <div class=\"text-gray-600 text-sm\">12,345 Properties<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-16 h-16 bg-blue-100 rounded-full mb-3 mx-auto flex items-center justify-center text-blue-600\">\n <i class=\"fas fa-city text-2xl\"><\/i>\n <\/div>\n <div class=\"font-bold\">Lahore<\/div>\n <div class=\"text-gray-600 text-sm\">10,987 Properties<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-16 h-16 bg-green-100 rounded-full mb-3 mx-auto flex items-center justify-center text-green-600\">\n <i class=\"fas fa-city text-2xl\"><\/i>\n <\/div>\n <div class=\"font-bold\">Islamabad<\/div>\n <div class=\"text-gray-600 text-sm\">8,765 Properties<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-16 h-16 bg-purple-100 rounded-full mb-3 mx-auto flex items-center justify-center text-purple-600\">\n <i class=\"fas fa-city text-2xl\"><\/i>\n <\/div>\n <div class=\"font-bold\">Rawalpindi<\/div>\n <div class=\"text-gray-600 text-sm\">7,654 Properties<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-16 h-16 bg-yellow-100 rounded-full mb-3 mx-auto flex items-center justify-center text-yellow-600\">\n <i class=\"fas fa-city text-2xl\"><\/i>\n <\/div>\n <div class=\"font-bold\">Faisalabad<\/div>\n <div class=\"text-gray-600 text-sm\">3,456 Properties<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-16 h-16 bg-red-100 rounded-full mb-3 mx-auto flex items-center justify-center text-red-600\">\n <i class=\"fas fa-city text-2xl\"><\/i>\n <\/div>\n <div class=\"font-bold\">Multan<\/div>\n <div class=\"text-gray-600 text-sm\">2,345 Properties<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"max-w-6xl mx-auto px-4 py-8\">\n <div class=\"mb-6\">\n <h2 class=\"text-2xl font-bold text-gray-800\">Trending Searches<\/h2>\n <\/div>\n \n <div class=\"flex flex-wrap gap-3\">\n <div class=\"bg-white px-4 py-2 rounded-full text-sm shadow-sm cursor-pointer hover:bg-orange-50 hover:text-orange-600 transition duration-300\">\n Houses for sale in DHA Karachi\n <\/div>\n <div class=\"bg-white px-4 py-2 rounded-full text-sm shadow-sm cursor-pointer hover:bg-orange-50 hover:text-orange-600 transition duration-300\">\n Flats for rent in Islamabad\n <\/div>\n <div class=\"bg-white px-4 py-2 rounded-full text-sm shadow-sm cursor-pointer hover:bg-orange-50 hover:text-orange-600 transition duration-300\">\n Plots in Bahria Town Lahore\n <\/div>\n <div class=\"bg-white px-4 py-2 rounded-full text-sm shadow-sm cursor-pointer hover:bg-orange-50 hover:text-orange-600 transition duration-300\">\n Commercial property in Karachi\n <\/div>\n <div class=\"bg-white px-4 py-2 rounded-full text-sm shadow-sm cursor-pointer hover:bg-orange-50 hover:text-orange-600 transition duration-300\">\n 5 marla house for sale\n <\/div>\n <div class=\"bg-white px-4 py-2 rounded-full text-sm shadow-sm cursor-pointer hover:bg-orange-50 hover:text-orange-600 transition duration-300\">\n 1 kanal plot in Islamabad\n <\/div>\n <div class=\"bg-white px-4 py-2 rounded-full text-sm shadow-sm cursor-pointer hover:bg-orange-50 hover:text-orange-600 transition duration-300\">\n Portion for rent in Lahore\n <\/div>\n <div class=\"bg-white px-4 py-2 rounded-full text-sm shadow-sm cursor-pointer hover:bg-orange-50 hover:text-orange-600 transition duration-300\">\n Office space for sale\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Sample property data\n const properties = [\n {\n id: 1,\n title: \"5 Marla House for Sale\",\n location: \"DHA Phase 6, Karachi\",\n price: \"PKR 2.5 Crore\",\n type: \"house\",\n beds: 3,\n baths: 3,\n area: \"5 Marla\",\n image: \"https:\/\/images.unsplash.com\/photo-1564013799919-ab600027ffc6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\",\n featured: true\n },\n {\n id: 2,\n title: \"Luxury Apartment\",\n location: \"Clifton, Karachi\",\n price: \"PKR 1.8 Crore\",\n type: \"flat\",\n beds: 2,\n baths: 2,\n area: \"2000 sqft\",\n image: \"https:\/\/images.unsplash.com\/photo-1493809842364-78817add7ffb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\",\n featured: true\n },\n {\n id: 3,\n title: \"Commercial Plot\",\n location: \"Bahria Town, Lahore\",\n price: \"PKR 85 Lakh\",\n type: \"plot\",\n beds: 0,\n baths: 0,\n area: \"8 Marla\",\n image: \"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\",\n featured: true\n },\n {\n id: 4,\n title: \"Residential Plot\",\n location: \"Gulberg, Islamabad\",\n price: \"PKR 45 Lakh\",\n type: \"plot\",\n beds: 0,\n baths: 0,\n area: \"5 Marla\",\n image: \"https:\/\/images.unsplash.com\/photo-1605276374104-dee2a0ed3cd6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\",\n featured: true\n },\n {\n id: 5,\n title: \"3 Bed Villa\",\n location: \"Bahria Town, Karachi\",\n price: \"PKR 3.2 Crore\",\n type: \"house\",\n beds: 3,\n baths: 3,\n area: \"10 Marla\",\n image: \"https:\/\/images.unsplash.com\/photo-1605146769289-440113cc3d00?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\",\n featured: false\n },\n {\n id: 6,\n title: \"Office Space\",\n location: \"Blue Area, Islamabad\",\n price: \"PKR 5.5 Crore\",\n type: \"commercial\",\n beds: 0,\n baths: 2,\n area: \"3000 sqft\",\n image: \"https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1469&q=80\",\n featured: false\n }\n ];\n\n \/\/ Initialize Google Places Autocomplete\n function initAutocomplete() {\n const input = document.getElementById(\"location-input\");\n const autocomplete = new google.maps.places.Autocomplete(input, {\n types: ['(cities)'],\n componentRestrictions: {country: 'pk'}\n });\n }\n\n \/\/ Load properties\n function loadProperties() {\n const propertyList = document.getElementById('property-list');\n propertyList.innerHTML = '';\n \n const featuredProperties = properties.filter(prop => prop.featured);\n \n featuredProperties.forEach(property => {\n const propertyCard = document.createElement('div');\n propertyCard.className = 'property-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition duration-300';\n propertyCard.innerHTML = `\n <div class=\"h-48 bg-gray-200 relative overflow-hidden\">\n <img decoding=\"async\" src=\"${property.image}\" alt=\"${property.title}\" class=\"w-full h-full object-cover\">\n <div class=\"absolute bottom-3 left-3 bg-black bg-opacity-70 text-white px-3 py-1 rounded-md font-bold\">${property.price}<\/div>\n <div class=\"absolute top-3 right-3 bg-orange-600 text-white px-2 py-1 rounded text-xs font-medium\">Featured<\/div>\n <\/div>\n <div class=\"p-4\">\n <h3 class=\"font-bold mb-1 text-lg\">${property.title}<\/h3>\n <p class=\"text-gray-600 text-sm mb-3 flex items-center\">\n <i class=\"fas fa-map-marker-alt mr-1 text-orange-500\"><\/i> ${property.location}\n <\/p>\n <div class=\"flex text-gray-600 text-sm border-t border-gray-100 pt-3\">\n <span class=\"mr-4 flex items-center\"><i class=\"fas fa-bed mr-1 text-orange-500\"><\/i> ${property.beds}<\/span>\n <span class=\"mr-4 flex items-center\"><i class=\"fas fa-bath mr-1 text-orange-500\"><\/i> ${property.baths}<\/span>\n <span class=\"flex items-center\"><i class=\"fas fa-ruler-combined mr-1 text-orange-500\"><\/i> ${property.area}<\/span>\n <\/div>\n <\/div>\n `;\n propertyList.appendChild(propertyCard);\n });\n }\n\n \/\/ Tab switching functionality\n function setupTabs() {\n const tabs = document.querySelectorAll('.tab-btn');\n \n tabs.forEach(tab => {\n tab.addEventListener('click', () => {\n \/\/ Remove active class from all tabs\n tabs.forEach(t => t.classList.remove('active', 'bg-orange-600', 'text-white'));\n tabs.forEach(t => t.classList.add('bg-white', 'text-gray-800'));\n \n \/\/ Add active class to clicked tab\n tab.classList.add('active', 'bg-orange-600', 'text-white');\n tab.classList.remove('bg-white', 'text-gray-800');\n \n \/\/ Here you would typically filter properties based on the selected tab\n console.log(`Showing ${tab.dataset.tab} properties`);\n });\n });\n }\n\n \/\/ Initialize everything when DOM is loaded\n document.addEventListener('DOMContentLoaded', () => {\n initAutocomplete();\n loadProperties();\n setupTabs();\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Zameen.com – Pakistan’s Largest Real Estate Portal Find Your Dream Property Buy Rent Plot Commercial Location Property Type All TypesHouseFlat\/ApartmentPlotCommercialFarm House Price Range Any PriceUnder 50 lakh50 lakh – 1 crore1 crore – 2 croreAbove 2 crore Bedrooms Any1234+ Bathrooms Any123+ Area (sq.ft) AnyUnder 10001000-20002000-50005000+ Search Properties Houses Flats Plots Commercial Farm Houses Portions Featured […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"brizy-blank-template.php","meta":{"_gspb_post_css":"","content-type":"","footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/re.pakitservice.com\/index.php\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/re.pakitservice.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/re.pakitservice.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/re.pakitservice.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/re.pakitservice.com\/index.php\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":34,"href":"https:\/\/re.pakitservice.com\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":328,"href":"https:\/\/re.pakitservice.com\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions\/328"}],"wp:attachment":[{"href":"https:\/\/re.pakitservice.com\/index.php\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":31,"date":"2025-07-31T08:41:31","date_gmt":"2025-07-31T08:41:31","guid":{"rendered":"https:\/\/re.pakitservice.com\/?page_id=31"},"modified":"2025-08-01T16:26:59","modified_gmt":"2025-08-01T16:26:59","slug":"home","status":"publish","type":"page","link":"https:\/\/re.pakitservice.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n \n \n Zameen.com – Pakistan’s Largest Real Estate Portal<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=YOUR_API_KEY&libraries=places\"><\/script>\n <style>\n .pac-container {\n z-index: 10000 !important;\n }\n .property-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-gray-800 bg-gray-50\">\n \n <div class=\"bg-gradient-to-r from-orange-500 to-orange-600 py-8 px-4\">\n <div class=\"max-w-6xl mx-auto\">\n <h1 class=\"text-2xl md:text-3xl font-bold text-white mb-6\">Find Your Dream Property<\/h1>\n \n <div class=\"flex flex-wrap justify-center mb-4 bg-white rounded-t-lg overflow-hidden shadow-md\">\n <button class=\"px-6 py-3 font-medium tab-btn active\" data-tab=\"buy\">Buy<\/button>\n <button class=\"px-6 py-3 font-medium tab-btn\" data-tab=\"rent\">Rent<\/button>\n <button class=\"px-6 py-3 font-medium tab-btn\" data-tab=\"plot\">Plot<\/button>\n <button class=\"px-6 py-3 font-medium tab-btn\" data-tab=\"commercial\">Commercial<\/button>\n <\/div>\n \n <div class=\"bg-white p-5 rounded-lg shadow-lg\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 mb-4\">\n <div>\n <label class=\"block text-gray-700 text-sm font-medium mb-1\">Location<\/label>\n <input id=\"location-input\" type=\"text\" placeholder=\"Enter city or area\" \n class=\"w-full p-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-orange-500 focus:border-orange-500\">\n <\/div>\n <div>\n <label class=\"block text-gray-700 text-sm font-medium mb-1\">Property Type<\/label>\n <select class=\"w-full p-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-orange-500 focus:border-orange-500\">\n <option value=\"\">All Types<\/option>\n <option value=\"house\">House<\/option>\n <option value=\"flat\">Flat\/Apartment<\/option>\n <option value=\"plot\">Plot<\/option>\n <option value=\"commercial\">Commercial<\/option>\n <option value=\"farmhouse\">Farm House<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-gray-700 text-sm font-medium mb-1\">Price Range<\/label>\n <select class=\"w-full p-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-orange-500 focus:border-orange-500\">\n <option value=\"\">Any Price<\/option>\n <option value=\"0-50\">Under 50 lakh<\/option>\n <option value=\"50-100\">50 lakh – 1 crore<\/option>\n <option value=\"100-200\">1 crore – 2 crore<\/option>\n <option value=\"200+\">Above 2 crore<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-4\">\n <div>\n <label class=\"block text-gray-700 text-sm font-medium mb-1\">Bedrooms<\/label>\n <select class=\"w-full p-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-orange-500 focus:border-orange-500\">\n <option value=\"\">Any<\/option>\n <option value=\"1\">1<\/option>\n <option value=\"2\">2<\/option>\n <option value=\"3\">3<\/option>\n <option value=\"4+\">4+<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-gray-700 text-sm font-medium mb-1\">Bathrooms<\/label>\n <select class=\"w-full p-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-orange-500 focus:border-orange-500\">\n <option value=\"\">Any<\/option>\n <option value=\"1\">1<\/option>\n <option value=\"2\">2<\/option>\n <option value=\"3+\">3+<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-gray-700 text-sm font-medium mb-1\">Area (sq.ft)<\/label>\n <select class=\"w-full p-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-orange-500 focus:border-orange-500\">\n <option value=\"\">Any<\/option>\n <option value=\"0-1000\">Under 1000<\/option>\n <option value=\"1000-2000\">1000-2000<\/option>\n <option value=\"2000-5000\">2000-5000<\/option>\n <option value=\"5000+\">5000+<\/option>\n <\/select>\n <\/div>\n <div class=\"flex items-end\">\n <button class=\"w-full bg-orange-600 hover:bg-orange-700 text-white font-bold py-3 px-4 rounded-md transition duration-300 flex items-center justify-center\">\n <i class=\"fas fa-search mr-2\"><\/i> Search Properties\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"max-w-6xl mx-auto px-4 py-8\">\n <div class=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-6\">\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-12 h-12 bg-orange-100 rounded-full mb-3 mx-auto flex items-center justify-center text-orange-600\">\n <i class=\"fas fa-home text-xl\"><\/i>\n <\/div>\n <div class=\"font-medium\">Houses<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-12 h-12 bg-blue-100 rounded-full mb-3 mx-auto flex items-center justify-center text-blue-600\">\n <i class=\"fas fa-building text-xl\"><\/i>\n <\/div>\n <div class=\"font-medium\">Flats<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-12 h-12 bg-green-100 rounded-full mb-3 mx-auto flex items-center justify-center text-green-600\">\n <i class=\"fas fa-vector-square text-xl\"><\/i>\n <\/div>\n <div class=\"font-medium\">Plots<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-12 h-12 bg-purple-100 rounded-full mb-3 mx-auto flex items-center justify-center text-purple-600\">\n <i class=\"fas fa-store text-xl\"><\/i>\n <\/div>\n <div class=\"font-medium\">Commercial<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-12 h-12 bg-yellow-100 rounded-full mb-3 mx-auto flex items-center justify-center text-yellow-600\">\n <i class=\"fas fa-tree text-xl\"><\/i>\n <\/div>\n <div class=\"font-medium\">Farm Houses<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-12 h-12 bg-red-100 rounded-full mb-3 mx-auto flex items-center justify-center text-red-600\">\n <i class=\"fas fa-door-open text-xl\"><\/i>\n <\/div>\n <div class=\"font-medium\">Portions<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"max-w-6xl mx-auto px-4 py-8\">\n <div class=\"flex justify-between items-center mb-6\">\n <h2 class=\"text-2xl font-bold text-gray-800\">Featured Properties<\/h2>\n <a href=\"#\" class=\"text-orange-600 font-medium flex items-center\">\n View All <i class=\"fas fa-chevron-right ml-1 text-sm\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6\" id=\"property-list\">\n \n <\/div>\n <\/div>\n \n \n <div class=\"bg-gray-100 py-8\">\n <div class=\"max-w-6xl mx-auto px-4\">\n <div class=\"flex justify-between items-center mb-6\">\n <h2 class=\"text-2xl font-bold text-gray-800\">Properties by Cities<\/h2>\n <a href=\"#\" class=\"text-orange-600 font-medium flex items-center\">\n View All Cities <i class=\"fas fa-chevron-right ml-1 text-sm\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-4\">\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-16 h-16 bg-orange-100 rounded-full mb-3 mx-auto flex items-center justify-center text-orange-600\">\n <i class=\"fas fa-city text-2xl\"><\/i>\n <\/div>\n <div class=\"font-bold\">Karachi<\/div>\n <div class=\"text-gray-600 text-sm\">12,345 Properties<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-16 h-16 bg-blue-100 rounded-full mb-3 mx-auto flex items-center justify-center text-blue-600\">\n <i class=\"fas fa-city text-2xl\"><\/i>\n <\/div>\n <div class=\"font-bold\">Lahore<\/div>\n <div class=\"text-gray-600 text-sm\">10,987 Properties<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-16 h-16 bg-green-100 rounded-full mb-3 mx-auto flex items-center justify-center text-green-600\">\n <i class=\"fas fa-city text-2xl\"><\/i>\n <\/div>\n <div class=\"font-bold\">Islamabad<\/div>\n <div class=\"text-gray-600 text-sm\">8,765 Properties<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-16 h-16 bg-purple-100 rounded-full mb-3 mx-auto flex items-center justify-center text-purple-600\">\n <i class=\"fas fa-city text-2xl\"><\/i>\n <\/div>\n <div class=\"font-bold\">Rawalpindi<\/div>\n <div class=\"text-gray-600 text-sm\">7,654 Properties<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-16 h-16 bg-yellow-100 rounded-full mb-3 mx-auto flex items-center justify-center text-yellow-600\">\n <i class=\"fas fa-city text-2xl\"><\/i>\n <\/div>\n <div class=\"font-bold\">Faisalabad<\/div>\n <div class=\"text-gray-600 text-sm\">3,456 Properties<\/div>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm text-center cursor-pointer hover:shadow-md transition duration-300\">\n <div class=\"w-16 h-16 bg-red-100 rounded-full mb-3 mx-auto flex items-center justify-center text-red-600\">\n <i class=\"fas fa-city text-2xl\"><\/i>\n <\/div>\n <div class=\"font-bold\">Multan<\/div>\n <div class=\"text-gray-600 text-sm\">2,345 Properties<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"max-w-6xl mx-auto px-4 py-8\">\n <div class=\"mb-6\">\n <h2 class=\"text-2xl font-bold text-gray-800\">Trending Searches<\/h2>\n <\/div>\n \n <div class=\"flex flex-wrap gap-3\">\n <div class=\"bg-white px-4 py-2 rounded-full text-sm shadow-sm cursor-pointer hover:bg-orange-50 hover:text-orange-600 transition duration-300\">\n Houses for sale in DHA Karachi\n <\/div>\n <div class=\"bg-white px-4 py-2 rounded-full text-sm shadow-sm cursor-pointer hover:bg-orange-50 hover:text-orange-600 transition duration-300\">\n Flats for rent in Islamabad\n <\/div>\n <div class=\"bg-white px-4 py-2 rounded-full text-sm shadow-sm cursor-pointer hover:bg-orange-50 hover:text-orange-600 transition duration-300\">\n Plots in Bahria Town Lahore\n <\/div>\n <div class=\"bg-white px-4 py-2 rounded-full text-sm shadow-sm cursor-pointer hover:bg-orange-50 hover:text-orange-600 transition duration-300\">\n Commercial property in Karachi\n <\/div>\n <div class=\"bg-white px-4 py-2 rounded-full text-sm shadow-sm cursor-pointer hover:bg-orange-50 hover:text-orange-600 transition duration-300\">\n 5 marla house for sale\n <\/div>\n <div class=\"bg-white px-4 py-2 rounded-full text-sm shadow-sm cursor-pointer hover:bg-orange-50 hover:text-orange-600 transition duration-300\">\n 1 kanal plot in Islamabad\n <\/div>\n <div class=\"bg-white px-4 py-2 rounded-full text-sm shadow-sm cursor-pointer hover:bg-orange-50 hover:text-orange-600 transition duration-300\">\n Portion for rent in Lahore\n <\/div>\n <div class=\"bg-white px-4 py-2 rounded-full text-sm shadow-sm cursor-pointer hover:bg-orange-50 hover:text-orange-600 transition duration-300\">\n Office space for sale\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Sample property data\n const properties = [\n {\n id: 1,\n title: \"5 Marla House for Sale\",\n location: \"DHA Phase 6, Karachi\",\n price: \"PKR 2.5 Crore\",\n type: \"house\",\n beds: 3,\n baths: 3,\n area: \"5 Marla\",\n image: \"https:\/\/images.unsplash.com\/photo-1564013799919-ab600027ffc6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\",\n featured: true\n },\n {\n id: 2,\n title: \"Luxury Apartment\",\n location: \"Clifton, Karachi\",\n price: \"PKR 1.8 Crore\",\n type: \"flat\",\n beds: 2,\n baths: 2,\n area: \"2000 sqft\",\n image: \"https:\/\/images.unsplash.com\/photo-1493809842364-78817add7ffb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\",\n featured: true\n },\n {\n id: 3,\n title: \"Commercial Plot\",\n location: \"Bahria Town, Lahore\",\n price: \"PKR 85 Lakh\",\n type: \"plot\",\n beds: 0,\n baths: 0,\n area: \"8 Marla\",\n image: \"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\",\n featured: true\n },\n {\n id: 4,\n title: \"Residential Plot\",\n location: \"Gulberg, Islamabad\",\n price: \"PKR 45 Lakh\",\n type: \"plot\",\n beds: 0,\n baths: 0,\n area: \"5 Marla\",\n image: \"https:\/\/images.unsplash.com\/photo-1605276374104-dee2a0ed3cd6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\",\n featured: true\n },\n {\n id: 5,\n title: \"3 Bed Villa\",\n location: \"Bahria Town, Karachi\",\n price: \"PKR 3.2 Crore\",\n type: \"house\",\n beds: 3,\n baths: 3,\n area: \"10 Marla\",\n image: \"https:\/\/images.unsplash.com\/photo-1605146769289-440113cc3d00?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\",\n featured: false\n },\n {\n id: 6,\n title: \"Office Space\",\n location: \"Blue Area, Islamabad\",\n price: \"PKR 5.5 Crore\",\n type: \"commercial\",\n beds: 0,\n baths: 2,\n area: \"3000 sqft\",\n image: \"https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1469&q=80\",\n featured: false\n }\n ];\n\n \/\/ Initialize Google Places Autocomplete\n function initAutocomplete() {\n const input = document.getElementById(\"location-input\");\n const autocomplete = new google.maps.places.Autocomplete(input, {\n types: ['(cities)'],\n componentRestrictions: {country: 'pk'}\n });\n }\n\n \/\/ Load properties\n function loadProperties() {\n const propertyList = document.getElementById('property-list');\n propertyList.innerHTML = '';\n \n const featuredProperties = properties.filter(prop => prop.featured);\n \n featuredProperties.forEach(property => {\n const propertyCard = document.createElement('div');\n propertyCard.className = 'property-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition duration-300';\n propertyCard.innerHTML = `\n <div class=\"h-48 bg-gray-200 relative overflow-hidden\">\n <img decoding=\"async\" src=\"${property.image}\" alt=\"${property.title}\" class=\"w-full h-full object-cover\">\n <div class=\"absolute bottom-3 left-3 bg-black bg-opacity-70 text-white px-3 py-1 rounded-md font-bold\">${property.price}<\/div>\n <div class=\"absolute top-3 right-3 bg-orange-600 text-white px-2 py-1 rounded text-xs font-medium\">Featured<\/div>\n <\/div>\n <div class=\"p-4\">\n <h3 class=\"font-bold mb-1 text-lg\">${property.title}<\/h3>\n <p class=\"text-gray-600 text-sm mb-3 flex items-center\">\n <i class=\"fas fa-map-marker-alt mr-1 text-orange-500\"><\/i> ${property.location}\n <\/p>\n <div class=\"flex text-gray-600 text-sm border-t border-gray-100 pt-3\">\n <span class=\"mr-4 flex items-center\"><i class=\"fas fa-bed mr-1 text-orange-500\"><\/i> ${property.beds}<\/span>\n <span class=\"mr-4 flex items-center\"><i class=\"fas fa-bath mr-1 text-orange-500\"><\/i> ${property.baths}<\/span>\n <span class=\"flex items-center\"><i class=\"fas fa-ruler-combined mr-1 text-orange-500\"><\/i> ${property.area}<\/span>\n <\/div>\n <\/div>\n `;\n propertyList.appendChild(propertyCard);\n });\n }\n\n \/\/ Tab switching functionality\n function setupTabs() {\n const tabs = document.querySelectorAll('.tab-btn');\n \n tabs.forEach(tab => {\n tab.addEventListener('click', () => {\n \/\/ Remove active class from all tabs\n tabs.forEach(t => t.classList.remove('active', 'bg-orange-600', 'text-white'));\n tabs.forEach(t => t.classList.add('bg-white', 'text-gray-800'));\n \n \/\/ Add active class to clicked tab\n tab.classList.add('active', 'bg-orange-600', 'text-white');\n tab.classList.remove('bg-white', 'text-gray-800');\n \n \/\/ Here you would typically filter properties based on the selected tab\n console.log(`Showing ${tab.dataset.tab} properties`);\n });\n });\n }\n\n \/\/ Initialize everything when DOM is loaded\n document.addEventListener('DOMContentLoaded', () => {\n initAutocomplete();\n loadProperties();\n setupTabs();\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Zameen.com – Pakistan’s Largest Real Estate Portal Find Your Dream Property Buy Rent Plot Commercial Location Property Type All TypesHouseFlat\/ApartmentPlotCommercialFarm House Price Range Any PriceUnder 50 lakh50 lakh – 1 crore1 crore – 2 croreAbove 2 crore Bedrooms Any1234+ Bathrooms Any123+ Area (sq.ft) AnyUnder 10001000-20002000-50005000+ Search Properties Houses Flats Plots Commercial Farm Houses Portions Featured […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"brizy-blank-template.php","meta":{"_gspb_post_css":"","content-type":"","footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/re.pakitservice.com\/index.php\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/re.pakitservice.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/re.pakitservice.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/re.pakitservice.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/re.pakitservice.com\/index.php\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":34,"href":"https:\/\/re.pakitservice.com\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":328,"href":"https:\/\/re.pakitservice.com\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions\/328"}],"wp:attachment":[{"href":"https:\/\/re.pakitservice.com\/index.php\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}