<!DOCTYPE html><html lang="zh-HK"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="msapplication-TileImage" content="/icons/ms-icon-144x144.png"> <meta name="msapplication-TileColor" content="#f9fafb"> <meta name="theme-color" content="#f9fafb"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <link rel="shortcut icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png"> <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="76x76" href="/icons/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="120x120" href="/icons/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="152x152" href="/icons/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="57x57" href="/icons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/icons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/icons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/icons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/icons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/icons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/icons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/icons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/icons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png"> <link rel="manifest" href="/manifest.json"> <!-- Hotjar Tracking Code for https://www.restore.space --> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:3727177,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> <!-- Start of SEO --> <title>迷你倉月租價錢收費、租迷你倉優惠及最平迷你倉價錢</title><meta name="description" content="哪區迷你倉月租最平？原儲存提供香港高質合規的自助迷你倉服務。想了解全港最平迷你倉價錢，以及有什麼租迷你倉優惠。立即租迷你倉！"><meta name="keywords" content="原儲存,迷你倉,倉,租倉,儲存倉,迷你倉推介,迷你倉價錢,合規迷你倉,香港迷你倉"><meta name="locale" content="zh-HK"><link rel="canonical" href="https://www.restore.space/pricing"/><link rel="prev" href="https://www.restore.space"/><link rel="alternate" hreflang="zh-HK" href="https://www.restore.space/pricing"/><link rel="alternate" hreflang="en-GB" href="https://www.restore.space/en-GB/pricing"/><meta name="robots" content="all"><meta property="og:title" content="迷你倉月租價錢收費、租迷你倉優惠及最平迷你倉價錢" /><meta property="og:description" content="哪區迷你倉月租最平？原儲存提供香港高質合規的自助迷你倉服務。想了解全港最平迷你倉價錢，以及有什麼租迷你倉優惠。立即租迷你倉！" /><meta property="og:site_name" content="迷你倉月租價錢收費、租迷你倉優惠及最平迷你倉價錢" /><meta property="og:type" content="place" /><meta property="og:locale" content="zh-HK" /><meta property=":locale:alternate" content="zh-HK" /><meta property=":locale:alternate" content="en-GB" /><meta property="og:url" content="https://www.restore.space/pricing" /><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_4_HK-zh-HK.webp" /><meta name="twitter:site" content="@RestoreHK" /><meta name="twitter:title" content="迷你倉月租價錢收費、租迷你倉優惠及最平迷你倉價錢" /><meta name="twitter:description" content="哪區迷你倉月租最平？原儲存提供香港高質合規的自助迷你倉服務。想了解全港最平迷你倉價錢，以及有什麼租迷你倉優惠。立即租迷你倉！" /><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> <link href="https://www.googletagmanager.com/gtag/js?id=G-89F6CF54K8" rel="preload" as="script"> <!-- GA Google Analytics @ https://m0n.co/ga --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-114971653-1', 'auto'); ga('send', 'pageview'); </script> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1064509353727887'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1064509353727887&ev=PageView&noscript=1" /></noscript> <!-- End Facebook Pixel Code --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-89F6CF54K8"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-89F6CF54K8'); </script> <script id="pixel-script-poptin" src="https://cdn.popt.in/pixel.js?id=5368ff5a0323c" async="true"></script> <!-- Google Tag Manager for WordPress by gtm4wp.com --> <!-- GTM Container placement set to footer --> <script data-cfasync="false" data-pagespeed-no-defer=""> var dataLayer_content = {"pagePostType":"frontpage","pagePostType2":"single-page","pagePostAuthor":"leestorage"}; dataLayer.push( dataLayer_content ); </script> <script data-cfasync="false"> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.'+'js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5JNKP66'); </script> <!-- End Google Tag Manager --> <!-- Facebook Pixel Code --> <script type="text/javascript"> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); </script> <!-- End Facebook Pixel Code --> <script type="text/javascript"> fbq('init', '250855979962028', {}, { "agent": "wordpress-6.0.1-3.0.6" }); </script> <script type="text/javascript"> fbq('track', 'PageView', []); </script> <!-- Facebook Pixel Code --> <noscript> <img height="1" width="1" style="display:none" alt="fbpx" src="https://www.facebook.com/tr?id=250855979962028&ev=PageView&noscript=1" /> </noscript> <!-- End Facebook Pixel Code --> <!-- Global site tag (gtag.js) - Google Ads: 816721555 --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-816721555"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-816721555'); </script> <!-- End of SEO --> <link href="https://www.restore.space/css/app.css?v=202312051901" rel="stylesheet"> <!-- Start of Font --> <!-- End of Font --> <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> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/pikaday/css/pikaday.css"> <script src="//unpkg.com/alpinejs" defer></script> <!-- Alpine Plugins --> <script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/mask@3.x.x/dist/cdn.min.js"></script> <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.2/dist/alpine.min.js" defer></script> <script src="https://www.google.com/recaptcha/api.js?onload=handle&render=explicit" async defer> </script> <script> !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"; analytics.load("Lktmy3y0EBECqDE79Aadd5losYAi95ih"); analytics.page(); }}(); </script> </head> <body data-theme="garden" class="bg-gray-50 font-light h-full min-h-screen"> <header class="pb-20 lg:pb-0"> <div class="w-full absolute lg:relative bg-gray-50 lg:bg-gray-50 z-50 drop-shadow-sm"> <nav class="hidden lg:flex navbar z-50 relative"> <div class="flex-1 pl-4"> <a href="/"> <img src="/img/logo.svg" title="原儲存迷你倉｜RESTORE" width="256px" height="25px" class="block w-44" alt="原儲存迷你倉｜RESTORE"></a> </div> <div class="flex-none"> <ul class="menu menu-horizontal px-1"> <li> <details> <summary> <a>地區分店</a> </summary> <ul class="p-2 bg-gray-200 rounded-md w-48"> <li><a href="https://www.restore.space/%E8%A5%BF%E7%92%B0%E8%BF%B7%E4%BD%A0%E5%80%89/%E9%A6%99%E6%B8%AF%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="">西環迷你倉</a> </li> <li><a href="https://www.restore.space/%E9%BB%83%E7%AB%B9%E5%9D%91%E8%BF%B7%E4%BD%A0%E5%80%89/%E7%91%9E%E7%90%AA%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="">黃竹坑迷你倉</a> </li> <li><a href="https://www.restore.space/%E9%A6%99%E6%B8%AF%E4%BB%94%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%AF%8C%E5%98%89%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="">香港仔迷你倉</a> </li> <li><a href="https://www.restore.space/%E5%8C%97%E8%A7%92%E8%BF%B7%E4%BD%A0%E5%80%89/%E6%B5%B7%E6%99%AF%E5%A4%A7%E5%BB%88" class="">天后/北角迷你倉</a> </li> <li><a href="https://www.restore.space/%E6%9F%B4%E7%81%A3%E8%BF%B7%E4%BD%A0%E5%80%89/%E8%90%AC%E5%B3%AF%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="">柴灣迷你倉</a> </li> <li><a href="https://www.restore.space/%E7%B4%85%E7%A3%A1%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%87%B1%E6%97%8B%E5%B7%A5%E5%95%86%E4%B8%AD%E5%BF%83%E4%B8%80%E6%9C%9F" class="">紅磡迷你倉</a> </li> <li> <details> <summary class=""> <a href="https://www.restore.space/%E5%B1%AF%E9%96%80%E8%BF%B7%E4%BD%A0%E5%80%89">屯門迷你倉 </a> </summary> <ul class="p-2 bg-gray-200 rounded-md"> <li> <a href="https://www.restore.space/%E5%B1%AF%E9%96%80%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%87%B1%E6%98%8C%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88">凱昌工業大廈</a> </li> <li> <a href="https://www.restore.space/%E5%B1%AF%E9%96%80%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%A5%BD%E6%99%AF%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88">好景工業大廈</a> </li> </ul> </details> </li> <li><a href="https://www.restore.space/%E8%91%B5%E6%B6%8C%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%BB%BA%E8%8F%AF%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="">葵涌迷你倉</a> </li> </ul> </details> </li> <li><a class="" href="/信箱出租">郵政信箱</a></li> <li><a class="" href="/faqs">常見問題</a></li> <li><a class="bg-primary text-white" href="/pricing">迷你倉價錢</a></li> <li><a class="text-gray-800" href="/latest-promotion">最新優惠</a></li> <li> <a rel="alternate" hreflang="en-GB" href="https://www.restore.space/en-GB/pricing" class="">English</a> </li> </ul> </div> <button class="btn btn-primary btn-sm login-button"> <a href="https://www.restore.space/login/otp" class="login-button">登入</a> </button> </nav> <nav class="flex lg:hidden navbar-sm z-50 relative p-0"> <div class="navbar-start"> <div class="dropdown"> <label tabindex="0" class="btn btn-ghost"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7" /></svg> </label> <ul tabindex="0" class="menu menu-compact dropdown-content mt-3 p-2 shadow bg-gray-200 rounded-xl w-52"> <li><a href="/">首頁</a></li> <li><a href="https://www.restore.space/%E8%A5%BF%E7%92%B0%E8%BF%B7%E4%BD%A0%E5%80%89/%E9%A6%99%E6%B8%AF%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="text-gray-800">西環迷你倉</a> </li> <li><a href="https://www.restore.space/%E9%BB%83%E7%AB%B9%E5%9D%91%E8%BF%B7%E4%BD%A0%E5%80%89/%E7%91%9E%E7%90%AA%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="text-gray-800">黃竹坑迷你倉</a> </li> <li><a href="https://www.restore.space/%E9%A6%99%E6%B8%AF%E4%BB%94%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%AF%8C%E5%98%89%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="text-gray-800">香港仔迷你倉</a> </li> <li><a href="https://www.restore.space/%E5%8C%97%E8%A7%92%E8%BF%B7%E4%BD%A0%E5%80%89/%E6%B5%B7%E6%99%AF%E5%A4%A7%E5%BB%88" class="text-gray-800">天后/北角迷你倉</a> </li> <li><a href="https://www.restore.space/%E6%9F%B4%E7%81%A3%E8%BF%B7%E4%BD%A0%E5%80%89/%E8%90%AC%E5%B3%AF%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="text-gray-800">柴灣迷你倉</a> </li> <li><a href="https://www.restore.space/%E7%B4%85%E7%A3%A1%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%87%B1%E6%97%8B%E5%B7%A5%E5%95%86%E4%B8%AD%E5%BF%83%E4%B8%80%E6%9C%9F" class="text-gray-800">紅磡迷你倉</a> </li> <li> <details> <summary class="text-gray-800"> <a href="https://www.restore.space/%E5%B1%AF%E9%96%80%E8%BF%B7%E4%BD%A0%E5%80%89">屯門迷你倉 </a> </summary> <ul class="p-2 bg-gray-200 rounded-md"> <li><a href="https://www.restore.space/%E5%B1%AF%E9%96%80%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%87%B1%E6%98%8C%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="text-gray-800">凱昌工業大廈</a> </li> <li><a href="https://www.restore.space/%E5%B1%AF%E9%96%80%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%A5%BD%E6%99%AF%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="text-gray-800">好景工業大廈</a> </li> </ul> </details> </li> <li><a href="https://www.restore.space/%E8%91%B5%E6%B6%8C%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%BB%BA%E8%8F%AF%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="text-gray-800">葵涌迷你倉</a> </li> <li><a class="text-gray-800" href="/信箱出租">郵政信箱</a></li> <li><a class="text-gray-800" href="/latest-promotion">最新優惠</a></li> <li><a href="https://www.restore.space/about-us">關於我們</a></li> <li><a class="text-gray-800" href="/faqs">常見問題</a></li> <li> <a rel="alternate" hreflang="en-GB" href="https://www.restore.space/en-GB/pricing" class="text-gray-800">English</a> </li> </ul> </div> </div> <div class="navbar-center"> <a href="/"> <img src="/img/logo.svg" title="原儲存迷你倉｜RESTORE" width="256px" height="25px" class="block w-44" alt="原儲存迷你倉｜RESTORE"></a> </div> <div class="navbar-end"> </div> </nav> </div> </header> <main class="grid relative pb-10 lg:pb-0"> <section class="pb-10 md:pb-14 lg:pb-20 static relative"> <div class="lg:max-w-7xl w-full mx-auto px-4 2xl:px-0"> <div class="section-content"> <img src="/storage/banner/2024_01/desktop_zero_prepayment_4_HK-zh-HK.webp?v=20240911" title="迷你倉優惠 | 零預繳 | 原儲存" description="迷你倉優惠 | 零預繳 | 原儲存" alt="香港迷你倉-24小時迷你倉-儲存倉" width="1280px" height="519px" class="hidden lg:block w-full rounded-2xl"> <img src="/storage/banner/2024_01/mobile_zero_prepayment_4_HK-zh-HK.webp?v=20240911" title="迷你倉優惠 | 零預繳 | 原儲存" description="迷你倉優惠 | 零預繳 | 原儲存" alt="香港迷你倉-24小時迷你倉-儲存倉" width="800px" height="800px" class="block lg:hidden w-full rounded-2xl"> <p class="text-xs lg:text-sm text-gray-500 mt-2">*現時租迷你倉只需1個月按金及1個月上期便可入倉，受條款及細則約束，本公司保留最終決定權</p> </div> </div></section> <section class="pb-10 md:pb-14 lg:pb-20 static"> <div class="lg:max-w-7xl w-full mx-auto px-4 2xl:px-0"> <div class="section-title text-gray-700 flex font-light md:ml-0 space-x-2 mb-8"> <div class="self-end text-xl md:text-2xl lg:text-3xl mb-0 inline-block w-full flex"> <h1>各區迷你倉月租｜迷你倉價錢｜迷你倉收費</h1> </div> </div> <div class="section-content"> <div> <p class="mt-3 text-gray-800 sm:mt-4"> 香港的迷你倉服務發展迅速，愈來愈多人都會租迷你倉來存放物品，解決儲物空間不足問題。 <br><br> RESTORE 原儲存服務地點遍佈香港區及新界區，分別設於西環、北角／天后、黃竹坑、香港仔、葵涌及屯門。我們致力提供設計創新、設備優良、業界最佳的迷你倉倉儲服務，為用戶不斷創造空間，簡化生活。 <br><br> 我們的<a href="https://www.restore.space" class="underline text-blue-500">迷你倉</a>最平只需HK$199起！ <br><br> 想了解原儲存最平迷你倉價錢以及更多有關迷你倉優惠，租迷你倉價錢的詳情請參考以下資訊，或<a href="https://www.restore.space/">致電</a>我們查詢。 </p> </div> </div> </div></section> <section class="pb-10 md:pb-14 lg:pb-20 static"> <div class="lg:max-w-7xl w-full mx-auto px-4 2xl:px-0"> <div class="section-title text-gray-700 flex font-light md:ml-0 space-x-2 mb-8"> <div class="self-end text-xl md:text-2xl lg:text-3xl mb-0 inline-block w-full flex"> <h2>RESTORE 原儲存租迷你倉優惠</h2> </div> </div> <div class="section-content"> <div class="relative w-full"> <!-- Carousel wrapper --> <div class="relative overflow-hidden rounded-lg"> <!-- Item 1 --> <img src="/img/promotions/winwin-20241004-02-02.jpg" width="1280px" height="568px" class="hidden md:block w-full" alt="迷你倉優惠-迷你倉收費-最平迷你倉價錢" title="介紹即可享500元"> <img src="/img/promotions/winwin-20241004-03.jpg" width="600px" height="554px" class="block md:hidden w-full" alt="迷你倉優惠-迷你倉收費-最平迷你倉價錢" title="介紹即可享500元"> </div> <span class="pt-2 text-xs lg:text-sm block text-primary">*最新租迷你倉優惠：介紹租用原儲存的<a href="https://www.restore.space" class="text-blue-500 underline">迷你倉</a>即可享500元，歡迎<a href="https://www.restore.space/book-visit" class="underline text-blue-500">預約參觀</a>迷你倉或<a href="tel:66338008" class="underline text-blue-500">致電</a>我們查詢致更多關於<a href="https://www.restore.space/pricing" class="text-blue-500 underline">迷你倉收費</a>和迷你倉優惠的詳情。</span> </div> </div> </div></section> <section class="pb-10 md:pb-14 lg:pb-20 static"> <div class="lg:max-w-7xl w-full mx-auto px-4 2xl:px-0"> <div class="section-title text-gray-700 flex font-light md:ml-0 space-x-2 mb-8"> <div class="self-end text-xl md:text-2xl lg:text-3xl mb-0 inline-block w-full flex"> <h2>各區迷你倉月租價錢收費</h2> </div> </div> <div class="section-content"> <div class="space-y-8"> <dd class="card border"> <div class="card-body p-4 lg:p-8"> <div class="card-title font-light"> <h2 class="text-lg tracking-tight text-gray-700 md:text-xl space-y-2"> 新界區・所有迷你倉分店位置 </h2> </div> <div class="py-8"> <div class="pb-4 space-y-2"> <h3 class="text-lg underline">屯門迷你倉</h3> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-6"> <div class="card card-side border lg:border-0 lg:bg-white rounded-xl ease-in-out lg:shadow-xl duration-800"> <figure class="object-cover h-full w-0 lg:w-64"><img src="/storage/gallery/FOTO_TMHC/IMG_0140.JPG" alt="租迷你倉價錢-凱昌工業大廈-屯門迷你倉" title="租迷你倉價錢-凱昌工業大廈-屯門迷你倉" class="object-cover h-full w-full" /></figure> <div class="card-body w-1/2"> <h2 class="text-xl">凱昌工業大廈</h2> <div class="flex items-center text-sm text-gray-500 cursor-pointer hover:text-gray-800"> <a href="https://www.restore.space/%E5%B1%AF%E9%96%80%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%87%B1%E6%98%8C%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88"> 屯門河田街4號凱昌工業大廈5B室 (接待處)以及3B室, 6B室, 7B室, 10B室 </a> </div> <p class="text-gray-500 mt-4">迷你倉價錢 最平月費低至<br><span class="text-xl text-error font-bold">HK$ 199.0</span></p> <div class="card-actions justify-end mt-4"> <a href="https://www.restore.space/%E5%B1%AF%E9%96%80%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%87%B1%E6%98%8C%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="btn btn-primary btn-sm w-full">查詢更多租迷你倉價錢 →</a> <a href="https://www.restore.space/book-visit?area=TM" class="btn btn-error btn-sm w-full">立即預約參觀迷你倉 →</a> </div> </div> </div> <div class="card card-side border lg:border-0 lg:bg-white rounded-xl ease-in-out lg:shadow-xl duration-800"> <figure class="object-cover h-full w-0 lg:w-64"><img src="/storage/gallery/FOTO_TMGVA8/DSC05319.JPG" alt="迷你倉最平-好景工業大廈-屯門迷你倉" title="迷你倉最平-好景工業大廈-屯門迷你倉" class="object-cover h-full w-full" /></figure> <div class="card-body w-1/2"> <h2 class="text-xl">好景工業大廈</h2> <div class="flex items-center text-sm text-gray-500 cursor-pointer hover:text-gray-800"> <a href="https://www.restore.space/%E5%B1%AF%E9%96%80%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%A5%BD%E6%99%AF%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88"> 屯門建發街11號好景工業大廈A座8字樓全層 </a> </div> <p class="text-gray-500 mt-4">迷你倉價錢 最平月費低至<br><span class="text-xl text-error font-bold">HK$ 199.0</span></p> <div class="card-actions justify-end mt-4"> <a href="https://www.restore.space/%E5%B1%AF%E9%96%80%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%A5%BD%E6%99%AF%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="btn btn-primary btn-sm w-full">查詢更多租迷你倉價錢 →</a> <a href="https://www.restore.space/book-visit?area=TMGV" class="btn btn-error btn-sm w-full">立即預約參觀迷你倉 →</a> </div> </div> </div> </div> </div> <div class="py-8"> <div class="pb-4 space-y-2"> <h3 class="text-lg underline">葵涌迷你倉</h3> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-6"> <div class="card card-side border lg:border-0 lg:bg-white rounded-xl ease-in-out lg:shadow-xl duration-800"> <figure class="object-cover h-full w-0 lg:w-64"><img src="/storage/gallery/FOTO_KCKW6/2-DSC00933a.jpg" alt="迷你倉最平-建華工業大廈-葵涌迷你倉" title="迷你倉最平-建華工業大廈-葵涌迷你倉" class="object-cover h-full w-full" /></figure> <div class="card-body w-1/2"> <h2 class="text-xl">建華工業大廈</h2> <div class="flex items-center text-sm text-gray-500 cursor-pointer hover:text-gray-800"> <a href="https://www.restore.space/%E8%91%B5%E6%B6%8C%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%BB%BA%E8%8F%AF%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88"> 葵涌大連排道136-138號建華工業大廈6樓 (接待處)以及8樓 </a> </div> <p class="text-gray-500 mt-4">迷你倉價錢 最平月費低至<br><span class="text-xl text-error font-bold">HK$ 199.0</span></p> <div class="card-actions justify-end mt-4"> <a href="https://www.restore.space/%E8%91%B5%E6%B6%8C%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%BB%BA%E8%8F%AF%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="btn btn-primary btn-sm w-full">查詢更多租迷你倉價錢 →</a> <a href="https://www.restore.space/book-visit?area=KC" class="btn btn-error btn-sm w-full">立即預約參觀迷你倉 →</a> </div> </div> </div> </div> </div> </div> </dd> <dd class="card border"> <div class="card-body p-4 lg:p-8"> <div class="card-title font-light"> <h2 class="text-lg tracking-tight text-gray-700 md:text-xl space-y-2"> 香港區・所有迷你倉分店位置 </h2> </div> <div class="py-8"> <div class="pb-4 space-y-2"> <h3 class="text-lg underline">西環迷你倉</h3> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-6"> <div class="card card-side border lg:border-0 lg:bg-white rounded-xl ease-in-out lg:shadow-xl duration-800"> <figure class="object-cover h-full w-0 lg:w-64"><img src="/storage/gallery/FOTO_HKIB6G/2_DSC09860r.jpg" alt="租迷你倉價錢-香港工業大廈-西環迷你倉" title="租迷你倉價錢-香港工業大廈-西環迷你倉" class="object-cover h-full w-full" /></figure> <div class="card-body w-1/2"> <h2 class="text-xl">香港工業大廈</h2> <div class="flex items-center text-sm text-gray-500 cursor-pointer hover:text-gray-800"> <a href="https://www.restore.space/%E8%A5%BF%E7%92%B0%E8%BF%B7%E4%BD%A0%E5%80%89/%E9%A6%99%E6%B8%AF%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88"> 西環德輔道西452號香港工業大廈6G室 (接待處)以及4B室, 4C室, 4G室, 6B室, 15B室, 15F室, 18E室, 18F室, 19E室 </a> </div> <p class="text-gray-500 mt-4">迷你倉價錢 最平月費低至<br><span class="text-xl text-error font-bold">HK$ 445.2</span></p> <div class="card-actions justify-end mt-4"> <a href="https://www.restore.space/%E8%A5%BF%E7%92%B0%E8%BF%B7%E4%BD%A0%E5%80%89/%E9%A6%99%E6%B8%AF%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="btn btn-primary btn-sm w-full">查詢更多租迷你倉價錢 →</a> <a href="https://www.restore.space/book-visit?area=HK" class="btn btn-error btn-sm w-full">立即預約參觀迷你倉 →</a> </div> </div> </div> </div> </div> <div class="py-8"> <div class="pb-4 space-y-2"> <h3 class="text-lg underline">黃竹坑迷你倉</h3> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-6"> <div class="card card-side border lg:border-0 lg:bg-white rounded-xl ease-in-out lg:shadow-xl duration-800"> <figure class="object-cover h-full w-0 lg:w-64"><img src="/storage/gallery/FOTO_WCHSK9B/0_DSC02251sa.jpg" alt="最平迷你倉價錢-瑞琪工業大廈-黃竹坑迷你倉" title="最平迷你倉價錢-瑞琪工業大廈-黃竹坑迷你倉" class="object-cover h-full w-full" /></figure> <div class="card-body w-1/2"> <h2 class="text-xl">瑞琪工業大廈</h2> <div class="flex items-center text-sm text-gray-500 cursor-pointer hover:text-gray-800"> <a href="https://www.restore.space/%E9%BB%83%E7%AB%B9%E5%9D%91%E8%BF%B7%E4%BD%A0%E5%80%89/%E7%91%9E%E7%90%AA%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88"> 黃竹坑道18號瑞琪工業大廈9B室 (接待處)以及1A室, 8B室 *請由香葉道入口進入 </a> </div> <p class="text-gray-500 mt-4">迷你倉價錢 最平月費低至<br><span class="text-xl text-error font-bold">HK$ 272.2</span></p> <div class="card-actions justify-end mt-4"> <a href="https://www.restore.space/%E9%BB%83%E7%AB%B9%E5%9D%91%E8%BF%B7%E4%BD%A0%E5%80%89/%E7%91%9E%E7%90%AA%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="btn btn-primary btn-sm w-full">查詢更多租迷你倉價錢 →</a> <a href="https://www.restore.space/book-visit?area=WCH" class="btn btn-error btn-sm w-full">立即預約參觀迷你倉 →</a> </div> </div> </div> </div> </div> <div class="py-8"> <div class="pb-4 space-y-2"> <h3 class="text-lg underline">香港仔迷你倉</h3> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-6"> <div class="card card-side border lg:border-0 lg:bg-white rounded-xl ease-in-out lg:shadow-xl duration-800"> <figure class="object-cover h-full w-0 lg:w-64"><img src="/storage/gallery/FOTO_ABFG2006/2_DSC02569.jpg" alt="迷你倉月租-富嘉工業大廈-香港仔迷你倉" title="迷你倉月租-富嘉工業大廈-香港仔迷你倉" class="object-cover h-full w-full" /></figure> <div class="card-body w-1/2"> <h2 class="text-xl">富嘉工業大廈</h2> <div class="flex items-center text-sm text-gray-500 cursor-pointer hover:text-gray-800"> <a href="https://www.restore.space/%E9%A6%99%E6%B8%AF%E4%BB%94%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%AF%8C%E5%98%89%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88"> 香港仔大道234號富嘉工業大廈2006室 (接待處)以及2007室 </a> </div> <p class="text-gray-500 mt-4">迷你倉價錢 最平月費低至<br><span class="text-xl text-error font-bold">HK$ 260.7</span></p> <div class="card-actions justify-end mt-4"> <a href="https://www.restore.space/%E9%A6%99%E6%B8%AF%E4%BB%94%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%AF%8C%E5%98%89%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="btn btn-primary btn-sm w-full">查詢更多租迷你倉價錢 →</a> <a href="https://www.restore.space/book-visit?area=AB" class="btn btn-error btn-sm w-full">立即預約參觀迷你倉 →</a> </div> </div> </div> </div> </div> <div class="py-8"> <div class="pb-4 space-y-2"> <h3 class="text-lg underline">天后/北角迷你倉</h3> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-6"> <div class="card card-side border lg:border-0 lg:bg-white rounded-xl ease-in-out lg:shadow-xl duration-800"> <figure class="object-cover h-full w-0 lg:w-64"><img src="/storage/gallery/FOTO_THSVA1105/2_IMG_1098.jpg" alt="迷你倉價錢-海景大廈-天后北角迷你倉" title="迷你倉價錢-海景大廈-天后北角迷你倉" class="object-cover h-full w-full" /></figure> <div class="card-body w-1/2"> <h2 class="text-xl">海景大廈</h2> <div class="flex items-center text-sm text-gray-500 cursor-pointer hover:text-gray-800"> <a href="https://www.restore.space/%E5%8C%97%E8%A7%92%E8%BF%B7%E4%BD%A0%E5%80%89/%E6%B5%B7%E6%99%AF%E5%A4%A7%E5%BB%88"> 北角天后屈臣道2號海景大廈A座1105室 </a> </div> <p class="text-gray-500 mt-4">迷你倉價錢 最平月費低至<br><span class="text-xl text-error font-bold">HK$ 268.6</span></p> <div class="card-actions justify-end mt-4"> <a href="https://www.restore.space/%E5%8C%97%E8%A7%92%E8%BF%B7%E4%BD%A0%E5%80%89/%E6%B5%B7%E6%99%AF%E5%A4%A7%E5%BB%88" class="btn btn-primary btn-sm w-full">查詢更多租迷你倉價錢 →</a> <a href="https://www.restore.space/book-visit?area=TH" class="btn btn-error btn-sm w-full">立即預約參觀迷你倉 →</a> </div> </div> </div> </div> </div> <div class="py-8"> <div class="pb-4 space-y-2"> <h3 class="text-lg underline">柴灣迷你倉</h3> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-6"> <div class="card card-side border lg:border-0 lg:bg-white rounded-xl ease-in-out lg:shadow-xl duration-800"> <figure class="object-cover h-full w-0 lg:w-64"><img src="/storage/gallery/FOTO_CWMF11C/IMG_8666.jpg" alt="迷你倉價錢-萬峯工業大廈-柴灣迷你倉" title="迷你倉價錢-萬峯工業大廈-柴灣迷你倉" class="object-cover h-full w-full" /></figure> <div class="card-body w-1/2"> <h2 class="text-xl">萬峯工業大廈</h2> <div class="flex items-center text-sm text-gray-500 cursor-pointer hover:text-gray-800"> <a href="https://www.restore.space/%E6%9F%B4%E7%81%A3%E8%BF%B7%E4%BD%A0%E5%80%89/%E8%90%AC%E5%B3%AF%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88"> 柴灣祥利街7號萬峯工業大廈11C室 </a> </div> <p class="text-gray-500 mt-4">迷你倉價錢 最平月費低至<br><span class="text-xl text-error font-bold">HK$ 234.0</span></p> <div class="card-actions justify-end mt-4"> <a href="https://www.restore.space/%E6%9F%B4%E7%81%A3%E8%BF%B7%E4%BD%A0%E5%80%89/%E8%90%AC%E5%B3%AF%E5%B7%A5%E6%A5%AD%E5%A4%A7%E5%BB%88" class="btn btn-primary btn-sm w-full">查詢更多租迷你倉價錢 →</a> <a href="https://www.restore.space/book-visit?area=CW" class="btn btn-error btn-sm w-full">立即預約參觀迷你倉 →</a> </div> </div> </div> </div> </div> </div> </dd> <dd class="card border"> <div class="card-body p-4 lg:p-8"> <div class="card-title font-light"> <h2 class="text-lg tracking-tight text-gray-700 md:text-xl space-y-2"> region.KL・所有迷你倉分店位置 </h2> </div> <div class="py-8"> <div class="pb-4 space-y-2"> <h3 class="text-lg underline">紅磡迷你倉</h3> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-6"> <div class="card card-side border lg:border-0 lg:bg-white rounded-xl ease-in-out lg:shadow-xl duration-800"> <figure class="object-cover h-full w-0 lg:w-64"><img src="/storage/gallery/FOTO_HH1KE/DSC03610_v2.jpg" alt="迷你倉價錢-凱旋工商中心一期-紅磡迷你倉" title="迷你倉價錢-凱旋工商中心一期-紅磡迷你倉" class="object-cover h-full w-full" /></figure> <div class="card-body w-1/2"> <h2 class="text-xl">凱旋工商中心一期</h2> <div class="flex items-center text-sm text-gray-500 cursor-pointer hover:text-gray-800"> <a href="https://www.restore.space/%E7%B4%85%E7%A3%A1%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%87%B1%E6%97%8B%E5%B7%A5%E5%95%86%E4%B8%AD%E5%BF%83%E4%B8%80%E6%9C%9F"> 紅磡民裕街37-45號凱旋工商中心一期10C室 </a> </div> <p class="text-gray-500 mt-4">迷你倉價錢 最平月費低至<br><span class="text-xl text-error font-bold">HK$ 296.1</span></p> <div class="card-actions justify-end mt-4"> <a href="https://www.restore.space/%E7%B4%85%E7%A3%A1%E8%BF%B7%E4%BD%A0%E5%80%89/%E5%87%B1%E6%97%8B%E5%B7%A5%E5%95%86%E4%B8%AD%E5%BF%83%E4%B8%80%E6%9C%9F" class="btn btn-primary btn-sm w-full">查詢更多租迷你倉價錢 →</a> <a href="https://www.restore.space/book-visit?area=HH" class="btn btn-error btn-sm w-full">立即預約參觀迷你倉 →</a> </div> </div> </div> </div> </div> </div> </dd> </div> </div> </div></section> <section class="pb-10 md:pb-14 lg:pb-20 static"> <div class="lg:max-w-7xl w-full mx-auto px-4 2xl:px-0"> <div class="section-title text-gray-700 flex font-light md:ml-0 space-x-2 mb-8"> <div class="self-end text-xl md:text-2xl lg:text-3xl mb-0 inline-block w-full flex"> <h2>立即預約參觀迷你倉!</h2> </div> </div> <div class="section-content"> <div class="relative bg-white rounded-2xl overflow-hidden"> <div wire:id="JlYl4yz3uZwiBDORYNZ1" wire:initial-data="{"fingerprint":{"id":"JlYl4yz3uZwiBDORYNZ1","name":"booking-form","locale":"zh-HK","path":"pricing","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"b329fcb6","data":{"open":null,"area":null,"staff":null,"startdate":"2024-11-22","branch":null,"sites":[],"site":null,"sizes":null,"done":false,"type":"all","platform":"deskotp","msg":null,"state":[],"times":[]},"dataMeta":[],"checksum":"a5c0751a2c504a53c725af6392c27bb3e7f4e42da7f016c516e15601946410f2"}}" wire:init='init' id="bookavisit" class="ring-pink-500 ring-inset rounded-xl transition duration-100 ease-in-out "> <div wire:loading class="bg-gray-200 bg-opacity-60 absolute top-0 right-0 w-full h-full text-center"> <div role="status" class="mx-auto hero h-full"> <svg aria-hidden="true" class="w-20 h-20 mr-2 text-gray-200 animate-spin dark:text-gray-200 fill-primary" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor" /> <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill" /> </svg> <span class="sr-only">Loading...</span> </div> </div> <div class="p-6"> <form wire:submit.prevent="booking" id="calendarForm" class="space-y-6 calendar-form" method="POST"> <input type="hidden" name="_token" value="sD4jbMIj6WrJKwrfkbEtmbv9ZKzzuVNqxqHsCnVC"> <div class="space-y-3 sm:space-y-3"> <div> <h3 class="text-2xl leading-6 text-gray-800"> 預約參觀 </h3> <div class="mt-4 w-full"> <label for="name" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2"> 選擇分店<span class="error">*</span> </label> <div class="text-base text-gray-500 py-4"> <select name="" id="" wire:model="branch" class="select w-full select-bordered select-lg"> <option value="">---</option> </select> </div> </div> </div> <div class="space-y-6 sm:space-y-5"> <div class="sm:grid sm:grid-cols-5 sm:gap-4 sm:items-start sm:border-t sm:border-gray-200 sm:pt-5"> <label for="name" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2"> 名稱<span class="error">*</span> </label> <div class="mt-1 sm:mt-0 sm:col-span-4"> <input wire:model.defer="state.name" type="text" name="name" id="name" autocomplete="name" class="input input-md lg:input-sm block w-full shadow-sm sm:text-sm border-gray-300"> </div> </div> <div class="sm:grid sm:grid-cols-5 sm:gap-4 sm:items-start sm:border-t sm:border-gray-200 sm:pt-5"> <label for="phone" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2"> 電話<span class="error">*</span> </label> <div class="mt-1 sm:mt-0 sm:col-span-4"> <input wire:model.defer="state.phone" id="phone" name="phone" type="text" autocomplete="phone" class="input input-md lg:input-sm block w-full shadow-sm sm:text-sm border-gray-300"> </div> </div> <div class="sm:grid sm:grid-cols-5 sm:gap-4 sm:items-start sm:border-t sm:border-gray-200 sm:pt-5"> <label for="phone" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2"> 電郵 </label> <div class="mt-1 sm:mt-0 sm:col-span-4"> <input wire:model.defer="state.email" id="email" name="email" type="email" class="input input-md lg:input-sm block w-full shadow-sm sm:text-sm border-gray-300"> </div> </div> <div class="sm:grid sm:grid-cols-5 sm:gap-4 sm:items-start sm:border-t sm:border-gray-200 sm:pt-5"> <label for="date" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2"> 日期<span class="error">*</span> </label> <div class="mt-1 sm:mt-0 sm:col-span-4"> <div> <input x-data x-ref="input" x-init="const maxDate = new Date(); const minDate = new Date('2024-11-22'); const currentTime = new Date(); const currentHour = currentTime.getHours(); const currentMinute = currentTime.getMinutes(); maxDate.setMonth(maxDate.getMonth() + 1); const disabledDates = ['2024-01-01','2024-02-10','2024-02-11','2024-02-12','2024-02-13','2024-03-29','2024-03-30','2024-03-31','2024-04-01','2024-06-10','2024-05-15','2024-05-01']; new Pikaday({ field: $refs.input, format: 'YYYY-MM-DD', onSelect: function() { $dispatch('input', this.getMoment().format('YYYY-MM-DD')); }, disableDayFn: function(date) { const year = date.getFullYear(); const month = date.getMonth() + 1; const day = date.getDate(); const formattedDate = `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`; return disabledDates.includes(formattedDate); }, maxDate: maxDate, minDate: minDate, setDefaultDate: false, defaultDate: minDate, });" type="text" wire:model="state.date" id="date" class="input input-md lg:input-sm input-bordered bg-white w-full focus:border-indigo-500" class="input input-bordered bg-white w-full focus:border-indigo-500 sm:text-sm"></div> </div> </div> <div class="sm:grid sm:grid-cols-5 sm:gap-4 sm:items-start sm:border-t sm:border-gray-200 sm:pt-5"> <label for="time" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2"> 時間<span class="error">*</span> </label> <div class="mt-1 sm:mt-0 sm:col-span-4"> <select wire:model="state.time" id="time" name="time" autocomplete="time" class="select select-md lg:select-sm block w-full shadow-sm sm:text-sm border-gray-300"> <option value="">---</option> </select> </div> </div> <div class="sm:grid sm:grid-cols-5 sm:gap-4 sm:items-start sm:border-t sm:border-gray-200 sm:pt-5"> <label for="size" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2"> 呎寸 </label> <div class="mt-1 sm:mt-0 sm:col-span-4"> <select wire:model.defer="state.size" id="size" name="size" autocomplete="size" class="select select-md lg:select-sm block w-full shadow-sm sm:text-sm border-gray-300"> <option value="">---</option> <option value="未決定">未決定</option> <option value="11-13">11-13平方呎</option> <option value="14-17">14-17平方呎</option> <option value="18-21">18-21平方呎</option> <option value="22-25">22-25平方呎</option> <option value="27-29">27-29平方呎</option> <option value="30+">30或以上平方呎</option> </select> </div> </div> </div> </div> <div class="text-right mt-10"> <button type="submit" class="btn btn-block btn-error"> 提交預約 </button> </div> </form> </div> </div> <!-- Livewire Component wire-end:JlYl4yz3uZwiBDORYNZ1 --> </div> </div> </div></section> <footer> <section class=" relative bg-gray-200 pb-10 md:pb-0" aria-labelledby="footer-heading"> <h2 id="footer-heading" class="sr-only">Footer</h2> <div class="max-w-7xl mx-auto py-12 xl:py-16 px-4 2xl:px-0"> <div class="xl:grid xl:grid-cols-3 xl:gap-8"> <div class="grid grid-cols-2 md:grid-cols-4 gap-8 xl:col-span-2"> <div class="order-1 mt-0"> <h3 class="text-sm font-semibold text-gray-800 tracking-wider uppercase"> 迷你倉 </h3> <ul role="list" class="mt-4 space-y-4"> <li> <a href="https://www.restore.space/%E8%A5%BF%E7%92%B0%E8%BF%B7%E4%BD%A0%E5%80%89" class="text-base text-neutral hover:text-primary"> 西環 迷你倉 </a> </li> <li> <a href="https://www.restore.space/%E9%BB%83%E7%AB%B9%E5%9D%91%E8%BF%B7%E4%BD%A0%E5%80%89" class="text-base text-neutral hover:text-primary"> 黃竹坑 迷你倉 </a> </li> <li> <a href="https://www.restore.space/%E9%A6%99%E6%B8%AF%E4%BB%94%E8%BF%B7%E4%BD%A0%E5%80%89" class="text-base text-neutral hover:text-primary"> 香港仔 迷你倉 </a> </li> <li> <a href="https://www.restore.space/%E5%8C%97%E8%A7%92%E8%BF%B7%E4%BD%A0%E5%80%89" class="text-base text-neutral hover:text-primary"> 天后/北角 迷你倉 </a> </li> <li> <a href="https://www.restore.space/%E6%9F%B4%E7%81%A3%E8%BF%B7%E4%BD%A0%E5%80%89" class="text-base text-neutral hover:text-primary"> 柴灣 迷你倉 </a> </li> <li> <a href="https://www.restore.space/%E7%B4%85%E7%A3%A1%E8%BF%B7%E4%BD%A0%E5%80%89" class="text-base text-neutral hover:text-primary"> 紅磡 迷你倉 </a> </li> <li> <a href="https://www.restore.space/%E5%B1%AF%E9%96%80%E8%BF%B7%E4%BD%A0%E5%80%89" class="text-base text-neutral hover:text-primary"> 屯門 迷你倉 </a> </li> <li> <a href="https://www.restore.space/%E8%91%B5%E6%B6%8C%E8%BF%B7%E4%BD%A0%E5%80%89" class="text-base text-neutral hover:text-primary"> 葵涌 迷你倉 </a> </li> </ul> </div> <div class="order-3 mt-0"> <h3 class="text-sm font-semibold text-gray-800 tracking-wider uppercase"> 原儲存 </h3> <ul role="list" class="mt-4 space-y-4"> <li> <a href="https://www.restore.space/about-us" class="text-base text-neutral hover:text-primary"> 關於我們 </a> </li> <li> <a href="https://www.restore.space/faqs" class="text-base text-neutral hover:text-primary"> 常見問題 </a> </li> <li> <a href="https://www.restore.space/contact-us" class="text-base text-neutral hover:text-primary"> 聯絡我們 </a> </li> </ul> </div> <div class="order-2 mt-0"> <h3 class="text-sm font-semibold text-gray-800 tracking-wider uppercase"> 合規迷你倉資訊 </h3> <ul role="list" class="mt-4 space-y-4"> <li> <a href="https://www.restore.space/pricing" class="text-base text-neutral hover:text-primary"> 迷你倉價錢 </a> </li> <li> <a href="https://www.restore.space/storage-service" class="text-base text-neutral hover:text-primary"> 迷你倉服務 </a> </li> <li> <a href="https://www.restore.space/latest-promotion" class="text-base text-neutral hover:text-primary"> 迷你倉優惠 </a> </li> <li> <a href="/西環迷你倉/香港工業大廈" class="text-base text-neutral hover:text-primary"> 合規迷你倉 </a> </li> <li> <a href="/屯門迷你倉" class="text-base text-neutral hover:text-primary"> 最平迷你倉 </a> </li> <li> <a href="/mailbox" class="text-base text-neutral hover:text-primary"> 郵政信箱 </a> </li> <li> <a href="https://www.restore.space/5%E5%A4%A7%E8%B2%BC%E5%A3%AB%E6%95%99%E4%BD%A0%E6%8F%80%E5%80%89-%E5%A6%82%E4%BD%95%E9%81%B8%E6%93%87%E8%BF%B7%E4%BD%A0%E5%80%89" class="text-base text-neutral hover:text-primary"> 5個選擇小提示 </a> </li> <li> <a href="https://www.restore.space/blog" class="text-base text-neutral hover:text-primary"> 迷你倉資訊 </a> </li> <li> <a href="https://www.restore.space/unit-size-calculator" class="text-base text-neutral hover:text-primary"> 迷你倉呎寸計算機 </a> </li> </ul> </div> <div class="order-4 mt-0"> <h3 class="text-sm font-semibold text-gray-800 tracking-wider uppercase"> 法例資訊 </h3> <ul role="list" class="mt-4 space-y-4"> <li> <a src="https://www.restore.space/blog" target="_blank" href="https://www.hkfsd.gov.hk/chi/fire_protection/mini_storages/index.html" class="text-base text-neutral hover:text-primary"> 迷你倉法例 </a> </li> <li> <a src="https://www.restore.space/blog" target="_blank" href="https://www.bd.gov.hk/tc/resources/faq/index_mini_storages.html" class="text-base text-neutral hover:text-primary"> 屋宇署資訊 </a> </li> </ul> </div> </div> <div class="mt-8 xl:mt-0"> <div> <h3 class="text-sm font-semibold text-gray-800 tracking-wider uppercase"> 訂閱我們 </h3> <p class="mt-4 text-base text-gray-700"> 每週發送到您的收件箱的最新消息，文章和資源。 </p> <form action="https://www.restore.space/subscribe" method="POST" class="mt-4 sm:flex sm:max-w-md"> <input type="hidden" name="_token" value="sD4jbMIj6WrJKwrfkbEtmbv9ZKzzuVNqxqHsCnVC"> <label for="email-address" class="sr-only">電子郵件</label> <input type="email" name="email" id="email-address" autocomplete="email" required 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" placeholder="yourname@email.com"> <div class="mt-3 sm:mt-0 sm:ml-3 sm:flex-shrink-0"> <button type="submit" 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"> 訂閱 </button> </div> </form></div> <div class="w-full mt-4"> <h3 class="text-sm font-semibold text-gray-800 tracking-wider uppercase"> 其他連結 </h3> <div class="mt-4 grid grid-cols-2 gap-0.5 md:grid-cols-2"> <div class="col-span-1 flex items-center lg:items-start pt-2"> <a href="https://www.restore.space/redirect?type=media&target=space-manager&from=https%3A%2F%2Fwww.restore.space%2Fpricing&to=https%3A%2F%2Fwww.radicalsys.com%2Fhk" target="_blank" class="mx-auto"> <img class="max-h-12" width="202px" height="34px" src="/img/space-manager-logo.svg" alt="radicalsys"> </a> </div> <div class="col-span-1 flex items-center lg:items-start"> <a href="https://www.restore.space/redirect?type=media&target=selfstorageasia&from=https%3A%2F%2Fwww.restore.space%2Fpricing&to=https%3A%2F%2Fselfstorageasia.org%2F" target="_blank" class="mx-auto"> <img class="max-h-12" width="126px" height="48px" src="/img/SSAAlogo2022.png" alt="selfstorageasia"> </a> </div> </div> </div> </div> </div> <div class="mt-8 border-t border-neutral-focus pt-8 md:flex md:items-center md:justify-between"> <div class="flex space-x-6 md:order-2"> <a href="https://www.restore.space/redirect?type=media&target=facebook&from=https%3A%2F%2Fwww.restore.space%2Fpricing&to=https%3A%2F%2Fwww.facebook.com%2Frestore66338008" target="_blank" class="text-gray-800 hover:text-neutral"> <span class="sr-only">Facebook</span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path fill-rule="evenodd" 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" clip-rule="evenodd" /> </svg> </a> <a href="https://www.restore.space/redirect?type=media&target=instagram&from=https%3A%2F%2Fwww.restore.space%2Fpricing&to=https%3A%2F%2Fwww.instagram.com%2Frestore.space" target="_blank" class="text-gray-800 hover:text-neutral"> <span class="sr-only">Instagram</span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path fill-rule="evenodd" 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" clip-rule="evenodd" /> </svg> </a> </div> <p class="mt-8 text-base text-gray-800 md:mt-0 md:order-1"> © 2024 RESTORE All Rights Reserved </p> </div> </div> </section> <section class="lg:hidden relative z-50"> <nav class="btm-nav h-14 py-1 w-full divide-x divide-gray-300 bg-gray-50 border-t"> <a href="https://www.restore.space/redirect?type=contact&target=tel&from=https%3A%2F%2Fwww.restore.space%2Fpricing&to=66338008" class="text-xs"> <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> <span class="btm-nav-label">致電</span> </a> <a href="https://www.restore.space/redirect?type=contact&target=whatsapp&from=https%3A%2F%2Fwww.restore.space%2Fpricing&to=https%3A%2F%2Fwa.me%2F85266338008" target="_blank" class="text-xs"> <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"> <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> <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> <span class="btm-nav-label">Whatsapp</span> </a> <a href="https://www.restore.space/customer-portal/login" class="text-xs"> <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> <span class="btm-nav-label">登入</span> </a> </nav> </section> </footer> <dialog id="my_modal_4" class="modal"> <div class="modal-box w-11/12 max-w-lg"> <div class="w-full grid grid-cols-1 gap-y-8 gap-x-6 items-start"> <div class=""> <h2 class="text-2xl font-extrabold text-gray-900 sm:pr-12">你係咪對我哋服務有興趣？</h2> <section aria-labelledby="information-heading" class="mt-4"> <h3 id="information-heading" class="sr-only">Product information</h3> <div class="mt-6 noflex items-center"> <p> 歡迎致電 <a target="_blank" href="tel:66338008" class="font-bold underline text-blue-500">(852) 6633 8008</a> 或者網上 <a target="_blank" href="https://wa.me/85266338008" id="whatsappLink" class="font-bold underline text-blue-500">Whatsapp 查詢</a> 我哋嘅迷你倉！！ </p> </div> </section> </div> <div class="modal-action"> <form method="dialog"> <!-- if there is a button, it will close the modal --> <button class="btn btn-outline">關閉</button> </form> <a id="escapeModalBtn" target="_blank" href="https://www.restore.space/book-visit" class="btn btn-error px-6">預約參觀</a> </div> </div> </div> </dialog> </main> <script src="https://www.restore.space/js/app.js "></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.8.0/flowbite.min.js"></script> <script> // document.addEventListener('DOMContentLoaded', function() { var lastScrollPosition = 0; // var modalDisplayed = localStorage.getItem('modalDisplayed') || 0; var modalDisplayed = 0; // var stayDurationThreshold = 500; // 設定計時器的時間（毫秒） var stayDurationThreshold = 0.03 * 60 * 1000; // 5分鐘轉換為毫秒 window.addEventListener('scroll', function() { var scrollPosition = window.pageYOffset || document.documentElement.scrollTop; if (scrollPosition < lastScrollPosition - 200 && modalDisplayed == 0) { // User has scrolled up more than 200 pixels // Add your desired code or functionality here console.log("User scrolled up more than 200 pixels"); // 設定計時器 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")) { setTimeout(showModalMessage, stayDurationThreshold); } } lastScrollPosition = scrollPosition; }); function showModalMessage() { // 顯示模態窗口的代碼 console.log("Showing modal message"); // 這裡可以添加顯示模態窗口的代碼 // Check if the current page is in the allowedPages array if (!window.location.pathname.startsWith("/customer-portal/") && !window.location.pathname.startsWith("/booking/")) { //一日只彈一次 //check modalDisplayed modalDisplayed = localStorage.getItem('modalDisplayed') || 0; console.log("modalDisplayed: "+modalDisplayed); if (modalDisplayed == 0) { my_modal_4.showModal(); var now = new Date(); var tomorrow = new Date(); tomorrow.setDate(now.getDate() + 1); localStorage.setItem('modalDisplayed', 1); localStorage.setItem('modalDisplayedExpiry', tomorrow.getTime()); } // resetTimer(); } } // }); </script> <script> // // 設定用戶停留時間閾值（5分鐘） // // var timer; // var stayDurationThreshold = 0.3 * 60 * 1000; // 5分鐘轉換為毫秒 // var lastScrollPosition = 0; // var modalDisplayed = 0; // // 獲取用戶進入網站的時間 // var enterTime = new Date().getTime(); // // 定義重置計時器的函式 // // function resetTimer() { // // // 清除之前的計時器 // // if(modalDisplayed==1){ // // clearTimeout(timer); // // } // // // 重新設定計時器 // // timer = setTimeout(showModalMessage, stayDurationThreshold); // // } // window.addEventListener('scroll', function() { // var scrollPosition = window.pageYOffset || document.documentElement.scrollTop; // if (scrollPosition < lastScrollPosition - 200 && modalDisplayed == 0) { // // User has scrolled up more than 200 pixels // // Add your desired code or functionality here // console.log("User scrolled up more than 200 pixels"); // // 設定計時器 // 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")) { // setTimeout(showModalMessage, stayDurationThreshold); // modalDisplayed = 1; // } // } // lastScrollPosition = scrollPosition; // }); // // 定義顯示 modal 訊息的函式 // function showModalMessage() { // // 在此處添加彈出 modal 的程式碼 // // 可以使用第三方庫或自定義樣式和內容來創建 modal // // Check if the current page is in the allowedPages array // if (!window.location.pathname.startsWith("/customer-portal/") && !window.location.pathname.startsWith("/booking/")) { // my_modal_4.showModal(); // // resetTimer(); // } // } </script> <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 = 'sD4jbMIj6WrJKwrfkbEtmbv9ZKzzuVNqxqHsCnVC';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> <script> document.addEventListener('DOMContentLoaded', function() { var deferredImages = document.querySelectorAll('.deferred-image'); function lazyLoad() { console.log(deferredImages); deferredImages.forEach(function(img) { if (img.getBoundingClientRect().top <= window.innerHeight && img.getBoundingClientRect().bottom >= 0 && getComputedStyle(img).display !== 'none') { img.setAttribute('src', img.getAttribute('data-src')); img.classList.remove('deferred-image'); // Remove the event listener once the image is loaded img.removeEventListener('load', lazyLoad); } }); } // Attach the lazyLoad function to the scroll and resize events window.addEventListener('scroll', lazyLoad); window.addEventListener('resize', lazyLoad); // Initially call the lazyLoad function to check if any images are already in the viewport window.addEventListener('load', lazyLoad); // lazyLoad(); }); </script> </body> </html>
