{"id":7,"date":"2023-12-31T11:27:07","date_gmt":"2023-12-31T11:27:07","guid":{"rendered":"https:\/\/frezloadit.com\/?page_id=7"},"modified":"2025-08-28T14:23:39","modified_gmt":"2025-08-28T14:23:39","slug":"home","status":"publish","type":"page","link":"https:\/\/frezloadit.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dea60e8 e-flex e-con-boxed e-con e-parent\" data-id=\"dea60e8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68e74f4 elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"68e74f4\" data-element_type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/frezloadit.com\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-22-2025-02_41_54-PM.png\" alt=\"ChatGPT Image Jun 22, 2025, 02_41_54 PM\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/frezloadit.com\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-22-2025-01_09_47-PM.png\" alt=\"ChatGPT Image Jun 22, 2025, 01_09_47 PM\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/frezloadit.com\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-22-2025-02_24_59-PM.png\" alt=\"ChatGPT Image Jun 22, 2025, 02_24_59 PM\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-450db83 e-con-full e-flex e-con e-parent\" data-id=\"450db83\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e78b81a elementor-widget elementor-widget-heading\" data-id=\"e78b81a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get Estimation For Your Future Shipment<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a44d86 e-con-full e-flex e-con e-parent\" data-id=\"5a44d86\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7aecb5 elementor-widget elementor-widget-image\" data-id=\"e7aecb5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1256\" height=\"389\" src=\"https:\/\/frezloadit.com\/wp-content\/uploads\/2024\/01\/LOCAL-DELIVERY-SYSTEM1.jpg\" class=\"attachment-full size-full wp-image-74\" alt=\"\" srcset=\"https:\/\/frezloadit.com\/wp-content\/uploads\/2024\/01\/LOCAL-DELIVERY-SYSTEM1.jpg 1256w, https:\/\/frezloadit.com\/wp-content\/uploads\/2024\/01\/LOCAL-DELIVERY-SYSTEM1-300x93.jpg 300w, https:\/\/frezloadit.com\/wp-content\/uploads\/2024\/01\/LOCAL-DELIVERY-SYSTEM1-1024x317.jpg 1024w, https:\/\/frezloadit.com\/wp-content\/uploads\/2024\/01\/LOCAL-DELIVERY-SYSTEM1-768x238.jpg 768w\" sizes=\"(max-width: 1256px) 100vw, 1256px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88274cd elementor-widget elementor-widget-image\" data-id=\"88274cd\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"640\" height=\"252\" src=\"https:\/\/frezloadit.com\/wp-content\/uploads\/2024\/01\/Forwardvia-local-courier-facility-in-the-uk-1-1024x403.jpg\" class=\"attachment-large size-large wp-image-103\" alt=\"\" srcset=\"https:\/\/frezloadit.com\/wp-content\/uploads\/2024\/01\/Forwardvia-local-courier-facility-in-the-uk-1-1024x403.jpg 1024w, https:\/\/frezloadit.com\/wp-content\/uploads\/2024\/01\/Forwardvia-local-courier-facility-in-the-uk-1-300x118.jpg 300w, https:\/\/frezloadit.com\/wp-content\/uploads\/2024\/01\/Forwardvia-local-courier-facility-in-the-uk-1-768x302.jpg 768w, https:\/\/frezloadit.com\/wp-content\/uploads\/2024\/01\/Forwardvia-local-courier-facility-in-the-uk-1.jpg 1200w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b2b9c7c e-flex e-con-boxed e-con e-parent\" data-id=\"b2b9c7c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9c4288 elementor-widget elementor-widget-html\" data-id=\"b9c4288\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>Book a Delivery<\/title>\n    <style>\n      * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n      }\n\n      body {\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n          Oxygen, Ubuntu, Cantarell, sans-serif;\n        background-color: #f0f0f0;\n        padding: 20px 15px;\n        min-height: 100vh;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n\n      .form-container {\n        background-color: #ffffff;\n        border: 3px solid #00ff88;\n        border-radius: 20px;\n        padding: 30px 25px;\n        width: 100%;\n        max-width: 500px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n      }\n\n      .form-title {\n        color: #00ff00;\n        font-size: clamp(28px, 6vw, 36px);\n        font-weight: bold;\n        text-align: center;\n        margin-bottom: 30px;\n      }\n\n      .form-group {\n        margin-bottom: 20px;\n      }\n\n      .form-label {\n        display: block;\n        color: #888;\n        font-size: clamp(14px, 3.5vw, 16px);\n        margin-bottom: 8px;\n        font-weight: 500;\n      }\n\n      .form-input {\n        width: 100%;\n        padding: 18px 15px;\n        border: 2px solid #e0e0e0;\n        border-radius: 8px;\n        font-size: clamp(16px, 4vw, 18px);\n        background-color: #fafafa;\n        color: #666;\n        transition: border-color 0.3s ease;\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n      }\n\n      .form-input:focus {\n        outline: none;\n        border-color: #00ff88;\n        background-color: #ffffff;\n      }\n\n      .form-input::placeholder {\n        color: #aaa;\n      }\n\n      .date-input {\n        position: relative;\n      }\n\n      .date-input input[type=\"date\"] {\n        padding-right: 40px;\n      }\n\n      .select-wrapper {\n        position: relative;\n      }\n\n      .form-select {\n        width: 100%;\n        padding: 18px 15px;\n        border: 2px solid #e0e0e0;\n        border-radius: 8px;\n        font-size: clamp(16px, 4vw, 18px);\n        background-color: #fafafa;\n        color: #666;\n        appearance: none;\n        cursor: pointer;\n        transition: border-color 0.3s ease;\n        -webkit-appearance: none;\n        -moz-appearance: none;\n      }\n\n      .form-select:focus {\n        outline: none;\n        border-color: #00ff88;\n        background-color: #ffffff;\n      }\n\n      .select-wrapper::after {\n        content: \"\u25bc\";\n        position: absolute;\n        right: 15px;\n        top: 50%;\n        transform: translateY(-50%);\n        color: #666;\n        pointer-events: none;\n      }\n\n      .checkbox-group {\n        display: flex;\n        align-items: center;\n        margin-bottom: 30px;\n      }\n\n      .checkbox-input {\n        width: 24px;\n        height: 24px;\n        border: 2px solid #e0e0e0;\n        border-radius: 4px;\n        margin-right: 12px;\n        cursor: pointer;\n        appearance: none;\n        background-color: #fafafa;\n        transition: all 0.3s ease;\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        min-width: 24px;\n        flex-shrink: 0;\n      }\n\n      .checkbox-input:checked {\n        background-color: #00ff88;\n        border-color: #00ff88;\n      }\n\n      .checkbox-input:checked::after {\n        content: \"\u2713\";\n        display: block;\n        color: white;\n        font-size: 16px;\n        text-align: center;\n        line-height: 20px;\n      }\n\n      .checkbox-label {\n        color: #888;\n        font-size: clamp(14px, 3.5vw, 16px);\n        cursor: pointer;\n        user-select: none;\n      }\n\n      .submit-btn {\n        width: 100%;\n        max-width: 200px;\n        padding: 18px 30px;\n        background-color: #88ff88;\n        border: none;\n        border-radius: 8px;\n        font-size: clamp(16px, 4vw, 18px);\n        font-weight: 600;\n        color: #666;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        display: block;\n        margin: 0 auto;\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      .submit-btn:hover {\n        background-color: #66ff66;\n        transform: translateY(-2px);\n      }\n\n      .submit-btn:active {\n        transform: translateY(0);\n      }\n\n      \/* Mobile optimizations *\/\n      @media (max-width: 768px) {\n        body {\n          padding: 15px 10px;\n        }\n\n        .form-container {\n          padding: 25px 20px;\n          border-radius: 15px;\n          margin: 10px 0;\n        }\n\n        .form-title {\n          margin-bottom: 25px;\n        }\n\n        .form-group {\n          margin-bottom: 18px;\n        }\n\n        .checkbox-group {\n          margin-bottom: 25px;\n        }\n\n        .submit-btn {\n          width: 100%;\n          max-width: none;\n          padding: 20px;\n          font-size: 18px;\n        }\n      }\n\n      @media (max-width: 480px) {\n        .form-container {\n          padding: 20px 15px;\n          border-width: 2px;\n        }\n\n        .form-input,\n        .form-select {\n          padding: 16px 12px;\n        }\n      }\n\n      \/* Improve touch targets for mobile *\/\n      @media (hover: none) and (pointer: coarse) {\n        .form-input,\n        .form-select,\n        .checkbox-input,\n        .submit-btn {\n          min-height: 44px;\n        }\n\n        .checkbox-input {\n          min-width: 28px;\n          width: 28px;\n          height: 28px;\n        }\n\n        .checkbox-input:checked::after {\n          font-size: 18px;\n          line-height: 24px;\n        }\n      }\n\n      \/* Places dropdown styling *\/\n      .places-dropdown {\n        position: absolute;\n        top: 100%;\n        left: 0;\n        right: 0;\n        background: white;\n        border: 2px solid #00ff88;\n        border-top: none;\n        border-radius: 0 0 8px 8px;\n        max-height: 200px;\n        overflow-y: auto;\n        z-index: 1000;\n        display: none;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n      }\n\n      .place-item {\n        padding: 12px 16px;\n        cursor: pointer;\n        border-bottom: 1px solid #e0e0e0;\n        font-size: 14px;\n        color: #666;\n        transition: background-color 0.2s ease;\n      }\n\n      .place-item:hover {\n        background-color: #f0fff0;\n      }\n\n      .place-item:last-child {\n        border-bottom: none;\n      }\n\n      .place-item-main {\n        font-weight: 500;\n        color: #333;\n      }\n\n      .place-item-secondary {\n        font-size: 12px;\n        color: #888;\n        margin-top: 2px;\n      }\n\n      .address-input-container {\n        position: relative;\n      }\n\n      .loading-indicator {\n        position: absolute;\n        right: 12px;\n        top: 50%;\n        transform: translateY(-50%);\n        font-size: 12px;\n        color: #666;\n        display: none;\n      }\n\n      \/* Loading animation *\/\n      .loading-indicator::after {\n        content: \"\";\n        display: inline-block;\n        width: 12px;\n        height: 12px;\n        margin-left: 5px;\n        border: 2px solid #ccc;\n        border-radius: 50%;\n        border-top-color: #00ff88;\n        animation: spin 1s linear infinite;\n      }\n\n      @keyframes spin {\n        to {\n          transform: rotate(360deg);\n        }\n      }\n    <\/style>\n  <\/head>\n  <body>\n    <div class=\"form-container\">\n      <h1 class=\"form-title\">Book a delivery<\/h1>\n\n      <form>\n        <div class=\"form-group\">\n          <label class=\"form-label\">Sender address<\/label>\n          <div class=\"address-input-container\">\n            <input\n              type=\"text\"\n              id=\"sender-address\"\n              class=\"form-input\"\n              placeholder=\"Search for pickup address\"\n            \/>\n            <div class=\"loading-indicator\" id=\"sender-loading\">\n              Searching...\n            <\/div>\n            <div id=\"sender-dropdown\" class=\"places-dropdown\"><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"form-group\">\n          <label class=\"form-label\">Recipient address<\/label>\n          <div class=\"address-input-container\">\n            <input\n              type=\"text\"\n              id=\"recipient-address\"\n              class=\"form-input\"\n              placeholder=\"Search for delivery address\"\n            \/>\n            <div class=\"loading-indicator\" id=\"recipient-loading\">\n              Searching...\n            <\/div>\n            <div id=\"recipient-dropdown\" class=\"places-dropdown\"><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"form-group\">\n          <label class=\"form-label\">Delivery date<\/label>\n          <div class=\"date-input\">\n            <input type=\"date\" class=\"form-input\" \/>\n          <\/div>\n        <\/div>\n\n        <div class=\"form-group\">\n          <label class=\"form-label\">Delivery Time Window<\/label>\n          <div class=\"select-wrapper\">\n            <select class=\"form-select\">\n              <option>Any time<\/option>\n              <option>Morning (8AM - 12PM)<\/option>\n              <option>Afternoon (12PM - 6PM)<\/option>\n              <option>Evening (6PM - 10PM)<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n\n        <div class=\"form-group\">\n          <label class=\"form-label\">Delivery details<\/label>\n          <input\n            type=\"text\"\n            id=\"product-details\"\n            class=\"form-input\"\n            placeholder=\"Describe what you're sending (e.g., Documents, Electronics, Clothing)\"\n          \/>\n        <\/div>\n\n        <div class=\"checkbox-group\">\n          <input type=\"checkbox\" id=\"fragile\" class=\"checkbox-input\" \/>\n          <label for=\"fragile\" class=\"checkbox-label\">Fragile<\/label>\n        <\/div>\n\n        <button\n          type=\"button\"\n          class=\"submit-btn\"\n          onclick=\"sendBookingToWhatsApp()\"\n        >\n          Book now\n        <\/button>\n      <\/form>\n    <\/div>\n\n    <script>\n      function validateForm() {\n        \/\/ Get all form values\n        const senderAddress = document.getElementById(\"sender-address\").value;\n        const recipientAddress =\n          document.getElementById(\"recipient-address\").value;\n        const productDetails = document.getElementById(\"product-details\").value;\n        const deliveryDate = document.querySelector('input[type=\"date\"]').value;\n\n        \/\/ Validate required fields\n        if (!senderAddress.trim()) {\n          alert(\"Please enter sender address\");\n          document.getElementById(\"sender-address\").focus();\n          return false;\n        }\n\n        if (!recipientAddress.trim()) {\n          alert(\"Please enter recipient address\");\n          document.getElementById(\"recipient-address\").focus();\n          return false;\n        }\n\n        if (!productDetails.trim()) {\n          alert(\"Please enter product details\");\n          document.getElementById(\"product-details\").focus();\n          return false;\n        }\n\n        if (!deliveryDate) {\n          alert(\"Please select delivery date\");\n          document.querySelector('input[type=\"date\"]').focus();\n          return false;\n        }\n\n        return true;\n      }\n\n      function getFormData() {\n        const senderAddress = document.getElementById(\"sender-address\").value;\n        const recipientAddress =\n          document.getElementById(\"recipient-address\").value;\n        const productDetails = document.getElementById(\"product-details\").value;\n        const deliveryDate = document.querySelector('input[type=\"date\"]').value;\n        const deliveryTime = document.querySelector(\".form-select\").value;\n        const isFragile = document.getElementById(\"fragile\").checked;\n\n        return {\n          senderAddress,\n          recipientAddress,\n          productDetails,\n          deliveryDate,\n          deliveryTime,\n          isFragile,\n        };\n      }\n\n      function sendBookingToWhatsApp() {\n        if (!validateForm()) return;\n\n        const data = getFormData();\n\n        \/\/ Create WhatsApp message\n        const whatsappMessage = `\n      \ud83d\ude9a NEW DELIVERY BOOKING REQUEST\n\n      \ud83d\udccd PICKUP ADDRESS:\n      ${data.senderAddress}\n\n      \ud83d\udccd DELIVERY ADDRESS:\n      ${data.recipientAddress}\n\n      \ud83d\udce6 PRODUCT DETAILS:\n      ${data.productDetails}\n\n      \ud83d\udcc5 DELIVERY DATE:\n      ${new Date(data.deliveryDate).toLocaleDateString(\"en-GB\", {\n        weekday: \"long\",\n        year: \"numeric\",\n        month: \"long\",\n        day: \"numeric\",\n      })}\n\n      \u23f0 DELIVERY TIME:\n      ${data.deliveryTime}\n\n      \ud83d\udd38 FRAGILE ITEM:\n      ${data.isFragile ? \"YES - Handle with care \u26a0\" : \"NO\"}\n\n      ---\n      Booking submitted: ${new Date().toLocaleString(\"en-GB\")}\n              `.trim();\n\n        \/\/ Create WhatsApp link\n        const whatsappLink = `https:\/\/wa.me\/447585014968?text=${encodeURIComponent(\n          whatsappMessage\n        )}`;\n\n        \/\/ Show confirmation message\n        alert(\"Booking submitted! Opening WhatsApp with your booking details.\");\n\n        \/\/ Open WhatsApp\n        window.open(whatsappLink, \"_blank\");\n      }\n    <\/script>\n    <!-- Load Google Maps API -->\n    <script>\n      function initMap() {\n        \/\/ This function will be called when Google Maps API loads\n        initPlacesAPI();\n      }\n\n      \/\/ Add a timeout to handle API loading failures\n      window.addEventListener(\"load\", function () {\n        setTimeout(function () {\n          if (!window.google || !window.google.maps) {\n            console.error(\"Google Maps API failed to load after 10 seconds\");\n            alert(\n              \"Unable to load Google Maps. Please check your internet connection and try again.\"\n            );\n          }\n        }, 10000);\n      });\n    <\/script>\n    <script\n      async\n      defer\n      src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyBVeker3NKNQyfAy-XkVDrqodDoU7GYQyk&libraries=places&callback=initMap\"\n      onerror=\"console.error('Failed to load Google Maps script'); alert('Failed to load Google Maps. Please try again later.');\"\n    ><\/script>\n\n    <!-- \u2705 Your Places autocomplete code -->\n    <script>\n      let autocompleteService;\n      let isGoogleMapsLoaded = false;\n\n      function initPlacesAPI() {\n        try {\n          \/\/ Initialize AutocompleteService using traditional API\n          autocompleteService = new google.maps.places.AutocompleteService();\n          isGoogleMapsLoaded = true;\n          console.log(\"Google Places API initialized successfully!\");\n\n          setupPlacesSearch();\n        } catch (error) {\n          console.error(\"Error initializing Google Places:\", error);\n          handleAPIError();\n        }\n      }\n\n      function handleAPIError() {\n        console.error(\n          \"Google Maps API failed to load. Please check your API key and internet connection.\"\n        );\n        alert(\"Unable to load address suggestions. Please try again later.\");\n      }\n\n      function setupPlacesSearch() {\n        const senderInput = document.getElementById(\"sender-address\");\n        const recipientInput = document.getElementById(\"recipient-address\");\n\n        attachAutocomplete(senderInput, \"sender-dropdown\", \"sender-loading\");\n        attachAutocomplete(\n          recipientInput,\n          \"recipient-dropdown\",\n          \"recipient-loading\"\n        );\n\n        \/\/ Close dropdowns when clicking outside\n        document.addEventListener(\"click\", function (event) {\n          if (!event.target.closest(\".address-input-container\")) {\n            hideAllDropdowns();\n          }\n        });\n      }\n\n      function hideAllDropdowns() {\n        document.querySelectorAll(\".places-dropdown\").forEach((dropdown) => {\n          dropdown.style.display = \"none\";\n        });\n      }\n\n      function attachAutocomplete(inputElement, dropdownId, loadingId) {\n        const dropdown = document.getElementById(dropdownId);\n        const loading = document.getElementById(loadingId);\n        let debounceTimer;\n\n        inputElement.addEventListener(\"input\", function () {\n          const query = inputElement.value.trim();\n\n          \/\/ Clear previous timer\n          clearTimeout(debounceTimer);\n\n          dropdown.innerHTML = \"\";\n          dropdown.style.display = \"none\";\n\n          if (!query || query.length < 2) {\n            loading.style.display = \"none\";\n            return;\n          }\n\n          loading.style.display = \"block\";\n\n          \/\/ Debounce the API calls\n          debounceTimer = setTimeout(() => {\n            if (!isGoogleMapsLoaded || !autocompleteService) {\n              loading.style.display = \"none\";\n              console.error(\"Google Maps API not ready\");\n              dropdown.innerHTML =\n                '<div class=\"place-item\">Loading address suggestions...<\/div>';\n              dropdown.style.display = \"block\";\n              return;\n            }\n\n            const request = {\n              input: query,\n              types: [\"address\"],\n              componentRestrictions: { country: \"gb\" }, \/\/ Restrict to UK only\n            };\n\n            autocompleteService.getPlacePredictions(\n              request,\n              (predictions, status) => {\n                loading.style.display = \"none\";\n\n                if (\n                  status !== google.maps.places.PlacesServiceStatus.OK ||\n                  !predictions\n                ) {\n                  if (\n                    status ===\n                    google.maps.places.PlacesServiceStatus.ZERO_RESULTS\n                  ) {\n                    dropdown.innerHTML =\n                      '<div class=\"place-item\">No addresses found<\/div>';\n                  } else {\n                    console.error(\"Places API error:\", status);\n                    dropdown.innerHTML =\n                      '<div class=\"place-item\">Error searching addresses. Please try again.<\/div>';\n                  }\n                  dropdown.style.display = \"block\";\n                  return;\n                }\n\n                dropdown.innerHTML = \"\";\n                predictions.forEach((prediction) => {\n                  const placeItem = document.createElement(\"div\");\n                  placeItem.className = \"place-item\";\n\n                  const mainText = document.createElement(\"div\");\n                  mainText.className = \"place-item-main\";\n                  mainText.textContent =\n                    prediction.structured_formatting.main_text;\n\n                  const secondaryText = document.createElement(\"div\");\n                  secondaryText.className = \"place-item-secondary\";\n                  secondaryText.textContent =\n                    prediction.structured_formatting.secondary_text || \"\";\n\n                  placeItem.appendChild(mainText);\n                  if (secondaryText.textContent) {\n                    placeItem.appendChild(secondaryText);\n                  }\n\n                  placeItem.addEventListener(\"click\", function () {\n                    inputElement.value = prediction.description;\n                    dropdown.innerHTML = \"\"; \/\/ Clear dropdown content\n                    dropdown.style.display = \"none\";\n                    inputElement.focus();\n                  });\n\n                  dropdown.appendChild(placeItem);\n                });\n\n                dropdown.style.display = \"block\";\n              }\n            );\n          }, 300); \/\/ 300ms debounce\n        });\n\n        \/\/ Hide dropdown when input loses focus (with small delay for click handling)\n        inputElement.addEventListener(\"blur\", function () {\n          setTimeout(() => {\n            if (!dropdown.matches(\":hover\")) {\n              dropdown.style.display = \"none\";\n            }\n          }, 150);\n        });\n\n        \/\/ Show dropdown when input gains focus and has content\n        inputElement.addEventListener(\"focus\", function () {\n          if (\n            inputElement.value.trim().length >= 2 &&\n            dropdown.innerHTML.trim()\n          ) {\n            dropdown.style.display = \"block\";\n          }\n        });\n      }\n\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        const tomorrow = new Date();\n        tomorrow.setDate(tomorrow.getDate() + 1);\n        document.querySelector('input[type=\"date\"]').value = tomorrow\n          .toISOString()\n          .split(\"T\")[0];\n\n        \/\/ Google Places API will be initialized via callback when the script loads\n        console.log(\"DOM loaded, waiting for Google Maps API...\");\n      });\n    <\/script>\n  <\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e7e521c e-flex e-con-boxed e-con e-parent\" data-id=\"e7e521c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-335967b elementor-align-center elementor-widget elementor-widget-button\" data-id=\"335967b\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/wa.me\/917022999409\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">BOOK YOUR COSIGNMENT VIA WHATSAPP<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06e2cae e-flex e-con-boxed e-con e-parent\" data-id=\"06e2cae\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea68a61 elementor-widget elementor-widget-image\" data-id=\"ea68a61\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.pocketporter.jathoo\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"103\" src=\"https:\/\/frezloadit.com\/wp-content\/uploads\/2024\/01\/png-transparent-google-play-app-store-google-text-logo-banner-300x103.png\" class=\"attachment-medium size-medium wp-image-108\" alt=\"\" srcset=\"https:\/\/frezloadit.com\/wp-content\/uploads\/2024\/01\/png-transparent-google-play-app-store-google-text-logo-banner-300x103.png 300w, https:\/\/frezloadit.com\/wp-content\/uploads\/2024\/01\/png-transparent-google-play-app-store-google-text-logo-banner-768x263.png 768w, https:\/\/frezloadit.com\/wp-content\/uploads\/2024\/01\/png-transparent-google-play-app-store-google-text-logo-banner.png 920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Download Our App From Google  Playstore<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Get Estimation For Your Future Shipment Book a Delivery Book a delivery Sender address Searching&#8230; Recipient address Searching&#8230; Delivery date Delivery Time Window Any timeMorning (8AM &#8211; 12PM)Afternoon (12PM &#8211; 6PM)Evening (6PM &#8211; 10PM) Delivery details Fragile Book now BOOK YOUR COSIGNMENT VIA WHATSAPP Download Our App From Google Playstore<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/frezloadit.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frezloadit.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/frezloadit.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/frezloadit.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frezloadit.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":97,"href":"https:\/\/frezloadit.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":432,"href":"https:\/\/frezloadit.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/432"}],"wp:attachment":[{"href":"https:\/\/frezloadit.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}