{"id":2396,"date":"2026-10-13T15:44:32","date_gmt":"2026-10-13T15:44:32","guid":{"rendered":"https:\/\/kasitransport.com.my\/?page_id=2396"},"modified":"2026-10-13T16:15:38","modified_gmt":"2026-10-13T16:15:38","slug":"coming-soon","status":"publish","type":"page","link":"https:\/\/kasitransport.com.my\/","title":{"rendered":"Coming Soon"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;500;600;700;800&display=swap');\n\n#kasi-coming-soon { color-scheme:dark; --ink:#06152b; --paper:#f8faff; --sub:#c4d0de; --line:rgba(245,249,255,.26); --accent:#8abaff; }\n    #kasi-coming-soon,#kasi-coming-soon *{box-sizing:border-box}\n    \n    #kasi-coming-soon{color:var(--paper);font-family:'Syne',sans-serif;-webkit-font-smoothing:antialiased}\n    #kasi-coming-soon{min-height:100dvh;position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;background:var(--ink)}\n    #kasi-coming-soon::before{content:\"\";position:absolute;inset:0;z-index:-2;background:url('https:\/\/kasitransport.com.my\/wp-content\/uploads\/2026\/10\/kasi-truck.webp') center center\/cover no-repeat}\n    #kasi-coming-soon::after{content:\"\";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,11,25,.94) 0%,rgba(2,11,25,.78) 34%,rgba(2,11,25,.21) 76%,rgba(2,11,25,.08) 100%),linear-gradient(0deg,rgba(1,9,20,.85) 0%,transparent 35%,rgba(2,10,22,.30) 100%)}\n    #kasi-coming-soon .header,#kasi-coming-soon .footer{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding-left:clamp(24px,5.8vw,100px);padding-right:clamp(24px,5.8vw,100px)}\n    #kasi-coming-soon .header{padding-top:37px;padding-bottom:25px}\n    #kasi-coming-soon .logo{display:inline-flex;align-items:center;max-width:260px;width:clamp(180px,21vw,260px)}\n    #kasi-coming-soon .logo img{display:block;width:100%;height:auto;object-fit:contain}\n    #kasi-coming-soon .tag,#kasi-coming-soon .eyebrow,#kasi-coming-soon .overline,#kasi-coming-soon .footer{font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.18em;text-transform:uppercase}\n    #kasi-coming-soon .tag{display:flex;align-items:center;gap:12px;color:#dce7f5;white-space:nowrap}\n    #kasi-coming-soon .tag::before{content:\"\";width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(138,186,255,.15)}\n    #kasi-coming-soon .hero-content{width:100%;flex:1;display:flex;align-items:center;padding:42px clamp(24px,8.4vw,140px) 76px}\n    #kasi-coming-soon .intro{max-width:570px}\n    #kasi-coming-soon .eyebrow{color:#a6c9ff;margin:0 0 25px}\n    #kasi-coming-soon h1{max-width:570px;margin:0;text-transform:uppercase;font-size:clamp(54px,5.55vw,88px);line-height:1.08;letter-spacing:-.035em;font-weight:800;font-stretch:normal}\n    #kasi-coming-soon h1 .outlined{display:block;color:var(--paper);-webkit-text-stroke:0}\n    #kasi-coming-soon h1 .solid{display:block}\n    #kasi-coming-soon .divider{height:1px;width:72px;background:var(--accent);margin:32px 0 26px}\n    #kasi-coming-soon .lead{font-size:clamp(17px,1.65vw,22px);font-weight:600;letter-spacing:-.025em;line-height:1.45;margin:0 0 10px}\n    #kasi-coming-soon .desc{max-width:490px;font-size:15px;line-height:1.7;color:var(--sub);margin:0}\n    #kasi-coming-soon .actions{margin-top:32px;display:flex;align-items:center;flex-wrap:wrap;gap:14px 25px}\n    #kasi-coming-soon .primary img{width:23px;height:23px;flex:none;object-fit:contain}\n    #kasi-coming-soon .primary{min-height:59px;display:inline-flex;gap:15px;align-items:center;justify-content:center;padding:14px 19px;background:var(--paper);color:#07192e;text-decoration:none;font-size:clamp(17px,1.65vw,22px);font-weight:600;letter-spacing:-.025em;line-height:1.45;text-transform:none;transition:background .2s ease,transform .2s ease}\n    #kasi-coming-soon .primary .arrow{font-size:16px;font-weight:600;margin-left:7px}\n    #kasi-coming-soon .primary:hover,#kasi-coming-soon .primary:focus-visible{background:#cfe3ff;transform:translateY(-2px)}\n    #kasi-coming-soon .secondary{font-size:13px;letter-spacing:.005em;text-decoration:none;color:#f4f8fe;border-bottom:1px solid rgba(255,255,255,.55);padding:5px 0;transition:border-color .2s ease}\n    #kasi-coming-soon .secondary:hover,#kasi-coming-soon .secondary:focus-visible{border-bottom-color:white}\n    #kasi-coming-soon .footer{padding-top:22px;padding-bottom:26px;border-top:1px solid var(--line);color:#c4d0de;letter-spacing:.12em;flex-wrap:wrap}\n    #kasi-coming-soon .compass{display:flex;align-items:center;gap:clamp(8px,1.4vw,22px);white-space:nowrap;color:#edf4ff}\n    #kasi-coming-soon .compass .rule{display:block;width:clamp(13px,2.8vw,42px);height:1px;background:rgba(225,237,255,.54);transform-origin:left center}\n    #kasi-coming-soon .footer-note{color:#b9c9dc}\n    \/* Motion is purposefully short and subtle. *\/\n    @media (prefers-reduced-motion:no-preference){\n      #kasi-coming-soon::before{animation:background-reveal 1.6s cubic-bezier(.16,1,.3,1) both,background-drift 26s ease-in-out 1.6s infinite alternate}\n      #kasi-coming-soon .header{animation:fade-in .8s ease-out .08s both}\n      #kasi-coming-soon .eyebrow{animation:slide-in .75s cubic-bezier(.22,1,.36,1) .18s both}\n      #kasi-coming-soon h1{animation:slide-in .95s cubic-bezier(.22,1,.36,1) .30s both}\n      #kasi-coming-soon .divider{transform-origin:left center;animation:draw-line .8s cubic-bezier(.22,1,.36,1) .55s both}\n      #kasi-coming-soon .lead,#kasi-coming-soon .desc{animation:slide-in .8s cubic-bezier(.22,1,.36,1) .66s both}\n      #kasi-coming-soon .actions{animation:slide-in .8s cubic-bezier(.22,1,.36,1) .80s both}\n      #kasi-coming-soon .footer{animation:fade-in .9s ease-out 1s both}\n      #kasi-coming-soon .compass .rule{animation:draw-line .8s cubic-bezier(.22,1,.36,1) 1.15s both}\n    }\n    @keyframes fade-in{from{opacity:0}to{opacity:1}}\n    @keyframes slide-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}\n    @keyframes draw-line{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}\n    @keyframes background-reveal{from{opacity:.55;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}\n    @keyframes background-drift{from{transform:scale(1)}to{transform:scale(1.025)}}\n    #kasi-coming-soon a:focus-visible{outline:2px solid #fff;outline-offset:4px}\n    @media(max-width:760px){\n      #kasi-coming-soon::before{background-position:64% center}\n      #kasi-coming-soon::after{background:linear-gradient(90deg,rgba(2,11,25,.91),rgba(2,11,25,.59)),linear-gradient(0deg,rgba(1,9,20,.88),transparent 48%)}\n      #kasi-coming-soon .header{padding-top:26px}#kasi-coming-soon .logo{width:205px}#kasi-coming-soon .tag{font-size:9px;letter-spacing:.09em}\n      #kasi-coming-soon .hero-content{padding-top:70px;padding-bottom:85px;align-items:center}#kasi-coming-soon h1{font-size:clamp(52px,9.4vw,73px);line-height:1.08}\n      #kasi-coming-soon .footer{font-size:9px}#kasi-coming-soon .compass{flex-wrap:wrap;gap:10px}#kasi-coming-soon .compass .rule{width:17px}\n    }\n    @media(max-width:450px){#kasi-coming-soon .tag{display:none}#kasi-coming-soon .logo{width:215px}#kasi-coming-soon h1{font-size:clamp(47px,11vw,59px);line-height:1.1;letter-spacing:-.038em}#kasi-coming-soon .actions{align-items:flex-start;flex-direction:column}#kasi-coming-soon .primary{width:100%}#kasi-coming-soon .footer{gap:14px}#kasi-coming-soon .compass{width:100%;font-size:9px;gap:7px}#kasi-coming-soon .compass .rule{width:12px}}\n    @media(prefers-reduced-motion:reduce){#kasi-coming-soon .primary,#kasi-coming-soon .secondary{transition:none}}\n#kasi-coming-soon .primary svg{width:23px;height:23px;flex:none;display:block}\n#kasi-coming-soon h1{font-family:'Syne',sans-serif}\n\n\n\n\/* Full-screen V5 layout: scoped to this page and its unique component. *\/\nbody.page-id-2396 { background:#06152b; }\nbody.page-id-2396 #main > .ct-container-full { width:100%; max-width:none; padding:0; }\nbody.page-id-2396 #post-2396 { margin:0; padding:0; }\nbody.page-id-2396 #post-2396 > .entry-content { margin:0; padding:0; }\nbody.page-id-2396 #post-2396 > .entry-content > #kasi-coming-soon { width:100%; max-width:none; margin:0; }\n#kasi-coming-soon { min-height:100vh; min-height:100dvh; }\nbody.page-id-2396.admin-bar #kasi-coming-soon { min-height:calc(100dvh - 32px); }\n#kasi-coming-soon h1, #kasi-coming-soon h1 .solid { color:var(--paper); }\n#kasi-coming-soon .intro { width:100%; min-width:0; }\n#kasi-coming-soon .primary { max-width:100%; }\n#kasi-coming-soon .compass .rule { width:1px; height:12px; flex:0 0 1px; }\n@media(max-width:782px) { body.page-id-2396.admin-bar #kasi-coming-soon { min-height:calc(100dvh - 46px); } }\n@media(max-width:760px) {\n #kasi-coming-soon .hero-content { padding-top:38px; padding-bottom:44px; }\n}\n@media(max-width:450px) {\n #kasi-coming-soon .hero-content { padding-left:24px; padding-right:24px; }\n #kasi-coming-soon h1 { font-size:clamp(36px,10.5vw,47px); }\n #kasi-coming-soon .eyebrow { font-size:9px; letter-spacing:.13em; }\n #kasi-coming-soon .primary { gap:10px; padding-left:14px; padding-right:14px; font-size:16px; }\n #kasi-coming-soon .primary .arrow { margin-left:0; }\n #kasi-coming-soon .secondary { display:inline-flex; align-items:center; min-height:44px; }\n #kasi-coming-soon .footer { padding-top:18px; padding-bottom:20px; }\n #kasi-coming-soon .compass { gap:12px; }\n}\n\n\n@media(min-width:761px) and (max-height:800px) {\n #kasi-coming-soon .header { padding-top:22px; padding-bottom:16px; }\n #kasi-coming-soon .logo { width:220px; }\n #kasi-coming-soon .hero-content { padding-top:24px; padding-bottom:32px; }\n #kasi-coming-soon h1 { font-size:clamp(48px,7.5vh,60px); }\n #kasi-coming-soon .eyebrow { margin-bottom:18px; }\n #kasi-coming-soon .divider { margin-top:22px; margin-bottom:20px; }\n #kasi-coming-soon .actions { margin-top:24px; }\n #kasi-coming-soon .primary { min-height:52px; font-size:18px; }\n #kasi-coming-soon .footer { padding-top:18px; padding-bottom:18px; }\n}\n\n\/* Let this page determine its height; avoid Blocksy\u2019s extra viewport below the footer. *\/\nbody.page-id-2396 #main-container { min-height:0; }\n\n\/* Keep the canvas continuous at iPhone safe areas; protect text, not the background. *\/\nhtml:has(body.page-id-2396) { background:#06152b; }\n#kasi-coming-soon .header, #kasi-coming-soon .footer {\n padding-left:max(clamp(24px,5.8vw,100px), env(safe-area-inset-left));\n padding-right:max(clamp(24px,5.8vw,100px), env(safe-area-inset-right));\n}\n#kasi-coming-soon .footer { padding-bottom:max(20px,env(safe-area-inset-bottom)); }\n\/* Landscape phones need a short, two-column composition. *\/\n@media (orientation:landscape) and (max-height:500px) and (min-width:480px) {\n #kasi-coming-soon .header { padding:12px max(24px,env(safe-area-inset-right)) 10px max(24px,env(safe-area-inset-left)); }\n #kasi-coming-soon .logo { width:160px; }\n #kasi-coming-soon .tag { font-size:8px; letter-spacing:.12em; }\n #kasi-coming-soon .hero-content { padding:10px max(24px,env(safe-area-inset-right)) 16px max(24px,env(safe-area-inset-left)); }\n #kasi-coming-soon .intro { max-width:1000px; margin:auto; display:grid; grid-template-columns:1fr 1.08fr; gap:8px 28px; align-items:start; }\n #kasi-coming-soon .eyebrow { grid-column:1 \/ -1; grid-row:1; margin:0 0 6px; font-size:8px; letter-spacing:.13em; }\n #kasi-coming-soon h1 { grid-column:1; grid-row:2 \/ 5; font-size:clamp(32px,5.6vw,46px); line-height:1.06; }\n #kasi-coming-soon .divider { display:none; }\n #kasi-coming-soon .lead { grid-column:2; grid-row:2; font-size:16px; margin:0; line-height:1.3; }\n #kasi-coming-soon .desc { grid-column:2; grid-row:3; font-size:12px; line-height:1.5; }\n #kasi-coming-soon .actions { grid-column:2; grid-row:4; margin:3px 0 0; gap:5px 14px; }\n #kasi-coming-soon .primary { min-height:44px; font-size:14px; padding:8px 12px; gap:9px; }\n #kasi-coming-soon .primary svg { width:20px; height:20px; }\n #kasi-coming-soon .primary .arrow { margin-left:0; }\n #kasi-coming-soon .secondary { font-size:11px; min-height:28px; display:inline-flex; align-items:center; }\n #kasi-coming-soon .footer { padding:10px max(24px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left)); font-size:8px; gap:12px; }\n #kasi-coming-soon .compass { width:auto; gap:12px; }\n #kasi-coming-soon::before { background-position:62% center; }\n #kasi-coming-soon::after { background:linear-gradient(90deg,rgba(2,11,25,.89),rgba(2,11,25,.65)),linear-gradient(0deg,rgba(1,9,20,.65),transparent 60%); }\n}\n\n\/* A compact, tailored contact button at every screen size. *\/\n#kasi-coming-soon .primary {\n width:fit-content; max-width:100%; flex:0 0 auto; align-self:flex-start;\n min-height:52px; padding:13px 20px; gap:12px;\n border:1px solid rgba(255,255,255,.65); border-radius:8px;\n background:#f3f6fa; color:#0a2036; font-size:16px; line-height:1.4;\n font-weight:600; letter-spacing:-.02em;\n box-shadow:0 4px 18px rgba(0,0,0,.12);\n}\n#kasi-coming-soon .primary > svg { width:20px; height:20px; }\n#kasi-coming-soon .primary .arrow {\n display:inline-flex; align-items:center; justify-content:center; flex:none;\n margin-left:3px; padding-left:13px; border-left:1px solid rgba(10,32,54,.18);\n}\n#kasi-coming-soon .primary .arrow svg { display:block; width:15px; height:15px; }\n#kasi-coming-soon .primary:hover, #kasi-coming-soon .primary:focus-visible { background:#fff; }\n@media(max-width:450px) {\n #kasi-coming-soon .primary { width:fit-content; padding:12px 16px; gap:10px; min-height:50px; font-size:15px; }\n}\n@media(orientation:landscape) and (max-height:500px) and (min-width:480px) {\n #kasi-coming-soon .primary { min-height:44px; padding:10px 13px; font-size:14px; gap:9px; }\n #kasi-coming-soon .primary .arrow { padding-left:10px; margin-left:0; }\n}\n<\/style>\n\n<div id=\"kasi-coming-soon\">\n    <header class=\"header\">\n      <a class=\"logo\" href=\"\/\" aria-label=\"Kasi Transport home\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kasitransport.com.my\/wp-content\/uploads\/2026\/10\/kasi-logo-white.webp\" alt=\"Kasi Transport\" width=\"1585\" height=\"412\"><\/a>\n      <span class=\"tag\">Website in progress<\/span>\n    <\/header>\n    <section class=\"hero-content\" aria-label=\"Coming soon\">\n      <div class=\"intro\">\n        <p class=\"eyebrow\">Kasi Transport \/ A new digital home<\/p>\n        <h1><span class=\"solid\">We&#8217;re<\/span><span class=\"solid\">On The<\/span><span class=\"outlined\">Move.<\/span><\/h1>\n        <div class=\"divider\" aria-hidden=\"true\"><\/div>\n        <p class=\"lead\">Our new website is on the way.<\/p>\n        <p class=\"desc\">We&#8217;re working on a new digital experience. In the meantime, our transportation and logistics operations continue as usual.<\/p>\n        <div class=\"actions\">\n          <a class=\"primary\" href=\"https:\/\/wa.me\/60142337977\" target=\"_blank\" rel=\"noopener noreferrer\"> <svg version=\"1.1\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" \n\t viewBox=\"0 0 58 58\" xml:space=\"preserve\">\n<g>\n\t<path style=\"fill:#2CB742;\" d=\"M0,58l4.988-14.963C2.457,38.78,1,33.812,1,28.5C1,12.76,13.76,0,29.5,0S58,12.76,58,28.5\n\t\tS45.24,57,29.5,57c-4.789,0-9.299-1.187-13.26-3.273L0,58z\"\/>\n\t<path style=\"fill:#FFFFFF;\" d=\"M47.683,37.985c-1.316-2.487-6.169-5.331-6.169-5.331c-1.098-0.626-2.423-0.696-3.049,0.42\n\t\tc0,0-1.577,1.891-1.978,2.163c-1.832,1.241-3.529,1.193-5.242-0.52l-3.981-3.981l-3.981-3.981c-1.713-1.713-1.761-3.41-0.52-5.242\n\t\tc0.272-0.401,2.163-1.978,2.163-1.978c1.116-0.627,1.046-1.951,0.42-3.049c0,0-2.844-4.853-5.331-6.169\n\t\tc-1.058-0.56-2.357-0.364-3.203,0.482l-1.758,1.758c-5.577,5.577-2.831,11.873,2.746,17.45l5.097,5.097l5.097,5.097\n\t\tc5.577,5.577,11.873,8.323,17.45,2.746l1.758-1.758C48.048,40.341,48.243,39.042,47.683,37.985z\"\/>\n<\/g>\n<\/svg><span>Enquire on WhatsApp<\/span><span class=\"arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" focusable=\"false\"><path d=\"M5 15 15 5M5 5h10v10\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/a>\n          <a class=\"secondary\" href=\"mailto:info@kasitransport.com.my\">info@kasitransport.com.my<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n    <footer class=\"footer\"><div class=\"compass\" aria-label=\"North, South, East, West\"><span>North<\/span><i class=\"rule\" aria-hidden=\"true\"><\/i><span>South<\/span><i class=\"rule\" aria-hidden=\"true\"><\/i><span>East<\/span><i class=\"rule\" aria-hidden=\"true\"><\/i><span>West<\/span><\/div><span class=\"footer-note\">\u00a9 Kasi Transport<\/span><\/footer>\n  <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Website in progress Kasi Transport \/ A new digital home We&#8217;reOn TheMove. Our new website is on the way. We&#8217;re working on a new digital experience. In the meantime, our transportation and logistics operations continue as usual. Enquire on WhatsApp info@kasitransport.com.my NorthSouthEastWest \u00a9 Kasi Transport<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2396","page","type-page","status-publish","hentry"],"blocksy_meta":{"disable_header":"yes","disable_footer":"yes","disable_share_box":"yes","disable_featured_image":"yes","content_style_source":"custom","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] [class*=\"ct-container\"] > article[class*=\"post\"] {--has-boxed:var(--false);--has-wide:var(--true);}","tablet":"","mobile":""},"google_fonts":[],"version":6},"has_hero_section":"disabled"},"_links":{"self":[{"href":"https:\/\/kasitransport.com.my\/index.php?rest_route=\/wp\/v2\/pages\/2396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kasitransport.com.my\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kasitransport.com.my\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kasitransport.com.my\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kasitransport.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2396"}],"version-history":[{"count":7,"href":"https:\/\/kasitransport.com.my\/index.php?rest_route=\/wp\/v2\/pages\/2396\/revisions"}],"predecessor-version":[{"id":2405,"href":"https:\/\/kasitransport.com.my\/index.php?rest_route=\/wp\/v2\/pages\/2396\/revisions\/2405"}],"wp:attachment":[{"href":"https:\/\/kasitransport.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}