It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.restore.space/en-GB

  1. <!DOCTYPE html>
  2. <html lang="en-GB">
  3.  
  4. <head>
  5.    <meta charset="UTF-8">
  6.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.    <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.    
  9.    <meta name="msapplication-TileImage" content="/icons/ms-icon-144x144.png">
  10.    <meta name="msapplication-TileColor" content="#f9fafb">
  11.    <meta name="theme-color" content="#f9fafb">
  12.    <meta name="mobile-web-app-capable" content="yes">
  13.    <meta name="apple-mobile-web-app-capable" content="yes">
  14.  
  15.    <link rel="shortcut icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
  16.    <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">
  17.    <link rel="apple-touch-icon" sizes="76x76" href="/icons/apple-touch-icon.png">
  18.    <link rel="apple-touch-icon" sizes="120x120" href="/icons/apple-touch-icon.png">
  19.    <link rel="apple-touch-icon" sizes="152x152" href="/icons/apple-touch-icon.png">
  20.    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
  21.    <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
  22.    
  23.    <link rel="apple-touch-icon" sizes="57x57" href="/icons/apple-icon-57x57.png">
  24.    <link rel="apple-touch-icon" sizes="60x60" href="/icons/apple-icon-60x60.png">
  25.    <link rel="apple-touch-icon" sizes="72x72" href="/icons/apple-icon-72x72.png">
  26.    <link rel="apple-touch-icon" sizes="76x76" href="/icons/apple-icon-76x76.png">
  27.    <link rel="apple-touch-icon" sizes="114x114" href="/icons/apple-icon-114x114.png">
  28.    <link rel="apple-touch-icon" sizes="120x120" href="/icons/apple-icon-120x120.png">
  29.    <link rel="apple-touch-icon" sizes="144x144" href="/icons/apple-icon-144x144.png">
  30.    <link rel="apple-touch-icon" sizes="152x152" href="/icons/apple-icon-152x152.png">
  31.    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-icon-180x180.png">
  32.    <link rel="icon" type="image/png" sizes="192x192"  href="/icons/android-icon-192x192.png">
  33.    <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
  34.    <link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96x96.png">
  35.    <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
  36.    <link rel="manifest" href="/manifest.json">
  37.  
  38.  
  39.    
  40.  
  41.    <!-- Hotjar Tracking Code for https://www.restore.space -->
  42.    <script>
  43.        (function(h,o,t,j,a,r){
  44.            h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
  45.            h._hjSettings={hjid:3727177,hjsv:6};
  46.            a=o.getElementsByTagName('head')[0];
  47.            r=o.createElement('script');r.async=1;
  48.            r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
  49.            a.appendChild(r);
  50.        })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
  51.    </script>
  52.  
  53.    <!-- Start of SEO -->
  54.    <title>Mini Storage - Self Storage | RESTORE</title><meta name="description" content="Restore HK Limited operates premium mini storage facilities in Hong Kong. Self Storage starts from $149/month. Contact us for high-quality mini storage service."><meta name="keywords" content="Restore, Mini Storage, Storage, Self Storage, Hong Kong, Storage Hong Kong, Storage Price"><meta name="locale" content="en-GB"><link rel="canonical" href="https://www.restore.space/en-GB"/><link rel="prev" href="https://www.restore.space"/><link rel="alternate" hreflang="zh-HK" href="https://www.restore.space"/><link rel="alternate" hreflang="en-GB" href="https://www.restore.space/en-GB"/><meta name="robots" content="all"><meta property="og:title" content="Mini Storage - Self Storage | RESTORE" /><meta property="og:description" content="Restore HK Limited operates premium mini storage facilities in Hong Kong. Self Storage starts from $149/month. Contact us for high-quality mini storage service." /><meta property="og:site_name" content="Mini Storage - Self Storage | RESTORE" /><meta property="og:type" content="place" /><meta property="og:locale" content="en-GB" /><meta property=":locale:alternate" content="zh-HK" /><meta property=":locale:alternate" content="en-GB" /><meta property="og:url" content="https://www.restore.space/en-GB" /><meta property="og:image" content="https://www.restore.space/uploads/Summer22Desktop-01.jpg" /><meta property="og:image" content="https://www.restore.space/storage/banner/2024_01/desktop_zero_prepayment_0_HK-en-GB.webp" /><meta name="twitter:site" content="@RestoreHK" /><meta name="twitter:title" content="Mini Storage - Self Storage | RESTORE" /><meta name="twitter:description" content="Restore HK Limited operates premium mini storage facilities in Hong Kong. Self Storage starts from $149/month. Contact us for high-quality mini storage service." /><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"迷你倉 | 原儲存 | RESTORE","description":"Restore HK Limited operates premium mini storage facilities in Hong Kong. Self Storage starts from $149/month. Contact us for high-quality mini storage service."}</script>
  55.    <link href="https://www.googletagmanager.com/gtag/js?id=G-89F6CF54K8" rel="preload" as="script">
  56.  
  57.    <!-- GA Google Analytics @ https://m0n.co/ga -->
  58.    <script>
  59.        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  60.        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  61.        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  62.        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  63.        ga('create', 'UA-114971653-1', 'auto');
  64.        ga('send', 'pageview');
  65.    </script>
  66.    <!-- Facebook Pixel Code -->
  67.    <script>
  68.        !function(f,b,e,v,n,t,s)
  69.        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  70.        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  71.        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  72.        n.queue=[];t=b.createElement(e);t.async=!0;
  73.        t.src=v;s=b.getElementsByTagName(e)[0];
  74.        s.parentNode.insertBefore(t,s)}(window, document,'script',
  75.        'https://connect.facebook.net/en_US/fbevents.js');
  76.        fbq('init', '1064509353727887');
  77.        fbq('track', 'PageView');
  78.    </script>
  79.    <noscript>&lt;img height="1" width="1" style="display:none"
  80.        src="https://www.facebook.com/tr?id=1064509353727887&amp;ev=PageView&amp;noscript=1"
  81.    /&gt;</noscript>
  82.    <!-- End Facebook Pixel Code -->
  83.    <!-- Global site tag (gtag.js) - Google Analytics -->
  84.    <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-89F6CF54K8"></script>
  85.    <script>
  86.        window.dataLayer = window.dataLayer || [];
  87.        function gtag(){dataLayer.push(arguments);}
  88.        gtag('js', new Date());
  89.  
  90.        gtag('config', 'G-89F6CF54K8');
  91.        </script>
  92.        <script id="pixel-script-poptin" src="https://cdn.popt.in/pixel.js?id=5368ff5a0323c" async="true"></script>
  93.        <!-- Google Tag Manager for WordPress by gtm4wp.com -->
  94.        <!-- GTM Container placement set to footer -->
  95.        <script data-cfasync="false" data-pagespeed-no-defer="">
  96.            var dataLayer_content = {"pagePostType":"frontpage","pagePostType2":"single-page","pagePostAuthor":"leestorage"};
  97.            dataLayer.push( dataLayer_content );
  98.        </script>
  99.        <script data-cfasync="false">
  100.        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  101.        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  102.        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  103.        '//www.googletagmanager.com/gtm.'+'js?id='+i+dl;f.parentNode.insertBefore(j,f);
  104.        })(window,document,'script','dataLayer','GTM-5JNKP66');
  105.    </script>
  106.    <!-- End Google Tag Manager -->
  107.  
  108.    <!-- Facebook Pixel Code -->
  109.    <script type="text/javascript">
  110.        !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  111.        n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
  112.        n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
  113.        t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
  114.        document,'script','https://connect.facebook.net/en_US/fbevents.js');
  115.        </script>
  116.        <!-- End Facebook Pixel Code -->
  117.        <script type="text/javascript">
  118.        fbq('init', '250855979962028', {}, {
  119.            "agent": "wordpress-6.0.1-3.0.6"
  120.        });
  121.        </script>
  122.        <script type="text/javascript">
  123.        fbq('track', 'PageView', []);
  124.        </script>
  125.        <!-- Facebook Pixel Code -->
  126.        <noscript>
  127.        &lt;img height="1" width="1" style="display:none" alt="fbpx"
  128.        src="https://www.facebook.com/tr?id=250855979962028&amp;ev=PageView&amp;noscript=1" /&gt;
  129.        </noscript>
  130.        <!-- End Facebook Pixel Code -->
  131.  
  132.        <!-- Global site tag (gtag.js) - Google Ads: 816721555 -->
  133.        <script async src="https://www.googletagmanager.com/gtag/js?id=AW-816721555"></script>
  134.        <script>
  135.        window.dataLayer = window.dataLayer || [];
  136.        function gtag(){dataLayer.push(arguments);}
  137.        gtag('js', new Date());
  138.  
  139.        gtag('config', 'AW-816721555');
  140.        </script>
  141.    <!-- End of SEO -->
  142.    <link href="https://www.restore.space/css/app.css?v=202312051901" rel="stylesheet">
  143.  
  144.    <!-- Start of Font -->
  145.    
  146.    
  147.    
  148.    <!-- End of Font -->
  149.    <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style>
  150.  
  151.    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/pikaday/css/pikaday.css">
  152.    
  153.  
  154.  
  155.        
  156.    <script src="//unpkg.com/alpinejs" defer></script>
  157.    <!-- Alpine Plugins -->
  158.    <script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/mask@3.x.x/dist/cdn.min.js"></script>
  159.    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
  160.    <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.2/dist/alpine.min.js" defer></script>
  161.  
  162.    <script src="https://www.google.com/recaptcha/api.js?onload=handle&render=explicit"
  163.        async
  164.        defer>
  165.    </script>
  166.    
  167.  
  168.    <script>
  169.        !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","screen","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware","register"];analytics.factory=function(e){return function(){if(window.analytics.initialized)return window.analytics[e].apply(window.analytics,arguments);var i=Array.prototype.slice.call(arguments);if(["track","screen","alias","group","page","identify"].indexOf(e)>-1){var c=document.querySelector("link[rel='canonical']");i.push({__t:"bpc",c:c&&c.getAttribute("href")||void 0,p:location.pathname,u:location.href,s:location.search,t:document.title,r:document.referrer})}i.unshift(e);analytics.push(i);return analytics}};for(var i=0;i<analytics.methods.length;i++){var key=analytics.methods[i];analytics[key]=analytics.factory(key)}analytics.load=function(key,i){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=i};analytics._writeKey="Lktmy3y0EBECqDE79Aadd5losYAi95ih";;analytics.SNIPPET_VERSION="5.2.0";
  170.        analytics.load("Lktmy3y0EBECqDE79Aadd5losYAi95ih");
  171.        analytics.page();
  172.        }}();
  173.    </script>
  174.  
  175. </head>
  176.  
  177. <body data-theme="garden" class="bg-gray-50 font-light h-full min-h-screen">
  178.  
  179.    
  180.  
  181.    
  182.  
  183.    <header class="pb-20 lg:pb-0">
  184.  <div class="w-full absolute lg:relative bg-gray-50 lg:bg-gray-50 z-50 drop-shadow-sm">
  185.  
  186.      <nav class="hidden lg:flex navbar z-50 relative">
  187.          <div class="flex-1 pl-4">
  188.              <a href="/">
  189.    <img src="/img/logo.svg"
  190.    title="原儲存迷你倉|RESTORE"
  191.    width="256px" height="25px"
  192.    class="block w-44" alt="原儲存迷你倉|RESTORE">
  193. </a>          </div>
  194.          <div class="flex-none">
  195.            
  196.              <ul class="menu menu-horizontal px-1">
  197.                <li>
  198.                    <details>
  199.                        <summary>
  200.                            <a>Locations</a>
  201.                        </summary>
  202.                        <ul class="p-2 bg-gray-200 rounded-md w-48">
  203.                                                                                            <li><a href="https://www.restore.space/en-GB/western-hkib/hong-kong-industrial-building"
  204.                                        class="">Sai Wan Storage</a>
  205.                                </li>
  206.                                                                                                                            <li><a href="https://www.restore.space/en-GB/wong-chuk-hang-storage/shui-ki-industrial-building"
  207.                                        class="">Wong Chuk Hang Storage</a>
  208.                                </li>
  209.                                                                                                                            <li><a href="https://www.restore.space/en-GB/aberdeen-storage/fullagar-industrial-building"
  210.                                        class="">Aberdeen Storage</a>
  211.                                </li>
  212.                                                                                                                            <li><a href="https://www.restore.space/en-GB/north-point-storage/seaview-estate"
  213.                                        class="">Tin Hau/North Point Storage</a>
  214.                                </li>
  215.                                                                                                                            <li><a href="https://www.restore.space/en-GB/chai-wan-storage/man-foong-industrial-building"
  216.                                        class="">Chai Wan Storage</a>
  217.                                </li>
  218.                                                                                                                            <li><a href="https://www.restore.space/en-GB/hung-hom-storage/phase-1-kaiser-estate"
  219.                                        class="">Hung Hom Storage</a>
  220.                                </li>
  221.                                                                                                                            <li>
  222.                                    <details>
  223.                                        <summary
  224.                                            class="">
  225.                                            <a href="https://www.restore.space/en-GB/Tuen%20Mun%20Storage">Tuen Mun Storage
  226.                                            </a>
  227.                                        </summary>
  228.                                        <ul class="p-2 bg-gray-200 rounded-md">
  229.                                                                                        <li>
  230.                                                <a href="https://www.restore.space/en-GB/tuenmun/hoi-cheung-industrial-building">Hoi Cheung Industrial Building</a>
  231.                                            </li>
  232.                                                                                        <li>
  233.                                                <a href="https://www.restore.space/en-GB/tuenmun/goodview-industrial-building">Goodview Industrial Building</a>
  234.                                            </li>
  235.                                                                                    </ul>
  236.                                    </details>
  237.                                </li>
  238.                                                                                                                            <li><a href="https://www.restore.space/en-GB/kwai-chung-storage/kinwah-factory-building"
  239.                                        class="">Kwai Chung Storage</a>
  240.                                </li>
  241.                                                                                    </ul>
  242.                    </details>
  243.                </li>
  244.                    
  245.                    <li><a class=""
  246.                          href="/mailbox">Mailbox</a></li>
  247.                    <li><a class=""
  248.                          href="/faqs">FAQ</a></li>
  249.                    <li><a class=""
  250.                          href="/pricing">Pricing</a></li>
  251.                    <li><a class="text-gray-800"
  252.                            href="/latest-promotion">Latest Promotion</a></li>
  253.                                                                                          <li>
  254.                      <a rel="alternate" hreflang="zh-HK"
  255.                          href="https://www.restore.space/zh-HK"
  256.                          class="">中文</a>
  257.                  </li>
  258.                                                  </ul>
  259.          </div>
  260.                    <button class="btn btn-primary btn-sm login-button">
  261.              <a href="https://www.restore.space/en-GB/login/otp" class="login-button">Login</a>
  262.          </button>
  263.                </nav>
  264.  
  265.      <nav class="flex lg:hidden navbar-sm z-50 relative p-0">
  266.          <div class="navbar-start">
  267.              <div class="dropdown">
  268.                  <label tabindex="0" class="btn btn-ghost">
  269.                      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24"
  270.                          stroke="currentColor">
  271.                          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
  272.                              d="M4 6h16M4 12h16M4 18h7" /></svg>
  273.                  </label>
  274.                  <ul tabindex="0" class="menu menu-compact dropdown-content mt-3 p-2 shadow bg-gray-200 rounded-xl w-52">
  275.                      <li><a href="/">Home</a></li>
  276.                                                                  <li><a href="https://www.restore.space/en-GB/western-hkib/hong-kong-industrial-building"
  277.                              class="text-gray-800">Sai Wan Storage</a>
  278.                      </li>
  279.                                                                                        <li><a href="https://www.restore.space/en-GB/wong-chuk-hang-storage/shui-ki-industrial-building"
  280.                              class="text-gray-800">Wong Chuk Hang Storage</a>
  281.                      </li>
  282.                                                                                        <li><a href="https://www.restore.space/en-GB/aberdeen-storage/fullagar-industrial-building"
  283.                              class="text-gray-800">Aberdeen Storage</a>
  284.                      </li>
  285.                                                                                        <li><a href="https://www.restore.space/en-GB/north-point-storage/seaview-estate"
  286.                              class="text-gray-800">Tin Hau/North Point Storage</a>
  287.                      </li>
  288.                                                                                        <li><a href="https://www.restore.space/en-GB/chai-wan-storage/man-foong-industrial-building"
  289.                              class="text-gray-800">Chai Wan Storage</a>
  290.                      </li>
  291.                                                                                        <li><a href="https://www.restore.space/en-GB/hung-hom-storage/phase-1-kaiser-estate"
  292.                              class="text-gray-800">Hung Hom Storage</a>
  293.                      </li>
  294.                                                                                        <li>
  295.                          <details>
  296.                              <summary
  297.                                  class="text-gray-800">
  298.                                  <a href="https://www.restore.space/en-GB/Tuen%20Mun%20Storage">Tuen Mun Storage
  299.                                  </a>
  300.                              </summary>
  301.                              <ul class="p-2 bg-gray-200 rounded-md">
  302.                                                                    <li><a href="https://www.restore.space/en-GB/tuenmun/hoi-cheung-industrial-building"
  303.                                          class="text-gray-800">Hoi Cheung Industrial Building</a>
  304.                                  </li>
  305.                                                                    <li><a href="https://www.restore.space/en-GB/tuenmun/goodview-industrial-building"
  306.                                          class="text-gray-800">Goodview Industrial Building</a>
  307.                                  </li>
  308.                                                                </ul>
  309.                          </details>
  310.                      </li>
  311.                                                                                        <li><a href="https://www.restore.space/en-GB/kwai-chung-storage/kinwah-factory-building"
  312.                              class="text-gray-800">Kwai Chung Storage</a>
  313.                      </li>
  314.                                                                  <li><a class="text-gray-800"
  315.                              href="/mailbox">Mailbox</a></li>
  316.                    <li><a class="text-gray-800"
  317.                                href="/latest-promotion">Latest Promotion</a></li>
  318.                      <li><a href="https://www.restore.space/en-GB/about-us">About Us</a></li>
  319.                      <li><a class="text-gray-800"
  320.                              href="/faqs">FAQ</a></li>
  321.                                                                                                              <li>
  322.                          <a rel="alternate" hreflang="zh-HK"
  323.                              href="https://www.restore.space/zh-HK"
  324.                              class="text-gray-800">中文</a>
  325.                      </li>
  326.                                                              </ul>
  327.              </div>
  328.          </div>
  329.          <div class="navbar-center">
  330.              <a href="/">
  331.    <img src="/img/logo.svg"
  332.    title="原儲存迷你倉|RESTORE"
  333.    width="256px" height="25px"
  334.    class="block w-44" alt="原儲存迷你倉|RESTORE">
  335. </a>          </div>
  336.          <div class="navbar-end">
  337.                            
  338.                        </div>
  339.      </nav>
  340.  
  341.  </div>
  342.  
  343. </header>    <main class="grid relative pb-10 lg:pb-0">
  344.        <section class="pb-10 md:pb-14 lg:pb-20 static relative">
  345.    <div class="lg:max-w-7xl w-full mx-auto px-4 2xl:px-0">
  346.                <div class="section-content">
  347.            <img src="/storage/banner/2024_01/desktop_zero_prepayment_0_HK-en-GB.webp?v=20240911" title="Mini Storage Promotion | Zero Prepayment | RESTORE" description="Mini Storage Promotion | Zero Prepayment | RESTORE" alt="香港迷你倉-24小時迷你倉-儲存倉" width="1280px" height="519px" class="hidden lg:block w-full rounded-2xl">
  348.    <img src="/storage/banner/2024_01/mobile_zero_prepayment_0_HK-en-GB.webp?v=20240911"  title="Mini Storage Promotion | Zero Prepayment | RESTORE" description="Mini Storage Promotion | Zero Prepayment | RESTORE" alt="香港迷你倉-24小時迷你倉-儲存倉" width="800px" height="800px" class="block lg:hidden w-full rounded-2xl">
  349.            <p class="text-xs lg:text-sm text-gray-500 mt-2">*Only 1-month deposit and 1-month storage fee required at move-in Terms and conditions apply. All rights to final pricing decisions reserved</p>
  350.        </div>
  351.    </div>
  352. </section>    <section class="pb-10 md:pb-14 lg:pb-20 static md:-mt-10">
  353.    <div class="lg:max-w-7xl w-full mx-auto px-4 2xl:px-0">
  354.                <div class="section-content">
  355.            <div class="w-full text-center">
  356.            
  357.            
  358.            <div class="flex items-stretch justify-center mb-8 md:mb-8 space-x-2">
  359.                                <img alt="迷你倉推介-迷你仓-原儲存香港迷你倉" width="139px" height="56px" title="Restore Mini Storage" src="/img/website-slogan-logo-01-en.svg" class="self-end object-contain h-3 md:h-6">
  360.                <p class="text-md pl-4 -mb-2 sm:text-xl md:text-2xl md:pl-6 self-center text-primary font-futura-light">Pay-as-you-go mini storage</p>
  361.                            </div>
  362.  
  363.            <div wire:id="2gKkhGOoMtVY16vr6Srt" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;2gKkhGOoMtVY16vr6Srt&quot;,&quot;name&quot;:&quot;booking-widget&quot;,&quot;locale&quot;:&quot;en-GB&quot;,&quot;path&quot;:&quot;en-GB&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;482b3e9c&quot;,&quot;data&quot;:{&quot;type&quot;:&quot;booking&quot;,&quot;sites&quot;:null,&quot;site&quot;:[],&quot;startdate&quot;:&quot;2024-11-22&quot;,&quot;msg&quot;:null,&quot;state&quot;:{&quot;site&quot;:&quot;&quot;,&quot;name&quot;:&quot;&quot;,&quot;phone&quot;:&quot;&quot;,&quot;date&quot;:&quot;&quot;,&quot;time&quot;:&quot;&quot;},&quot;state2&quot;:null,&quot;booking&quot;:{&quot;sites&quot;:{&quot;Tuen Mun&quot;:[{&quot;id&quot;:2,&quot;name&quot;:&quot;Hoi Cheung Industrial Building&quot;,&quot;area&quot;:&quot;Tuen Mun&quot;},{&quot;id&quot;:6,&quot;name&quot;:&quot;Goodview Industrial Building&quot;,&quot;area&quot;:&quot;Tuen Mun&quot;}],&quot;Sai Wan&quot;:[{&quot;id&quot;:5,&quot;name&quot;:&quot;Hong Kong Industrial Building&quot;,&quot;area&quot;:&quot;Sai Wan&quot;}],&quot;Kwai Chung&quot;:[{&quot;id&quot;:9,&quot;name&quot;:&quot;Kinwah Factory Building&quot;,&quot;area&quot;:&quot;Kwai Chung&quot;}],&quot;Wong Chuk Hang&quot;:[{&quot;id&quot;:11,&quot;name&quot;:&quot;Shui Ki Industrial Building&quot;,&quot;area&quot;:&quot;Wong Chuk Hang&quot;}],&quot;Aberdeen&quot;:[{&quot;id&quot;:16,&quot;name&quot;:&quot;Fullagar Industrial Building&quot;,&quot;area&quot;:&quot;Aberdeen&quot;}],&quot;Tin Hau\/North Point&quot;:[{&quot;id&quot;:19,&quot;name&quot;:&quot;Seaview Estate&quot;,&quot;area&quot;:&quot;Tin Hau\/North Point&quot;}],&quot;Chai Wan&quot;:[{&quot;id&quot;:27,&quot;name&quot;:&quot;Man Foong Industrial Building&quot;,&quot;area&quot;:&quot;Chai Wan&quot;}],&quot;Hung Hom&quot;:[{&quot;id&quot;:28,&quot;name&quot;:&quot;Kaiser Estate Phase 1&quot;,&quot;area&quot;:&quot;Hung Hom&quot;}]},&quot;times&quot;:{&quot;11:00&quot;:null,&quot;11:15&quot;:null,&quot;11:30&quot;:null,&quot;11:45&quot;:null,&quot;12:00&quot;:null,&quot;12:15&quot;:null,&quot;12:30&quot;:null,&quot;12:45&quot;:null,&quot;13:00&quot;:null,&quot;13:15&quot;:null,&quot;13:30&quot;:null,&quot;13:45&quot;:null,&quot;14:00&quot;:null,&quot;14:15&quot;:null,&quot;14:30&quot;:null,&quot;17:15&quot;:null,&quot;17:30&quot;:null,&quot;17:45&quot;:null,&quot;18:00&quot;:null,&quot;18:15&quot;:null,&quot;18:30&quot;:null,&quot;18:45&quot;:null}},&quot;rent&quot;:{&quot;sites&quot;:{&quot;Aberdeen&quot;:[{&quot;id&quot;:16,&quot;name&quot;:&quot;Fullagar Industrial Building&quot;,&quot;area&quot;:&quot;Aberdeen&quot;}],&quot;Chai Wan&quot;:[{&quot;id&quot;:27,&quot;name&quot;:&quot;Man Foong Industrial Building&quot;,&quot;area&quot;:&quot;Chai Wan&quot;}],&quot;Hung Hom&quot;:[{&quot;id&quot;:28,&quot;name&quot;:&quot;Kaiser Estate Phase 1&quot;,&quot;area&quot;:&quot;Hung Hom&quot;}]},&quot;sizes&quot;:[]}},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:1,&quot;relations&quot;:[],&quot;connection&quot;:&quot;sitepanel&quot;}}},&quot;checksum&quot;:&quot;3caf298ab5b0cf91f50cd01ec11ddd84420214667a68c2f9bc3ec0fa93600184&quot;}}" class="w-full max-w-4xl pt-2 mx-auto relative">
  364.  
  365.  
  366.      <div class="block">
  367.        <nav class="relative z-0 rounded-lg shadow flex divide-x divide-gray-200" aria-label="Tabs">
  368.          <a wire:click="setType('booking')" aria-current="page" class="cursor-pointer text-gray-900 rounded-lg group relative min-w-0 flex-1 overflow-hidden bg-white py-4 px-6 text-sm font-medium text-center focus:z-10">
  369.            <span>Book a visit</span>
  370.            <span aria-hidden="true" class=" absolute inset-x-0 bottom-0 h-0.5"></span>
  371.          </a>
  372.  
  373.          
  374.  
  375.        </nav>
  376.      </div>
  377.      <div class="rounded-lg bg-white overflow-hidden shadow mb-10">
  378.        <h2 class="sr-only" id="profile-overview-title">Profile Overview</h2>
  379.               <div class="bg-white p-6">
  380.            <form wire:submit.prevent="booking" id="calendarForm" class="calendar-form grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2 justify-between"  method="POST">
  381.                <input type="hidden" name="_token" value="0yxA4oKfAKQnqsPuYH0bUcvgAwYqlrfLNYg0i1qx">                    <select wire:model="state.site" class="select select-bordered w-full col-span-2">
  382.                        <option disabled selected value="">Select Location</option>
  383.                                                
  384.                        <optgroup label="Tuen Mun">
  385.                                                    <option value="2">Hoi Cheung Industrial Building</option>
  386.                                                    <option value="6">Goodview Industrial Building</option>
  387.                                                  </optgroup>
  388.                                                
  389.                        <optgroup label="Sai Wan">
  390.                                                    <option value="5">Hong Kong Industrial Building</option>
  391.                                                  </optgroup>
  392.                                                
  393.                        <optgroup label="Kwai Chung">
  394.                                                    <option value="9">Kinwah Factory Building</option>
  395.                                                  </optgroup>
  396.                                                
  397.                        <optgroup label="Wong Chuk Hang">
  398.                                                    <option value="11">Shui Ki Industrial Building</option>
  399.                                                  </optgroup>
  400.                                                
  401.                        <optgroup label="Aberdeen">
  402.                                                    <option value="16">Fullagar Industrial Building</option>
  403.                                                  </optgroup>
  404.                                                
  405.                        <optgroup label="Tin Hau/North Point">
  406.                                                    <option value="19">Seaview Estate</option>
  407.                                                  </optgroup>
  408.                                                
  409.                        <optgroup label="Chai Wan">
  410.                                                    <option value="27">Man Foong Industrial Building</option>
  411.                                                  </optgroup>
  412.                                                
  413.                        <optgroup label="Hung Hom">
  414.                                                    <option value="28">Kaiser Estate Phase 1</option>
  415.                                                  </optgroup>
  416.                        
  417.                    </select>
  418.                    
  419.                    
  420.                    <button class="btn btn-error">
  421.                        home.BookNow
  422.                    </button>
  423.            </form>
  424.        </div>
  425.            </div>
  426. </div>
  427.  
  428. <!-- Livewire Component wire-end:2gKkhGOoMtVY16vr6Srt -->
  429.            <div class="md:max-w-3xl mx-auto w-full text-center grid grid-cols-2 md:grid-cols-2 gap-2 md:gap-4">
  430.                <div class="w-full order-2 md:order-1" button-class="bg-error">
  431.                <a href="https://www.restore.space/en-GB/redirect?type=contact&amp;target=whatsapp&amp;from=https%3A%2F%2Fwww.restore.space%2Fen-GB&amp;to=https%3A%2F%2Fwa.me%2F85266338008" target="_blank" class="whatsapp-contact w-full justify-center shadow hover:shadow-xl duration-300 font-light text-white btn btn-outline btn-secondary opacity-70 mb-4 md:mb-8 uppercase mx-auto">
  432.                Whatsapp Us
  433.            </a>
  434.                <!-- If you do not have a consistent goal in life, you can not live it in a consistent way. - Marcus Aurelius -->
  435. </div>                
  436.                <div class="w-full order-3" button-class="bg-error">
  437.                <a
  438.            href="tel:66338008"
  439.             target="_blank" class="phone-contact w-full justify-center shadow hover:shadow-xl duration-300 font-light text-white btn btn-secondary opacity-70 btn-outline mb-4 md:mb-8 mx-auto">
  440.                <span class="text-2xl inline-block align-middle mr-1 mb-1">✆</span> <span class=" inline-block align-middle "> 6633 8008</span>
  441.            </a>
  442.                <!-- If you do not have a consistent goal in life, you can not live it in a consistent way. - Marcus Aurelius -->
  443. </div>            </div>
  444.        </div>
  445.        </div>
  446.    </div>
  447. </section>
  448.  
  449.    
  450.  
  451.    <section class="pb-10 md:pb-14 lg:pb-20 static">
  452.    <div class="lg:max-w-7xl w-full mx-auto px-4 2xl:px-0">
  453.                <div class="section-content">
  454.            <dl class=" -mb-12">
  455.  
  456.            <div class="collapse collapse-open  collapse-plus pl-0">
  457.                <input type="checkbox" class="peer" />
  458.                <div class="collapse-title text-md md:text-2xl pl-0">
  459.                    <h1>RESTORE </h1>
  460.                </div>
  461.                <div class="collapse-content text-gray-600 pl-0">
  462.                    <div class="w-full mx-auto text-left pb-10">
  463.                        <div class="space-y-4 text-base">
  464.                            <p>RESTORE Storage provides the highest quality 24-hour mini storage rental service, with service locations spread across Hong Kong and the New Territories. </p>
  465.                            <p>The rental period is flexible and the environment is comfortable and tidy, providing you with the best rental experience. </p>
  466.                            <p>Our cheapest mini storage starts at only HK$199! If you want to know about the latest mini storage recommendations and mini storage prices from RESTORE Storage, feel free to click on <a href="https://www.restore.space/en-GB/redirect?type=contact&amp;target=whatsapp&amp;from=https%3A%2F%2Fwww.restore.space%2Fen-GB&amp;to=https%3A%2F%2Fwa.me%2F85266338008" class="text-blue-500 underline">Whatsapp</a> or <a href="tel:66338008">call us</a> for more details.</p>
  467.                        </div>
  468.                    </div>
  469.                </div>
  470.            </div>
  471.        </dl>
  472.        </div>
  473.    </div>
  474. </section>
  475.    
  476.    <div class="md:hidden sticky z-50 top-0 bg-white p-4 flex border-b">
  477.        <div class="mr-4 pt-2">
  478.            <svg class="w-8 h-8 stroke-current text-primary mb-1" width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34 5H8C6.34315 5 5 6.34315 5 8V34C5 35.6569 6.34315 37 8 37H34C35.6569 37 37 35.6569 37 34V8C37 6.34315 35.6569 5 34 5Z" fill="none" stroke="" stroke-width="3" stroke-linejoin="round"/><path d="M43.9998 13.002V42.0001C43.9998 43.1046 43.1044 44.0001 41.9998 44.0001H13.0034" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M13 20.4858L18.9997 26.0109L29 15.7192" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
  479.        </div>
  480.        <div class="w-full ml-auto lg:mx-auto text-center md:hidden z-50">
  481. <select onChange="top.location.href=this.options[this.selectedIndex].value;" class="ml-auto select select-bordered text-gray-800 w-full max-w-xl lg:max-w-3xl">
  482.    <option disabled="disabled" selected="selected">Select Location</option>
  483.    
  484.    <option value="https://www.restore.space/en-GB/tuenmun"
  485.            >
  486.            Tuen Mun Storage
  487.    </option>
  488.    
  489.    <option value="https://www.restore.space/en-GB/western-hkib"
  490.            >
  491.            Sai Wan Storage
  492.    </option>
  493.    
  494.    <option value="https://www.restore.space/en-GB/kwai-chung-storage"
  495.            >
  496.            Kwai Chung Storage
  497.    </option>
  498.    
  499.    <option value="https://www.restore.space/en-GB/wong-chuk-hang-storage"
  500.            >
  501.            Wong Chuk Hang Storage
  502.    </option>
  503.    
  504.    <option value="https://www.restore.space/en-GB/aberdeen-storage"
  505.            >
  506.            Aberdeen Storage
  507.    </option>
  508.    
  509.    <option value="https://www.restore.space/en-GB/north-point-storage"
  510.            >
  511.            Tin Hau/North Point Storage
  512.    </option>
  513.    
  514.    <option value="https://www.restore.space/en-GB/chai-wan-storage"
  515.            >
  516.            Chai Wan Storage
  517.    </option>
  518.    
  519.    <option value="https://www.restore.space/en-GB/hung-hom-storage"
  520.            >
  521.            Hung Hom Storage
  522.    </option>
  523.    </select>  
  524. </div>    </div>
  525.  
  526.  
  527.    <section class="pb-10 md:pb-14 lg:pb-20 static relative">
  528.    <div class="lg:max-w-7xl w-full mx-auto px-4 2xl:px-0">
  529.                <div class="section-title text-gray-700 flex font-light md:ml-0 space-x-2 hidden md:pb-8 md:flex top-16 bg-gray-50 z-40">
  530.                        <div class="inline-block items-center self-center">
  531.                <svg class="w-8 h-8 stroke-current text-gray-800 mb-1" width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34 5H8C6.34315 5 5 6.34315 5 8V34C5 35.6569 6.34315 37 8 37H34C35.6569 37 37 35.6569 37 34V8C37 6.34315 35.6569 5 34 5Z" fill="none" stroke="" stroke-width="3" stroke-linejoin="round"/><path d="M43.9998 13.002V42.0001C43.9998 43.1046 43.1044 44.0001 41.9998 44.0001H13.0034" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M13 20.4858L18.9997 26.0109L29 15.7192" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
  532.            </div>
  533.                    
  534.            
  535.            <div class="self-end text-xl md:text-2xl lg:text-3xl mb-0 inline-block w-full flex w-full flex py-4 md:py-0 bg-gray-50 border-b md:bg-transparent md:border-0" section="hidden md:pb-8 md:flex top-16 bg-gray-50 z-40">
  536.                <div class="flex">
  537.                <h2 class="hidden md:block self-center whitespace-nowrap">Select Location </h2>
  538.                
  539.            </div>
  540.            <div class="w-full ml-auto lg:mx-auto text-center md:hidden z-50">
  541. <select onChange="top.location.href=this.options[this.selectedIndex].value;" class="ml-auto select select-bordered text-gray-800 w-full max-w-xl lg:max-w-3xl">
  542.    <option disabled="disabled" selected="selected">Select Location</option>
  543.    
  544.    <option value="https://www.restore.space/en-GB/tuenmun"
  545.            >
  546.            Tuen Mun Storage
  547.    </option>
  548.    
  549.    <option value="https://www.restore.space/en-GB/western-hkib"
  550.            >
  551.            Sai Wan Storage
  552.    </option>
  553.    
  554.    <option value="https://www.restore.space/en-GB/kwai-chung-storage"
  555.            >
  556.            Kwai Chung Storage
  557.    </option>
  558.    
  559.    <option value="https://www.restore.space/en-GB/wong-chuk-hang-storage"
  560.            >
  561.            Wong Chuk Hang Storage
  562.    </option>
  563.    
  564.    <option value="https://www.restore.space/en-GB/aberdeen-storage"
  565.            >
  566.            Aberdeen Storage
  567.    </option>
  568.    
  569.    <option value="https://www.restore.space/en-GB/north-point-storage"
  570.            >
  571.            Tin Hau/North Point Storage
  572.    </option>
  573.    
  574.    <option value="https://www.restore.space/en-GB/chai-wan-storage"
  575.            >
  576.            Chai Wan Storage
  577.    </option>
  578.    
  579.    <option value="https://www.restore.space/en-GB/hung-hom-storage"
  580.            >
  581.            Hung Hom Storage
  582.    </option>
  583.    </select>  
  584. </div>
  585.            </div>
  586.        </div>
  587.                <div class="section-content">
  588.            <div wire:id="y30ojoW4UEr3biz7KIML" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;y30ojoW4UEr3biz7KIML&quot;,&quot;name&quot;:&quot;site-list&quot;,&quot;locale&quot;:&quot;en-GB&quot;,&quot;path&quot;:&quot;en-GB&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;96250f34&quot;,&quot;data&quot;:{&quot;sites&quot;:[]},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;dfbd48bd8d2f3209ea8de74eb7c0c0b402825c80fc47da190d849516488bc174&quot;}}">
  589.  
  590.    <div class="hidden lg:grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" wire:init='init'>
  591.        <div wire:loading>
  592.            <span class="loading loading-bars loading-sm"></span>
  593.        </div>
  594.            </div>
  595.  
  596.  
  597.    <!-- This example requires Tailwind CSS v2.0+ -->
  598.    <div class="lg:hidden block">
  599.        <ul role="list" class="divide-y divide-gray-200">
  600.            
  601.        </ul>
  602.    </div>
  603.  
  604. </div>
  605.  
  606. <!-- Livewire Component wire-end:y30ojoW4UEr3biz7KIML -->
  607.        </div>
  608.    </div>
  609. </section>
  610.  
  611. <section class="pb-10 md:pb-14 lg:pb-20 static">
  612.    <div class="lg:max-w-7xl w-full mx-auto px-4 2xl:px-0">
  613.                <div class="section-title text-gray-700 flex font-light md:ml-0 space-x-2 mb-8">
  614.                        <div class="inline-block items-center self-center">
  615.                <svg class="w-8 h-8 stroke-current text-gray-800" width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 8H11C11 8 12 13 17 13C22 13 23 8 23 8H44V40H23C23 40 22 35 17 35C12 35 11 40 11 40H4V8Z" fill="none" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 19V21" stroke="" stroke-width="3" stroke-linecap="round"/><path d="M17 27L17 29" stroke="" stroke-width="3" stroke-linecap="round"/><path d="M25 21H36" stroke="" stroke-width="3" stroke-linecap="round"/><path d="M25 27H36" stroke="" stroke-width="3" stroke-linecap="round"/></svg>
  616.            </div>
  617.                    
  618.            
  619.            <div class="self-end text-xl md:text-2xl lg:text-3xl mb-0 inline-block w-full flex">
  620.                <h2>Latest Promotions </h2>
  621.            </div>
  622.        </div>
  623.                <div class="section-content">
  624.            <div class="relative w-full">
  625.        <!-- Carousel wrapper -->
  626.                    <div class="relative overflow-hidden rounded-lg">
  627.                <!-- Item 1 -->
  628.                <img src="/img/promotions/winwin-20241004-02-02.jpg" width="1280px" height="568px" class="hidden md:block w-full" alt="迷你倉優惠-迷你倉收費-最平迷你倉價錢" title="介紹即可享500元">
  629.                
  630.                <img src="/img/promotions/winwin-20241004-03.jpg" width="600px"  height="554px" class="block md:hidden w-full" alt="迷你倉優惠-迷你倉收費-最平迷你倉價錢" title="介紹即可享500元">
  631.            </div>
  632.        
  633.                    <span class="pt-2 text-xs lg:text-sm block text-primary">*Latest Mini Storage Promotion: Refer a friend and get $500, <a href="https://www.restore.space/en-GB/book-visit" class="underline text-blue-500">book a visit</a> or <a href="tel:66338008" class="underline text-blue-500">call</a> us to find out more about mini storage fees.</span>
  634.            </div>
  635.  
  636.            <div class="pt-8 rounded-lg overflow-hidden">
  637.        <style>
  638.            .video-container {
  639.                position: relative;
  640.                width: 100%;
  641.                padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  642.            }
  643.  
  644.            .video-container iframe {
  645.                position: absolute;
  646.                top: 0;
  647.                left: 0;
  648.                width: 100%;
  649.                height: 100%;
  650.            }
  651.        </style>
  652.        <div class="video-container">
  653.            <iframe src="https://www.youtube.com/embed/k6FH3THDpQI?si=RoGYTG6TGgS8rznI&autoplay=1&cc_load_policy=1" title="0預繳 原儲存" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  654.        </div>
  655.        </div>
  656.        </div>
  657.    </div>
  658. </section>    
  659.  
  660.    
  661.  
  662.  
  663.  
  664.    <section class="pb-10 md:pb-14 lg:pb-20 static relative pt-8">
  665.    <div class="lg:max-w-7xl w-full mx-auto px-4 2xl:px-0">
  666.                <div class="section-title text-gray-700 flex font-light md:ml-0 space-x-2 mb-8">
  667.                        <div class="inline-block items-center self-center">
  668.                <svg class="w-8 h-8 stroke-current text-gray-800 mb-1" width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39 6H9C7.34315 6 6 7.34315 6 9V39C6 40.6569 7.34315 42 9 42H39C40.6569 42 42 40.6569 42 39V9C42 7.34315 40.6569 6 39 6Z" fill="none" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 31L26 35L34 25" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 15H34" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 23L22 23" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
  669.            </div>
  670.                    
  671.            
  672.            <div class="self-end text-xl md:text-2xl lg:text-3xl mb-0 inline-block w-full flex">
  673.                <h2>Facilities &amp; Services </h2>
  674.            </div>
  675.        </div>
  676.                <div class="section-content">
  677.            <div class="border px-0 md:px-6 rounded-xl">
  678.            <div class="py-4 md:py-8 w-full">
  679.                <div class="text-center grid md:grid-flow-col grid-cols-2 md:grid-cols-none px-8 md:px-0 gap-4 capitalize">
  680.    
  681.                    <div title="Zero Prepayment"
  682.                        class="relative flex flex-row">
  683.                        <div class="flex items-center justify-center text-primary sm:shrink-0">
  684.                            <img src="/img/icons/no-prepay.svg" class="h-6 w-6">
  685.                        </div>
  686.                        <div class="pl-2 min-w-0">
  687.                            <p class="text-sm md:text-base font-light leading-4 md:leading-6 mt-1 md:mt-0 text-gray-800">Zero Prepayment
  688.                            </p>
  689.                        </div>
  690.                    </div>
  691.  
  692.                    <div title="After-sales Service"
  693.                        class="relative flex flex-row">
  694.                        <div class="flex items-center justify-center text-primary sm:shrink-0">
  695.                            <img src="/img/icons/services.svg" class="h-6 w-6">
  696.                        </div>
  697.                        <div class="pl-2 min-w-0">
  698.                            <p class="text-sm md:text-base font-light leading-4 md:leading-6 mt-1 md:mt-0 text-gray-800">After-sales Service</p>
  699.                        </div>
  700.                    </div>
  701.  
  702.                    <div title="Smart temperature control"
  703.                        class="relative flex flex-row">
  704.                        <div class="flex items-center justify-center text-primary sm:shrink-0">
  705.                            <img src="/img/icons/climate-control.svg" class="h-6 w-6">
  706.                        </div>
  707.                        <div class="pl-2 min-w-0">
  708.                            <p class="text-sm md:text-base font-light leading-4 md:leading-6 mt-1 md:mt-0 text-gray-800">Climate Controlled</p>
  709.                        </div>
  710.                    </div>
  711.                    <div title="Security Monitoring"
  712.                        class="relative flex flex-row">
  713.                        <div class="flex items-center justify-center text-primary sm:shrink-0">
  714.                            <img src="/img/icons/camera.svg" class="h-6 w-6">
  715.                        </div>
  716.                        <div class="pl-2 min-w-0">
  717.                            <p class="text-sm md:text-base font-light leading-4 md:leading-6 mt-1 md:mt-0 text-gray-800">Security Monitoring
  718.                            </p>
  719.                        </div>
  720.                    </div>
  721.                    <div title="24-hour Access"
  722.                        class="relative flex flex-row">
  723.                        <div class="flex items-center justify-center text-primary sm:shrink-0">
  724.                            <img src="/img/icons/access.svg" class="h-6 w-6">
  725.                        </div>
  726.                        <div class="pl-2 min-w-0">
  727.                            <p class="text-sm md:text-base font-light leading-4 md:leading-6 mt-1 md:mt-0 text-gray-800">
  728.                                24-hour Access
  729.                            </p>
  730.                        </div>
  731.                    </div>
  732.        
  733.                    <div title="Free/Hourly Parking"
  734.                        class="relative flex flex-row">
  735.                        <div class="flex items-center justify-center text-primary sm:shrink-0">
  736.                            <img src="/img/icons/car park.svg" class="h-6 w-6">
  737.                        </div>
  738.                        <div class="pl-2 min-w-0">
  739.                            <p class="text-sm md:text-base font-light leading-4 md:leading-6 mt-1 md:mt-0 text-gray-800">
  740.                                Free/Hourly Parking
  741.                            </p>
  742.                        </div>
  743.                    </div>
  744.                    
  745.                </div>
  746.            </div>
  747.        </div>
  748.        </div>
  749.    </div>
  750. </section>
  751.    <section class="pb-10 md:pb-14 lg:pb-20 static relative pt-8">
  752.    <div class="lg:max-w-7xl w-full mx-auto px-4 2xl:px-0">
  753.                <div class="section-title text-gray-700 flex font-light md:ml-0 space-x-2 mb-8">
  754.                        <div class="inline-block items-center self-center">
  755.                <svg class="w-8 h-8 stroke-current text-gray-800 mb-1" width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39 6H9C7.34315 6 6 7.34315 6 9V39C6 40.6569 7.34315 42 9 42H39C40.6569 42 42 40.6569 42 39V9C42 7.34315 40.6569 6 39 6Z" fill="none" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 31L26 35L34 25" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 15H34" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 23L22 23" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
  756.            </div>
  757.                    
  758.            
  759.            <div class="self-end text-xl md:text-2xl lg:text-3xl mb-0 inline-block w-full flex">
  760.                <h2>Mini Storage Rental Tutorial</h2>
  761.            </div>
  762.        </div>
  763.                <div class="section-content">
  764.            <div class="hidden gap-10 md:grid-cols-3 sm:grid-cols-3 pt-4 pb-12">
  765.  
  766.                        <dd class="group">
  767.                <div class="flex items-center justify-between mb-6">
  768.                  <p class="text-xl">Choose Mini Storage Location</p>
  769.                  <svg class="w-6 group-hover:text-blue-500 text-gray-700 transform rotate-90 sm:rotate-0" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
  770.                    <line fill="none" stroke-miterlimit="10" x1="2" y1="12" x2="22" y2="12"></line>
  771.                    <polyline fill="none" stroke-miterlimit="10" points="15,5 22,12 15,19 "></polyline>
  772.                  </svg>
  773.                </div>
  774.                <p class="text-gray-600">
  775.                    RESTORE Hong Kong mini storage branches are located in many locations, including Wong Chuk Hang, Tuen Mun, Kwai Chung, and Western District. Before renting, understand the location of each branch and choose a mini storage near your residence or workplace.
  776.                </p>
  777.              </dd>
  778.              <dd class="group">
  779.                <div class="flex items-center justify-between mb-6">
  780.                  <p class="text-xl">Choose Mini Storage Size</p>
  781.                  <svg class="w-6 group-hover:text-blue-500 text-gray-700 transform rotate-90 sm:rotate-0" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
  782.                    <line fill="none" stroke-miterlimit="10" x1="2" y1="12" x2="22" y2="12"></line>
  783.                    <polyline fill="none" stroke-miterlimit="10" points="15,5 22,12 15,19 "></polyline>
  784.                  </svg>
  785.                </div>
  786.                <p class="text-gray-60">
  787.                    RESTORE offers a variety of mini storage sizes and flexible lease terms to meet different customer needs.
  788.                </p>
  789.              </dd>
  790.              <dd class="group">
  791.                <div class="flex items-center justify-between mb-6">
  792.                  <p class="text-xl">Rent Storage</p>
  793.                  <svg class="w-8 group-hover:text-green-500 text-gray-600" stroke="currentColor" viewBox="0 0 24 24">
  794.                    <polyline fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="6,12 10,16 18,8"></polyline>
  795.                  </svg>
  796.                </div>
  797.                <p class="text-gray-600">
  798.                    You can <a href="tel:66338008" class="text-blue-500 underline">call us</a> to make an appointment for a visit, choose the suitable mini storage on the spot, or fill in your personal contact information. Our customer service officer will call you as soon as possible to arrange a time for storage selection and handle the storage procedures.
  799.                </p>
  800.              </dd>
  801.                    </div>
  802.        
  803.                <div class="grid gap-16 row-gap-0 lg:grid-cols-3">
  804.            <div class="relative text-left border p-8 border-gray-500 rounded-lg">
  805.  
  806.              <h3 class="text-base mb-4">Choose your storage location</h3>
  807.              <p class="mb-4 text-sm sm:mx-auto leading-relaxed">
  808.                RESTORE operates storage facilities across Hong Kong, including Wong Chuk Hang, Aberdeen, Sai Wan, North Point, Chai Wan, Hung Hom, Kwai Chung and Tuen Mun. Customers can choose a location based on its proximity to you.
  809.              </p>
  810.              <div class="top-0 right-0 flex items-center justify-center h-full lg:-mr-12 lg:absolute">
  811.                <svg class="w-8 text-gray-700 transform rotate-90 lg:rotate-0" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
  812.                  <line fill="none" stroke-miterlimit="10" x1="2" y1="12" x2="22" y2="12"></line>
  813.                  <polyline fill="none" stroke-miterlimit="10" points="15,5 22,12 15,19 "></polyline>
  814.                </svg>
  815.              </div>
  816.            </div>
  817.            <div class="relative text-left border p-8 border-gray-500 rounded-lg">
  818.            
  819.              <h3 class="text-base mb-4">Select a suitable unit and plan</h3>
  820.              <p class="mb-4 text-sm sm:mx-auto leading-relaxed">
  821.              RESTORE offers a wide selection of storage unit sizes to accommodate your belongings. Our unique "Zero Prepayment" scheme allows you to enjoy significant cost savings, typically only available with long-term prepayment plans, while maintaining complete flexibility.
  822.              </p>
  823.              <div class="top-0 right-0 flex items-center justify-center h-full lg:-mr-12 lg:absolute">
  824.                <svg class="w-8 text-gray-700 transform rotate-90 lg:rotate-0" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
  825.                  <line fill="none" stroke-miterlimit="10" x1="2" y1="12" x2="22" y2="12"></line>
  826.                  <polyline fill="none" stroke-miterlimit="10" points="15,5 22,12 15,19 "></polyline>
  827.                </svg>
  828.              </div>
  829.            </div>
  830.            <div class="relative text-left border p-8 border-gray-500 rounded-lg">
  831.            
  832.              <h3 class="text-base mb-4">Rent a Unit</h3>
  833.              <p class="mb-4 text-sm sm:mx-auto leading-relaxed">
  834.              Ready to find your ideal storage solution? <a href="tel:66338008" class="text-blue-500 underline">Call us</a> or <a href="https://restore.space/book-visit?area=WCH&from=homepage" class="text-blue-500 underline">book a visit</a> now and let our knowledgeable storage consultants guide you through the process.
  835.              </p>
  836.            </div>
  837.        </div>
  838.        </div>
  839.    </div>
  840. </section>
  841.    <section class="pb-10 md:pb-14 lg:pb-20 static">
  842.    <div class="lg:max-w-7xl w-full mx-auto px-4 2xl:px-0">
  843.                <div class="section-title text-gray-700 flex font-light md:ml-0 space-x-2 mb-8">
  844.                        <div class="inline-block items-center self-center">
  845.                <svg class="w-8 h-8 stroke-current text-gray-800 mb-1" width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44 6H4V36H13V41L23 36H44V6Z" fill="none" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 19.5V22.5" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 19.5V22.5" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M34 19.5V22.5" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
  846.            </div>
  847.                    
  848.            
  849.            <div class="self-end text-xl md:text-2xl lg:text-3xl mb-0 inline-block w-full flex">
  850.                <h2>Google Reviews</h2>
  851.            </div>
  852.        </div>
  853.                <div class="section-content">
  854.            <div class="relative w-full pb-6 md:pb-10">
  855.            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
  856.                
  857.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
  858.                    <div class="flex rounded-xl hover:shadow-xl h-full border text-gray-800 p-8 flex-col">
  859.  
  860.                        <div class="">
  861.                            <div class="flex items-start">
  862.                                <img src="https://lh3.googleusercontent.com/a/AAcHTtccRZZnZX50EfGdHMq05w-9JLqiztcX6p7zTIDsTU_z=s128-c0x00000000-cc-rp-mo"
  863.                                    alt="Kemmy Chong"
  864.                                    class="h-10 w-10 rounded-full">
  865.                                <div class="ml-4">
  866.                                    <h4 class="text-sm text-gray-800">
  867.                                        Kemmy Chong</h4>
  868.                                    <p class="text-xs text-gray-600">
  869.                                        2023-06-25 01:53</p>
  870.                                    <div
  871.                                        class="rating rating-sm mt-1 pointer-events-none">
  872.                                         <input type="radio"
  873.                                            class="mask mask-star-2 bg-yellow-400"
  874.                                            readonly
  875.                                             />
  876.                                         <input type="radio"
  877.                                            class="mask mask-star-2 bg-yellow-400"
  878.                                            readonly
  879.                                             />
  880.                                         <input type="radio"
  881.                                            class="mask mask-star-2 bg-yellow-400"
  882.                                            readonly
  883.                                             />
  884.                                         <input type="radio"
  885.                                            class="mask mask-star-2 bg-yellow-400"
  886.                                            readonly
  887.                                             />
  888.                                         <input type="radio"
  889.                                            class="mask mask-star-2 bg-yellow-400"
  890.                                            readonly
  891.                                            checked />
  892.                                                                            </div>
  893.                                    <p class="sr-only">5 out of 5 stars</p>
  894.                                </div>
  895.                            </div>
  896.                        </div>
  897.                        <div class="flex-grow">
  898.                            <p class="leading-relaxed text-sm mt-2">Very friendly services. The worker will basic the customer needs to provide the most suitable plan. It was very successful company.</p>
  899.                        </div>
  900.                    </div>
  901.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
  902.                    <div class="flex rounded-xl hover:shadow-xl h-full border text-gray-800 p-8 flex-col">
  903.  
  904.                        <div class="">
  905.                            <div class="flex items-start">
  906.                                <img src="https://lh3.googleusercontent.com/a/AAcHTtd2blZ3PtYoHvWwM0t2vICXHQ4_t72TWc80FZqfx9mk=s128-c0x00000000-cc-rp-mo"
  907.                                    alt="Virginia IP"
  908.                                    class="h-10 w-10 rounded-full">
  909.                                <div class="ml-4">
  910.                                    <h4 class="text-sm text-gray-800">
  911.                                        Virginia IP</h4>
  912.                                    <p class="text-xs text-gray-600">
  913.                                        2023-03-05 21:24</p>
  914.                                    <div
  915.                                        class="rating rating-sm mt-1 pointer-events-none">
  916.                                         <input type="radio"
  917.                                            class="mask mask-star-2 bg-yellow-400"
  918.                                            readonly
  919.                                             />
  920.                                         <input type="radio"
  921.                                            class="mask mask-star-2 bg-yellow-400"
  922.                                            readonly
  923.                                             />
  924.                                         <input type="radio"
  925.                                            class="mask mask-star-2 bg-yellow-400"
  926.                                            readonly
  927.                                             />
  928.                                         <input type="radio"
  929.                                            class="mask mask-star-2 bg-yellow-400"
  930.                                            readonly
  931.                                            checked />
  932.                                         <input type="radio"
  933.                                            class="mask mask-star-2 bg-yellow-400"
  934.                                            readonly
  935.                                            checked />
  936.                                                                            </div>
  937.                                    <p class="sr-only">5 out of 5 stars</p>
  938.                                </div>
  939.                            </div>
  940.                        </div>
  941.                        <div class="flex-grow">
  942.                            <p class="leading-relaxed text-sm mt-2">Feeling impressive and satisfied with its dynamic management.  Key personnel is seen to be polite and very customer-oriented. More important of all, they often stay tuned and uphold clients&#039; interests by means of offering appropriate recommendations and highly flexible payment schedules.  Not giving five stars, perhaps some minor enhancements are expected such as reasonably cooler store environment and round chairs to be borrowed for use.</p>
  943.                        </div>
  944.                    </div>
  945.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
  946.                    <div class="flex rounded-xl hover:shadow-xl h-full border text-gray-800 p-8 flex-col">
  947.  
  948.                        <div class="">
  949.                            <div class="flex items-start">
  950.                                <img src="https://lh3.googleusercontent.com/a-/AD_cMMRJv4C_zRlyMCZ9w1QG8FaNlQJxYqUwrhkE9kGgJpv3055w=s128-c0x00000000-cc-rp-mo-ba5"
  951.                                    alt="Taurus Wong"
  952.                                    class="h-10 w-10 rounded-full">
  953.                                <div class="ml-4">
  954.                                    <h4 class="text-sm text-gray-800">
  955.                                        Taurus Wong</h4>
  956.                                    <p class="text-xs text-gray-600">
  957.                                        2022-11-22 23:26</p>
  958.                                    <div
  959.                                        class="rating rating-sm mt-1 pointer-events-none">
  960.                                         <input type="radio"
  961.                                            class="mask mask-star-2 bg-yellow-400"
  962.                                            readonly
  963.                                             />
  964.                                         <input type="radio"
  965.                                            class="mask mask-star-2 bg-yellow-400"
  966.                                            readonly
  967.                                             />
  968.                                         <input type="radio"
  969.                                            class="mask mask-star-2 bg-yellow-400"
  970.                                            readonly
  971.                                             />
  972.                                         <input type="radio"
  973.                                            class="mask mask-star-2 bg-yellow-400"
  974.                                            readonly
  975.                                             />
  976.                                         <input type="radio"
  977.                                            class="mask mask-star-2 bg-yellow-400"
  978.                                            readonly
  979.                                            checked />
  980.                                                                            </div>
  981.                                    <p class="sr-only">5 out of 5 stars</p>
  982.                                </div>
  983.                            </div>
  984.                        </div>
  985.                        <div class="flex-grow">
  986.                            <p class="leading-relaxed text-sm mt-2">Staff are very polite, helpful and efficient.
  987. Storage area clean and cozy.</p>
  988.                        </div>
  989.                    </div>
  990.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
  991.        </div>
  992.        </div>
  993.    </div>
  994. </section>
  995.    
  996.    <section class="pb-10 md:pb-14 lg:pb-20 static">
  997.    <div class="lg:max-w-7xl w-full mx-auto px-4 2xl:px-0">
  998.                <div class="section-title text-gray-700 flex font-light md:ml-0 space-x-2 mb-8">
  999.                        <div class="inline-block items-center self-center">
  1000.                <svg class="w-8 h-8 stroke-current text-gray-800" width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 22.1961C17 22.0726 16.9419 21.9564 16.8431 21.8824C11.9058 18.1793 9 12.3678 9 6.19608L9 4H39V6.19608C39 12.3678 36.0942 18.1793 31.1569 21.8824C31.0581 21.9564 31 22.0726 31 22.1961V44H17V22.1961Z" fill="none" stroke="" stroke-width="3" stroke-linejoin="round"/><path d="M38 11H10" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 28.0083V32.0083" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 22V22C11.9639 18.2229 9 12.2951 9 6L9 4" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M39 4V6C39 12.2951 36.0361 18.2229 31 22V22" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
  1001.            </div>
  1002.                    
  1003.            
  1004.            <div class="self-end text-xl md:text-2xl lg:text-3xl mb-0 inline-block w-full flex">
  1005.                <h2>Mini Storage – 5 Tips for Choosing Your Ideal Storage in Hong Kong </h2>
  1006.            </div>
  1007.        </div>
  1008.                <div class="section-content">
  1009.            <div class="grid grid-cols-1 text-gray-800">
  1010.                        <dl class="space-y-8">
  1011.                <dt>
  1012.                    <p class="text-base font-light text-gray-600">
  1013.                        Already a necessity for most people in Hong Kong, mini storage facilities can vary greatly in service, quality, safety and management standards. 5 key aspects to look out for when choosing your ideal mini storage:
  1014.                    </p>
  1015.                </dt>
  1016.  
  1017.                <div class="collapse collapse-plus border">
  1018.                    <input type="checkbox" class="peer" />
  1019.                    <div class="collapse-title text-lg">
  1020.                        1. Mini Storage Safety – “Is it legally compliant?”
  1021.                    </div>
  1022.                    <div class="collapse-content text-gray-600">
  1023.                        <p>
  1024.                            Hong Kong mini storage facilities are subject to the latest fire safety regulations. Renting non-compliant mini storage not only increases the risk of fire, but also affects insurance coverage. The relevant mini storage may be ordered to rectify or even close down by the government at any time, leaving customers with no place to store their belongings.
  1025.                        </p>
  1026.                    </div>
  1027.                </div>
  1028.                
  1029.                <div class="collapse collapse-plus border">
  1030.                    <input type="checkbox" class="peer" />
  1031.                    <div class="collapse-title text-lg">
  1032.                        2. Mini Storage Pricing – “UFA or GFA?”
  1033.                    </div>
  1034.                    <div class="collapse-content text-gray-600">
  1035.                        <p>
  1036.                            Mini storage is typically charged based on the usable floor area (“UFA”). However, some storage providers may list prices based on the gross floor area (“GFA”), with the actual UFA sometimes being less than 70% of the GFA. It is important to clarify the pricing basis early on and, if possible, measure the actual site to confirm the usable area.
  1037.                        </p>
  1038.                    </div>
  1039.                </div>
  1040.                
  1041.                <div class="collapse collapse-plus border">
  1042.                    <input type="checkbox" class="peer" />
  1043.                    <div class="collapse-title text-lg">
  1044.                        3. Mini Storage Accessibility – “Customer parking available?”
  1045.                    </div>
  1046.                    <div class="collapse-content text-gray-600">
  1047.                        <p>
  1048.                            The proximity of the mini storage facility to MTR stations and transportation hubs is important. Dedicated customer parking is also essential for both move-in and future visits. It is important to check with the building management on parking provisions, and it is even better to inspect the carpark itself.
  1049.                        </p>
  1050.                    </div>
  1051.                </div>
  1052.                
  1053.                <div class="collapse collapse-plus border">
  1054.                    <input type="checkbox" class="peer" />
  1055.                    <div class="collapse-title text-lg">
  1056.                        4. Mini Storage Facility Management – “Are security and management up to international standards?”
  1057.                    </div>
  1058.                    <div class="collapse-content text-gray-600">
  1059.                        <p>
  1060.                            Check whether the mini storage facility is well-built and well-lit, with climate control, a reputable security system, and preferably endorsed by an international organization such as the Self Storage Association Asia (“SSAA”).
  1061.                        </p>
  1062.                    </div>
  1063.                </div>
  1064.                
  1065.                <div class="collapse collapse-plus border">
  1066.                    <input type="checkbox" class="peer" />
  1067.                    <div class="collapse-title text-lg">
  1068.                        5. Mini Storage Terms and Conditions of Use – “Any access and storage restrictions?”
  1069.                    </div>
  1070.                    <div class="collapse-content text-gray-600">
  1071.                        <p>
  1072.                            The terms and conditions of use can vary greatly between different mini storage providers. It is important to read the fine print on restrictions on permitted items, storage (and building) access hours, as well as contract renewal terms.
  1073.                        </p>
  1074.                    </div>
  1075.                </div>
  1076.            </dl>
  1077.                    </div>
  1078.        </div>
  1079.    </div>
  1080. </section>
  1081.    
  1082.    <section class="pb-10 md:pb-14 lg:pb-20 static">
  1083.    <div class="lg:max-w-7xl w-full mx-auto px-4 2xl:px-0">
  1084.                <div class="section-title text-gray-700 flex font-light md:ml-0 space-x-2 mb-8">
  1085.                        <div class="inline-block items-center self-center">
  1086.                <svg class="w-8 h-8 stroke-current text-gray-800" width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40 33V42C40 43.1046 39.1046 44 38 44H31.5" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M40 16V6C40 4.89543 39.1046 4 38 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44H16" stroke="" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 16H30" stroke="" stroke-width="3" stroke-linecap="round"/><path d="M23 44L40 23" stroke="" stroke-width="3" stroke-linecap="round"/><path d="M16 24H24" stroke="" stroke-width="3" stroke-linecap="round"/></svg>
  1087.            </div>
  1088.                    
  1089.            
  1090.            <div class="self-end text-xl md:text-2xl lg:text-3xl mb-0 inline-block w-full flex">
  1091.                <h2>Contact Us </h2>
  1092.            </div>
  1093.        </div>
  1094.                <div class="section-content">
  1095.            <div class="text-center">
  1096.            
  1097.               <div wire:id="fB8oyqbAoJHTY83Z4vD3" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;fB8oyqbAoJHTY83Z4vD3&quot;,&quot;name&quot;:&quot;contact-form&quot;,&quot;locale&quot;:&quot;en-GB&quot;,&quot;path&quot;:&quot;en-GB&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;42d8f3c2&quot;,&quot;data&quot;:{&quot;state&quot;:[]},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;a4fa60a37622bf434c70ea2bf43a244e64d3015e230ff1fc2c9531dde9e44160&quot;}}" class="w-full">
  1098.    <form wire:submit.prevent='send' method="POST" id="contactForm" class="contact-form">
  1099.        <input type="hidden" name="_token" value="0yxA4oKfAKQnqsPuYH0bUcvgAwYqlrfLNYg0i1qx">        <div class="border card px-4 py-8 sm:px-6 sm:py-12">
  1100.            <div class="grid grid-cols-2 gap-6">
  1101.                <div class="col-span-2">
  1102.                    <label for="name" class="sr-only">Name:</label>
  1103.                    <input id="name" wire:model="state.name" type="text" class="input input-bordered w-full" placeholder="Name:">
  1104.                    <div class="text-red-500 mt-1 text-left">
  1105.                                            </div>
  1106.  
  1107.                </div>
  1108.                <div class="col-span-2 lg:col-span-1">
  1109.                    <label for="email" class="sr-only">Email:</label>
  1110.                    <input type="text" wire:model="state.email" id="email" autocomplete="email" class="input input-bordered w-full" placeholder="Email:">
  1111.                    <div class="text-red-500 mt-1 text-left">
  1112.                                            </div>
  1113.                </div>
  1114.                <div class="col-span-2 lg:col-span-1">
  1115.                    <label for="phone" class="sr-only">Phone number:</label>
  1116.                    <input type="tel" wire:model="state.phone" pattern="[0-9]{8}" id="phone" autocomplete="tel" class="input input-bordered w-full" placeholder="Phone number:">
  1117.                    <div class="text-red-500 mt-1 text-left">
  1118.                                            </div>
  1119.                </div>
  1120.                <div class="col-span-2">
  1121.                    <label for="site" class="sr-only">Branch:</label>
  1122.                    <select name="site" wire:model="state.branch" id="site" class="select w-full select-bordered">
  1123.                        <option value="" class="text-gray-700">Select Location:</option>
  1124.                                                    <option value="AB"       class="text-gray-700">Aberdeen</option>
  1125.                                                    <option value="CW"       class="text-gray-700">Chai Wan</option>
  1126.                                                    <option value="HH"       class="text-gray-700">Hung Hom</option>
  1127.                                                    <option value="HK"       class="text-gray-700">Sai Wan</option>
  1128.                                                    <option value="KC"       class="text-gray-700">Kwai Chung</option>
  1129.                                                    <option value="TH"       class="text-gray-700">Tin Hau/North Point</option>
  1130.                                                    <option value="TM"       class="text-gray-700">Tuen Mun</option>
  1131.                                                    <option value="WCH"       class="text-gray-700">Wong Chuk Hang</option>
  1132.                                            </select>
  1133.                    <div class="text-red-500 mt-1 text-left">
  1134.                                            </div>
  1135.                </div>
  1136.                <div class="col-span-2">
  1137.                    <label for="" class="sr-only"></label>
  1138.                    <textarea id="content" wire:model="state.content" rows="4" class="textarea textarea-bordered w-full" placeholder="Message:"></textarea>
  1139.                    <div class="text-red-500 mt-1 text-left">
  1140.                                            </div>
  1141.                </div>
  1142.            </div>
  1143.        </div>
  1144.                <div class="flex justify-center">
  1145.            <button type="submit" class="btn bg-primary btn-primary w-full max-w-sm text-lg mt-4 font-thin">
  1146.                <span wire:loading class="loading loading-spinner"></span>
  1147.                Submit
  1148.            </button>
  1149.        </div>
  1150.    </form>
  1151. </div>
  1152. <!-- Livewire Component wire-end:fB8oyqbAoJHTY83Z4vD3 -->        </div>
  1153.        </div>
  1154.    </div>
  1155. </section>
  1156.  
  1157.                    <footer>
  1158.    <section class="        relative bg-gray-200 pb-10 md:pb-0" aria-labelledby="footer-heading">
  1159.        <h2 id="footer-heading" class="sr-only">Footer</h2>
  1160.        <div class="max-w-7xl mx-auto py-12 xl:py-16 px-4 2xl:px-0">
  1161.            <div class="xl:grid xl:grid-cols-3 xl:gap-8">
  1162.                <div class="grid grid-cols-2 md:grid-cols-4 gap-8 xl:col-span-2">
  1163.                    
  1164.                        <div class="order-1 mt-0">
  1165.                            <h3 class="text-sm font-semibold text-gray-800 tracking-wider uppercase">
  1166.                                Storage
  1167.                            </h3>
  1168.                            <ul role="list" class="mt-4 space-y-4">
  1169.                                
  1170.                                <li>
  1171.                                    <a href="https://www.restore.space/en-GB/western-hkib" class="text-base text-neutral hover:text-primary">
  1172.                                        Sai Wan Storage
  1173.                                    </a>
  1174.                                </li>
  1175.                                
  1176.                                <li>
  1177.                                    <a href="https://www.restore.space/en-GB/wong-chuk-hang-storage" class="text-base text-neutral hover:text-primary">
  1178.                                        Wong Chuk Hang Storage
  1179.                                    </a>
  1180.                                </li>
  1181.                                
  1182.                                <li>
  1183.                                    <a href="https://www.restore.space/en-GB/aberdeen-storage" class="text-base text-neutral hover:text-primary">
  1184.                                        Aberdeen Storage
  1185.                                    </a>
  1186.                                </li>
  1187.                                
  1188.                                <li>
  1189.                                    <a href="https://www.restore.space/en-GB/north-point-storage" class="text-base text-neutral hover:text-primary">
  1190.                                        Tin Hau/North Point Storage
  1191.                                    </a>
  1192.                                </li>
  1193.                                
  1194.                                <li>
  1195.                                    <a href="https://www.restore.space/en-GB/chai-wan-storage" class="text-base text-neutral hover:text-primary">
  1196.                                        Chai Wan Storage
  1197.                                    </a>
  1198.                                </li>
  1199.                                
  1200.                                <li>
  1201.                                    <a href="https://www.restore.space/en-GB/hung-hom-storage" class="text-base text-neutral hover:text-primary">
  1202.                                        Hung Hom Storage
  1203.                                    </a>
  1204.                                </li>
  1205.                                
  1206.                                <li>
  1207.                                    <a href="https://www.restore.space/en-GB/tuenmun" class="text-base text-neutral hover:text-primary">
  1208.                                        Tuen Mun Storage
  1209.                                    </a>
  1210.                                </li>
  1211.                                
  1212.                                <li>
  1213.                                    <a href="https://www.restore.space/en-GB/kwai-chung-storage" class="text-base text-neutral hover:text-primary">
  1214.                                        Kwai Chung Storage
  1215.                                    </a>
  1216.                                </li>
  1217.                                                            </ul>
  1218.                          </div>
  1219.                        <div class="order-3 mt-0">
  1220.                            <h3 class="text-sm font-semibold text-gray-800 tracking-wider uppercase">
  1221.                            Restore
  1222.                            </h3>
  1223.                            <ul role="list" class="mt-4 space-y-4">
  1224.                                <li>
  1225.                                    <a href="https://www.restore.space/en-GB/about-us" class="text-base text-neutral hover:text-primary">
  1226.                                        About Us
  1227.                                    </a>
  1228.                                </li>
  1229.                                <li>
  1230.                                    <a href="https://www.restore.space/en-GB/faqs" class="text-base text-neutral hover:text-primary">
  1231.                                        FAQ
  1232.                                    </a>
  1233.                                </li>
  1234.                                <li>
  1235.                                    <a href="https://www.restore.space/en-GB/contact-us" class="text-base text-neutral hover:text-primary">
  1236.                                        Contact Us
  1237.                                    </a>
  1238.                                </li>
  1239.                                
  1240.                            </ul>
  1241.                        </div>
  1242.                    
  1243.                    
  1244.                                                <div class="order-4 mt-0">
  1245.                            <h3 class="text-sm font-semibold text-gray-800 tracking-wider uppercase">
  1246.                                Related Ordinances
  1247.                            </h3>
  1248.                            <ul role="list" class="mt-4 space-y-4">
  1249.                                <li>
  1250.                                    <a src="https://www.restore.space/en-GB/blog" target="_blank" href="https://www.hkfsd.gov.hk/chi/fire_protection/mini_storages/index.html" class="text-base text-neutral hover:text-primary">
  1251.                                        Mini Storage Regulations
  1252.                                    </a>
  1253.                                </li>
  1254.                                <li>
  1255.                                    <a src="https://www.restore.space/en-GB/blog" target="_blank" href="https://www.bd.gov.hk/tc/resources/faq/index_mini_storages.html" class="text-base text-neutral hover:text-primary">
  1256.                                        Buildings Department
  1257.                                    </a>
  1258.                                </li>
  1259.  
  1260.                                
  1261.                            </ul>
  1262.                        </div>
  1263.                    
  1264.                </div>
  1265.                <div class="mt-8 xl:mt-0">
  1266.                    <div>
  1267.    <h3 class="text-sm font-semibold text-gray-800 tracking-wider uppercase">
  1268.        Subscribe To Us
  1269.    </h3>
  1270.    <p class="mt-4 text-base text-gray-700">
  1271.        The latest news, articles and resources delivered to your inbox every week.
  1272.    </p>
  1273.    <form action="https://www.restore.space/subscribe" method="POST" class="mt-4 sm:flex sm:max-w-md">
  1274.        <input type="hidden" name="_token" value="0yxA4oKfAKQnqsPuYH0bUcvgAwYqlrfLNYg0i1qx">        <label for="email-address" class="sr-only">Email Address</label>
  1275.        <input type="email" name="email" id="email-address" autocomplete="email" required
  1276.            class="appearance-none min-w-0 w-full rounded-lg bg-white py-2 px-4 text-base text-gray-800 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white focus:border-white focus:placeholder-gray-800"
  1277.            placeholder="yourname@email.com">
  1278.        <div class="mt-3 sm:mt-0 sm:ml-3 sm:flex-shrink-0">
  1279.            <button type="submit"
  1280.                class="w-full btn-primary btn py-2 px-4 flex items-center justify-center text-base font-medium text-white hover:bg-primary-focus focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-primary-focus">
  1281.                Subscribe
  1282.            </button>
  1283.        </div>
  1284.    </form>
  1285. </div>                    <div class="w-full mt-4">
  1286.                        <h3 class="text-sm font-semibold text-gray-800 tracking-wider uppercase">
  1287.                            Other Links
  1288.                        </h3>
  1289.                        <div class="mt-4 grid grid-cols-2 gap-0.5 md:grid-cols-2">
  1290.                            <div class="col-span-1 flex items-center lg:items-start pt-2">
  1291.                                <a href="https://www.restore.space/en-GB/redirect?type=media&amp;target=space-manager&amp;from=https%3A%2F%2Fwww.restore.space%2Fen-GB&amp;to=https%3A%2F%2Fwww.radicalsys.com%2Fhk" target="_blank" class="mx-auto">
  1292.                                    <img class="max-h-12"
  1293.                                        width="202px" height="34px"
  1294.                                        src="/img/space-manager-logo.svg"
  1295.                                        alt="radicalsys">
  1296.                                </a>
  1297.                            </div>
  1298.                            <div class="col-span-1 flex items-center lg:items-start">
  1299.                                <a href="https://www.restore.space/en-GB/redirect?type=media&amp;target=selfstorageasia&amp;from=https%3A%2F%2Fwww.restore.space%2Fen-GB&amp;to=https%3A%2F%2Fselfstorageasia.org%2F" target="_blank" class="mx-auto">
  1300.                                    <img class="max-h-12"
  1301.                                        width="126px" height="48px"
  1302.                                        src="/img/SSAAlogo2022.png"
  1303.                                        alt="selfstorageasia">
  1304.                                </a>
  1305.                            </div>
  1306.                            
  1307.                        </div>
  1308.                    </div>
  1309.                </div>
  1310.            </div>
  1311.            <div class="mt-8 border-t border-neutral-focus pt-8 md:flex md:items-center md:justify-between">
  1312.                <div class="flex space-x-6 md:order-2">
  1313.                    <a href="https://www.restore.space/en-GB/redirect?type=media&amp;target=facebook&amp;from=https%3A%2F%2Fwww.restore.space%2Fen-GB&amp;to=https%3A%2F%2Fwww.facebook.com%2Frestore66338008" target="_blank" class="text-gray-800 hover:text-neutral">
  1314.                        <span class="sr-only">Facebook</span>
  1315.                        <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
  1316.                            <path fill-rule="evenodd"
  1317.                                d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
  1318.                                clip-rule="evenodd" />
  1319.                        </svg>
  1320.                    </a>
  1321.  
  1322.                    <a href="https://www.restore.space/en-GB/redirect?type=media&amp;target=instagram&amp;from=https%3A%2F%2Fwww.restore.space%2Fen-GB&amp;to=https%3A%2F%2Fwww.instagram.com%2Frestore.space" target="_blank" class="text-gray-800 hover:text-neutral">
  1323.                        <span class="sr-only">Instagram</span>
  1324.                        <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
  1325.                            <path fill-rule="evenodd"
  1326.                                d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
  1327.                                clip-rule="evenodd" />
  1328.                        </svg>
  1329.                    </a>
  1330.  
  1331.                </div>
  1332.                <p class="mt-8 text-base text-gray-800 md:mt-0 md:order-1">
  1333.                    &copy; 2024 RESTORE All Rights Reserved
  1334.                </p>
  1335.            </div>
  1336.        </div>
  1337.    </section>
  1338.  
  1339.        <section class="lg:hidden relative z-50">
  1340.        <nav class="btm-nav h-14 py-1  w-full divide-x divide-gray-300 bg-gray-50 border-t">
  1341.            <a href="https://www.restore.space/en-GB/redirect?type=contact&amp;target=tel&amp;from=https%3A%2F%2Fwww.restore.space%2Fen-GB&amp;to=66338008" class="text-xs">
  1342.                <svg class="h-7 w-7 text-gray-900 stroke-current" width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28 20L41 7.5" stroke="" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M28 7H41V20" stroke="" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.3755 9.79423C15.1021 9.79423 15.7715 10.1883 16.1241 10.8235L18.5706 15.2303C18.8909 15.8073 18.9059 16.5052 18.6108 17.0955L16.254 21.8092C16.254 21.8092 16.937 25.3206 19.7954 28.179C22.6538 31.0374 26.1535 31.7086 26.1535 31.7086L30.8664 29.3522C31.4571 29.0568 32.1555 29.0721 32.7327 29.393L37.152 31.85C37.7866 32.2029 38.1802 32.8719 38.1802 33.598L38.1802 38.6715C38.1802 41.2552 35.7803 43.1213 33.3322 42.2952C28.3043 40.5987 20.4996 37.3685 15.5528 32.4216C10.6059 27.4748 7.3757 19.6701 5.67916 14.6422C4.85314 12.1941 6.71923 9.79423 9.30287 9.79423L14.3755 9.79423Z" fill="none" stroke="" stroke-width="2" stroke-linejoin="round"/></svg>
  1343.                <span class="btm-nav-label">Call</span>
  1344.            </a>
  1345.            <a href="https://www.restore.space/en-GB/redirect?type=contact&amp;target=whatsapp&amp;from=https%3A%2F%2Fwww.restore.space%2Fen-GB&amp;to=https%3A%2F%2Fwa.me%2F85266338008" target="_blank" class="text-xs">
  1346.                <svg class="h-7 w-7 text-gray-900 stroke-current" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
  1347.                    <path d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 26.7117 4.53967 29.2974 5.51747 31.6554C6.02232 32.8729 6.64396 34.0297 7.36843 35.1119C7.61157 35.4751 7.15543 37.7711 6 42C10.2289 40.8446 12.5249 40.3884 12.8881 40.6316C13.9703 41.356 15.1271 41.9777 16.3446 42.4825C18.7026 43.4603 21.2883 44 24 44Z" fill="" stroke="" stroke-width="2" stroke-linejoin="round"></path>
  1348.                    <path d="M19.4401 14C19.8845 14 20.2939 14.241 20.5096 14.6295L22.006 17.3249C22.2019 17.6778 22.2111 18.1047 22.0305 18.4658L21 21C21 21 21.2517 23.2517 23 25C24.7484 26.7483 27 27 27 27L29.5266 25.9625C29.8879 25.7818 30.315 25.7911 30.6681 25.9874L33.3711 27.4902C33.7593 27.7061 34 28.1153 34 28.5594V31.6625C34 33.2428 32.5321 34.3842 31.0348 33.8789C27.9595 32.8413 23.1858 30.8656 20.1601 27.8398C17.1345 24.8142 15.1587 20.0405 14.121 16.9652C13.6158 15.4679 14.7572 14 16.3375 14H19.4401Z" stroke-width="2" stroke="" stroke-linejoin="round"></path></svg>
  1349.                <span class="btm-nav-label">Whatsapp</span>
  1350.            </a>
  1351.            <a href="https://www.restore.space/en-GB/customer-portal/login" class="text-xs">
  1352.                <svg class="h-7 w-7 text-gray-900 stroke-current" width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" stroke="" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 23C26.7614 23 29 20.7614 29 18C29 15.2386 26.7614 13 24 13C21.2386 13 19 15.2386 19 18C19 20.7614 21.2386 23 24 23Z" fill="none" stroke="" stroke-width="2" stroke-linejoin="round"/><path d="M10.022 38.332C10.3657 33.1206 14.7016 29 20 29H28C33.2914 29 37.6229 33.1097 37.9767 38.3113" stroke="" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
  1353.                <span class="btm-nav-label">Login</span>
  1354.            </a>
  1355.        </nav>
  1356.    </section>
  1357.    
  1358. </footer>        
  1359.        <dialog id="my_modal_4" class="modal">
  1360.            <div class="modal-box w-11/12 max-w-lg">
  1361.                
  1362.  
  1363.              <div class="w-full grid grid-cols-1 gap-y-8 gap-x-6 items-start">
  1364.    
  1365.                    <div class="">
  1366.                        <h2 class="text-2xl font-extrabold text-gray-900 sm:pr-12">Are you interested in our services?</h2>
  1367.                        <section aria-labelledby="information-heading" class="mt-4">
  1368.                            <h3 id="information-heading" class="sr-only">Product information</h3>
  1369.                            <div class="mt-6 noflex items-center">
  1370.                            <p>
  1371.                                Feel free to call <a target="_blank" href="tel:66338008" class="font-bold underline text-blue-500">(852) 6633 8008</a> or make an  <a target="_blank" href="https://wa.me/85266338008" id="whatsappLink" class="font-bold underline text-blue-500">Whatsapp Us</a>  to visit our mini storage facilities!
  1372.                            </p>
  1373.                            </div>
  1374.                        </section>
  1375.                    </div>
  1376.                    
  1377.  
  1378.                  <div class="modal-action">
  1379.                    <form method="dialog">
  1380.                      <!-- if there is a button, it will close the modal -->
  1381.                      <button class="btn btn-outline">Close</button>
  1382.                    </form>
  1383.                    <a id="escapeModalBtn" target="_blank" href="https://www.restore.space/en-GB/book-visit" class="btn btn-error px-6">Book a visit</a>
  1384.                  </div>
  1385.              </div>
  1386.  
  1387.            </div>
  1388.            
  1389.        </dialog>
  1390.  
  1391.    </main>
  1392.    
  1393.    <script src="https://www.restore.space/js/app.js "></script>
  1394.  
  1395.    <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.8.0/flowbite.min.js"></script>
  1396.  
  1397.    
  1398.    <script>
  1399.        // document.addEventListener('DOMContentLoaded', function() {
  1400.            var lastScrollPosition = 0;
  1401.            // var modalDisplayed = localStorage.getItem('modalDisplayed') || 0;
  1402.            var modalDisplayed = 0;
  1403.            // var stayDurationThreshold = 500; // 設定計時器的時間(毫秒)
  1404.            var stayDurationThreshold = 0.03 * 60 * 1000; // 5分鐘轉換為毫秒
  1405.  
  1406.            window.addEventListener('scroll', function() {
  1407.                var scrollPosition = window.pageYOffset || document.documentElement.scrollTop;
  1408.  
  1409.                if (scrollPosition < lastScrollPosition - 200 && modalDisplayed == 0) {
  1410.                    // User has scrolled up more than 200 pixels
  1411.                    // Add your desired code or functionality here
  1412.                    console.log("User scrolled up more than 200 pixels");
  1413.                    // 設定計時器
  1414.                    if (!window.location.pathname.startsWith("/customer-portal/") && !window.location.pathname.startsWith("/en-GB/booking/") && !window.location.pathname.startsWith("/booking/") && !window.location.pathname.startsWith("/book-visit")) {
  1415.                        setTimeout(showModalMessage, stayDurationThreshold);
  1416.                    }
  1417.                }
  1418.  
  1419.                lastScrollPosition = scrollPosition;
  1420.            });
  1421.  
  1422.            function showModalMessage() {
  1423.                // 顯示模態窗口的代碼
  1424.                console.log("Showing modal message");
  1425.                // 這裡可以添加顯示模態窗口的代碼
  1426.                // Check if the current page is in the allowedPages array
  1427.                if (!window.location.pathname.startsWith("/customer-portal/") && !window.location.pathname.startsWith("/booking/")) {
  1428.                    //一日只彈一次
  1429.                    //check modalDisplayed
  1430.                    modalDisplayed = localStorage.getItem('modalDisplayed') || 0;
  1431.                    console.log("modalDisplayed: "+modalDisplayed);
  1432.                    if (modalDisplayed == 0) {
  1433.                        my_modal_4.showModal();
  1434.                        var now = new Date();
  1435.                        var tomorrow = new Date();
  1436.                        tomorrow.setDate(now.getDate() + 1);
  1437.                        localStorage.setItem('modalDisplayed', 1);
  1438.                        localStorage.setItem('modalDisplayedExpiry', tomorrow.getTime());
  1439.                      }
  1440.                    // resetTimer();
  1441.                }
  1442.            }
  1443.        // });
  1444.    </script>
  1445.    <script>
  1446.    //    // 設定用戶停留時間閾值(5分鐘)
  1447.    //     // var timer;
  1448.    //     var stayDurationThreshold = 0.3 * 60 * 1000; // 5分鐘轉換為毫秒
  1449.  
  1450.    //     var lastScrollPosition = 0;
  1451.    //     var modalDisplayed = 0;
  1452.  
  1453.    //     // 獲取用戶進入網站的時間
  1454.    //     var enterTime = new Date().getTime();
  1455.        
  1456.    //     // 定義重置計時器的函式
  1457.    //     // function resetTimer() {
  1458.    //     //     // 清除之前的計時器
  1459.    //     //     if(modalDisplayed==1){
  1460.    //     //         clearTimeout(timer);
  1461.    //     //     }
  1462.    //     //     // 重新設定計時器
  1463.    //     //     timer = setTimeout(showModalMessage, stayDurationThreshold);
  1464.    //     // }
  1465.  
  1466.    //     window.addEventListener('scroll', function() {
  1467.    //     var scrollPosition = window.pageYOffset || document.documentElement.scrollTop;
  1468.  
  1469.    //     if (scrollPosition < lastScrollPosition - 200 && modalDisplayed == 0) {
  1470.    //         // User has scrolled up more than 200 pixels
  1471.    //         // Add your desired code or functionality here
  1472.    //         console.log("User scrolled up more than 200 pixels");
  1473.    //         // 設定計時器
  1474.    //         if (!window.location.pathname.startsWith("/customer-portal/") && !window.location.pathname.startsWith("/en-GB/booking/") && !window.location.pathname.startsWith("/booking/") && !window.location.pathname.startsWith("/book-visit")) {
  1475.    //             setTimeout(showModalMessage, stayDurationThreshold);
  1476.    //             modalDisplayed = 1;
  1477.    //         }
  1478.    //     }
  1479.  
  1480.    //         lastScrollPosition = scrollPosition;
  1481.    //     });
  1482.  
  1483.    //     // 定義顯示 modal 訊息的函式
  1484.    //     function showModalMessage() {
  1485.    //         // 在此處添加彈出 modal 的程式碼
  1486.    //         // 可以使用第三方庫或自定義樣式和內容來創建 modal
  1487.            
  1488.    //         // Check if the current page is in the allowedPages array
  1489.    //         if (!window.location.pathname.startsWith("/customer-portal/") && !window.location.pathname.startsWith("/booking/")) {
  1490.    //             my_modal_4.showModal();
  1491.    //             // resetTimer();
  1492.    //         }
  1493.            
  1494.    //     }
  1495.    </script>
  1496.  
  1497.    <script src="/vendor/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = '0yxA4oKfAKQnqsPuYH0bUcvgAwYqlrfLNYg0i1qx';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>
  1498.            <script>
  1499.            document.addEventListener('DOMContentLoaded', function() {
  1500.            var deferredImages = document.querySelectorAll('.deferred-image');
  1501.            
  1502.            function lazyLoad() {
  1503.                console.log(deferredImages);
  1504.                deferredImages.forEach(function(img) {
  1505.                if (img.getBoundingClientRect().top <= window.innerHeight && img.getBoundingClientRect().bottom >= 0 && getComputedStyle(img).display !== 'none') {
  1506.                    img.setAttribute('src', img.getAttribute('data-src'));
  1507.                    img.classList.remove('deferred-image');
  1508.                    
  1509.                    // Remove the event listener once the image is loaded
  1510.                    img.removeEventListener('load', lazyLoad);
  1511.                }
  1512.                });
  1513.            }
  1514.            
  1515.                // Attach the lazyLoad function to the scroll and resize events
  1516.                window.addEventListener('scroll', lazyLoad);
  1517.                window.addEventListener('resize', lazyLoad);
  1518.                
  1519.                // Initially call the lazyLoad function to check if any images are already in the viewport
  1520.                window.addEventListener('load', lazyLoad);
  1521.                // lazyLoad();
  1522.            });
  1523.        </script>
  1524.      
  1525.  
  1526.    </body>
  1527.  
  1528. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda