{"id":10,"date":"2026-04-22T15:21:24","date_gmt":"2026-04-22T15:21:24","guid":{"rendered":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/?page_id=10"},"modified":"2026-04-22T15:21:24","modified_gmt":"2026-04-22T15:21:24","slug":"homepage","status":"publish","type":"page","link":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/?page_id=10","title":{"rendered":"Homepage"},"content":{"rendered":"        <div class=\"pf-homepage\">\n            <!-- Hero Section -->\n            <section class=\"pf-hero\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 6rem 2rem; text-align: center;\">\n                <div style=\"max-width: 800px; margin: 0 auto;\">\n                    <h1 style=\"font-size: 3rem; font-weight: 700; margin-bottom: 1.5rem;\">Find Your Dream Home<\/h1>\n                    <p style=\"font-size: 1.25rem; margin-bottom: 3rem; opacity: 0.9;\">\n                        Discover the perfect property from our extensive collection of homes and commercial spaces\n                    <\/p>\n                    \n                            <div class=\"pf-search-container\" style=\"max-width: 1200px; margin: 0 auto; padding: 2rem;\">\n            <div class=\"pf-search-form\" style=\"background: white; padding: 2rem; border-radius: 1rem; box-shadow: 0 4px 6px rgba(0,0,0,0.1);\">\n                <h2 style=\"text-align: center; margin-bottom: 2rem; color: #1e293b;\">Find Your Property<\/h2>\n                \n                <form id=\"pf-property-search\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem;\">\n                    <div>\n                        <label style=\"display: block; margin-bottom: 0.5rem; font-weight: 500; color: #374151;\">Location<\/label>\n                        <input type=\"text\" name=\"location\" placeholder=\"Postcode, area, or town\" style=\"width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem;\">\n                    <\/div>\n                    \n                    <div>\n                        <label style=\"display: block; margin-bottom: 0.5rem; font-weight: 500; color: #374151;\">Property Type<\/label>\n                        <select name=\"property_type\" style=\"width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem;\">\n                            <option value=\"\">All Types<\/option>\n                            <option value=\"house\">House<\/option>\n                            <option value=\"flat\">Flat<\/option>\n                            <option value=\"bungalow\">Bungalow<\/option>\n                            <option value=\"land\">Land<\/option>\n                            <option value=\"commercial\">Commercial<\/option>\n                            <option value=\"new_build\">New Build<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div>\n                        <label style=\"display: block; margin-bottom: 0.5rem; font-weight: 500; color: #374151;\">Status<\/label>\n                        <select name=\"status\" style=\"width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem;\">\n                            <option value=\"\">For Sale & To Let<\/option>\n                            <option value=\"for_sale\">For Sale<\/option>\n                            <option value=\"to_let\">To Let<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div>\n                        <label style=\"display: block; margin-bottom: 0.5rem; font-weight: 500; color: #374151;\">Price Range<\/label>\n                        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem;\">\n                            <input type=\"number\" name=\"price_min\" placeholder=\"Min\" style=\"width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem;\">\n                            <input type=\"number\" name=\"price_max\" placeholder=\"Max\" style=\"width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem;\">\n                        <\/div>\n                    <\/div>\n                    \n                    <div>\n                        <label style=\"display: block; margin-bottom: 0.5rem; font-weight: 500; color: #374151;\">Bedrooms<\/label>\n                        <select name=\"bedrooms\" style=\"width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem;\">\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                            <option value=\"5\">5+<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div style=\"display: flex; align-items: flex-end;\">\n                        <button type=\"submit\" class=\"pf-btn\" style=\"width: 100%; padding: 0.75rem 1.5rem; background: #2563eb; color: white; border: none; border-radius: 0.5rem; font-weight: 500; cursor: pointer;\">\n                            Search Properties\n                        <\/button>\n                    <\/div>\n                <\/form>\n                \n                            <\/div>\n        <\/div>\n        \n        <script>\n        document.getElementById('pf-advanced-toggle').addEventListener('click', function() {\n            const advancedOptions = document.getElementById('pf-advanced-options');\n            advancedOptions.style.display = advancedOptions.style.display === 'none' ? 'block' : 'none';\n            this.textContent = advancedOptions.style.display === 'none' ? 'Advanced Search' : 'Hide Advanced';\n        });\n        \n        document.getElementById('pf-property-search').addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            const formData = new FormData(this);\n            const params = new URLSearchParams();\n            \n            for (let [key, value] of formData.entries()) {\n                if (value) {\n                    params.append(key, value);\n                }\n            }\n            \n            \/\/ Redirect to results page with search parameters\n            window.location.href = 'https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/?page_id=10?' + params.toString();\n        });\n        <\/script>\n                        <\/div>\n            <\/section>\n            \n            <!-- Featured Properties -->\n            <section style=\"padding: 4rem 2rem; background: #f8fafc;\">\n                <div style=\"max-width: 1200px; margin: 0 auto;\">\n                    <h2 style=\"text-align: center; font-size: 2.5rem; margin-bottom: 1rem; color: #1e293b;\">Featured Properties<\/h2>\n                    <p style=\"text-align: center; color: #64748b; margin-bottom: 3rem;\">Handpicked selection of our most desirable properties<\/p>\n                    \n                            <div class=\"pf-featured-properties\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem;\">\n                    <\/div>\n        \n                    <p style=\"text-align: center; color: #64748b; padding: 2rem;\">No featured properties available at the moment.<\/p>\n                                <\/div>\n            <\/section>\n            \n            <!-- Sell With Us CTA -->\n            <section style=\"padding: 4rem 2rem; background: white;\">\n                <div style=\"max-width: 800px; margin: 0 auto; text-align: center;\">\n                    <h2 style=\"font-size: 2.5rem; margin-bottom: 1rem; color: #1e293b;\">Sell Your Property With Us<\/h2>\n                    <p style=\"color: #64748b; margin-bottom: 2rem; font-size: 1.125rem;\">\n                        Get the best price for your property with our expert marketing and extensive buyer network\n                    <\/p>\n                    <a href=\"#\" class=\"pf-btn\" style=\"background: #2563eb; color: white; padding: 1rem 2rem; text-decoration: none; border-radius: 0.5rem; font-weight: 500; font-size: 1.125rem;\">\n                        Request a Valuation\n                    <\/a>\n                <\/div>\n            <\/section>\n            \n            <!-- Lettings CTA -->\n            <section style=\"padding: 4rem 2rem; background: #f8fafc;\">\n                <div style=\"max-width: 800px; margin: 0 auto; text-align: center;\">\n                    <h2 style=\"font-size: 2.5rem; margin-bottom: 1rem; color: #1e293b;\">Looking to Rent?<\/h2>\n                    <p style=\"color: #64748b; margin-bottom: 2rem; font-size: 1.125rem;\">\n                        Browse our extensive rental portfolio and find your perfect home\n                    <\/p>\n                    <a href=\"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/?page_id=10?status=to_let\" class=\"pf-btn\" style=\"background: #2563eb; color: white; padding: 1rem 2rem; text-decoration: none; border-radius: 0.5rem; font-weight: 500; font-size: 1.125rem;\">\n                        Browse Rentals\n                    <\/a>\n                <\/div>\n            <\/section>\n            \n            <!-- Testimonials -->\n            <section style=\"padding: 4rem 2rem; background: white;\">\n                <div style=\"max-width: 1200px; margin: 0 auto;\">\n                    <h2 style=\"text-align: center; font-size: 2.5rem; margin-bottom: 3rem; color: #1e293b;\">What Our Clients Say<\/h2>\n                    \n                    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem;\">\n                        <div style=\"padding: 2rem; background: #f8fafc; border-radius: 1rem; text-align: center;\">\n                            <div style=\"font-size: 3rem; margin-bottom: 1rem;\">\"<\/div>\n                            <p style=\"color: #64748b; margin-bottom: 1.5rem; font-style: italic;\">\n                                Outstanding service from start to finish. They made selling our property completely stress-free.\n                            <\/p>\n                            <div style=\"font-weight: 600; color: #1e293b;\">Sarah Johnson<\/div>\n                            <div style=\"color: #94a3b8; font-size: 0.875rem;\">Sold Property in Manchester<\/div>\n                        <\/div>\n                        \n                        <div style=\"padding: 2rem; background: #f8fafc; border-radius: 1rem; text-align: center;\">\n                            <div style=\"font-size: 3rem; margin-bottom: 1rem;\">\"<\/div>\n                            <p style=\"color: #64748b; margin-bottom: 1.5rem; font-style: italic;\">\n                                Found our dream home thanks to their professional and helpful team. Highly recommended!\n                            <\/p>\n                            <div style=\"font-weight: 600; color: #1e293b;\">Michael & Emma Davis<\/div>\n                            <div style=\"color: #94a3b8; font-size: 0.875rem;\">Bought Property in London<\/div>\n                        <\/div>\n                        \n                        <div style=\"padding: 2rem; background: #f8fafc; border-radius: 1rem; text-align: center;\">\n                            <div style=\"font-size: 3rem; margin-bottom: 1rem;\">\"<\/div>\n                            <p style=\"color: #64748b; margin-bottom: 1.5rem; font-style: italic;\">\n                                Excellent communication throughout the letting process. Found great tenants quickly.\n                            <\/p>\n                            <div style=\"font-weight: 600; color: #1e293b;\">Robert Williams<\/div>\n                            <div style=\"color: #94a3b8; font-size: 0.875rem;\">Landlord in Birmingham<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"homepage-template.php","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":0,"href":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"wp:attachment":[{"href":"https:\/\/hardcore-hugle.87-106-188-174.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}