{"id":661,"date":"2025-11-24T15:42:01","date_gmt":"2025-11-24T07:42:01","guid":{"rendered":"https:\/\/w2u.creativatestudio.my\/?page_id=661"},"modified":"2026-09-18T12:37:09","modified_gmt":"2026-09-18T04:37:09","slug":"main","status":"publish","type":"page","link":"https:\/\/windscreen.creativatestudio.my\/zh\/","title":{"rendered":"Home &#8211; New"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"661\" class=\"elementor elementor-661\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-w2u_homepage_container e-con-full e-flex e-con e-parent\" data-id=\"w2u_homepage_container\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-w2u_home_markup elementor-widget elementor-widget-html\" data-id=\"w2u_home_markup\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* Base Typography & Color Variables *\/\nhtml {\n    scroll-behavior: smooth;\n}\nhtml.lenis, html.lenis body {\n    height: auto;\n}\n.lenis.lenis-smooth {\n    scroll-behavior: auto !important;\n}\n.lenis.lenis-smooth [data-lenis-prevent] {\n    overscroll-behavior: contain;\n}\n.lenis.lenis-stopped {\n    overflow: hidden;\n}\n\n.w2u-home-wrap {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    color: #1E293B;\n    background: #FFFFFF;\n    overflow-x: hidden;\n}\n.w2u-home-wrap h1, .w2u-home-wrap h2, .w2u-home-wrap h3, .w2u-home-wrap h4 {\n    font-family: 'Outfit', 'Inter', sans-serif;\n    letter-spacing: -0.02em;\n}\n\n\/* ===================================================\n   1. HERO SLIDER (2 Images, 5s interval, Fade\/Zoom, No Overlay, Shadowed Text)\n   =================================================== *\/\n.w2u-hero-slider {\n    position: relative;\n    width: 100%;\n    min-height: 84vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    background: #061024;\n}\n\n.w2u-slide {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n    opacity: 0;\n    visibility: hidden;\n    transform: scale(1);\n    transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 1.2s cubic-bezier(0.4, 0, 0.2, 1);\n    z-index: 1;\n}\n\n.w2u-slide.active {\n    opacity: 1;\n    visibility: visible;\n    z-index: 2;\n    animation: w2uHeroZoom 6s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n}\n\n@keyframes w2uHeroZoom {\n    0% {\n        transform: scale(1.0);\n    }\n    100% {\n        transform: scale(1.08);\n    }\n}\n\n.w2u-hero-content {\n    position: relative;\n    z-index: 4;\n    max-width: 1180px;\n    width: 100%;\n    margin: 0 auto;\n    padding: 105px 24px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.w2u-hero-title {\n    font-size: 54px;\n    font-weight: 800;\n    line-height: 1.16;\n    margin: 0 auto 22px;\n    color: #FFFFFF;\n    max-width: 980px;\n    text-shadow: 0 3px 8px rgba(0, 0, 0, 0.85), 0 6px 24px rgba(0, 0, 0, 0.95), 0 12px 48px rgba(0, 0, 0, 0.9);\n}\n\n.w2u-hero-title span {\n    color: #FF941A;\n    text-shadow: 0 3px 8px rgba(0, 0, 0, 0.85), 0 6px 24px rgba(0, 0, 0, 0.95);\n}\n\n.w2u-hero-desc {\n    font-size: 19px;\n    line-height: 1.65;\n    color: #FFFFFF;\n    margin: 0 auto 36px;\n    max-width: 820px;\n    font-weight: 500;\n    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.9), 0 4px 18px rgba(0, 0, 0, 0.95);\n}\n\n.w2u-hero-actions {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 18px;\n    flex-wrap: wrap;\n    margin-bottom: 44px;\n}\n\n.w2u-btn-primary {\n    background-color: #FF6B00;\n    color: #FFFFFF !important;\n    font-family: 'Outfit', sans-serif;\n    font-size: 16px;\n    font-weight: 700;\n    padding: 15px 34px;\n    border-radius: 8px;\n    text-decoration: none;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.45), 0 4px 20px rgba(255, 107, 0, 0.5);\n    transition: all 0.25s ease;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n}\n\n.w2u-btn-primary:hover {\n    background-color: #E05D00;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.55), 0 8px 26px rgba(255, 107, 0, 0.65);\n}\n\n.w2u-btn-secondary {\n    background: rgba(8, 21, 44, 0.65);\n    color: #FFFFFF !important;\n    border: 1.5px solid rgba(255, 255, 255, 0.6);\n    backdrop-filter: blur(12px);\n    font-family: 'Outfit', sans-serif;\n    font-size: 16px;\n    font-weight: 600;\n    padding: 14px 32px;\n    border-radius: 8px;\n    text-decoration: none;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);\n    transition: all 0.25s ease;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.w2u-btn-secondary:hover {\n    background: rgba(8, 21, 44, 0.85);\n    border-color: #FFFFFF;\n    transform: translateY(-2px);\n}\n\n.w2u-hero-stats-row {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 48px;\n    padding-top: 32px;\n    border-top: 1px solid rgba(255, 255, 255, 0.35);\n    width: 100%;\n    max-width: 820px;\n}\n\n.w2u-hero-stat {\n    text-align: center;\n}\n\n.w2u-hero-stat-num {\n    font-family: 'Outfit', sans-serif;\n    font-size: 30px;\n    font-weight: 800;\n    color: #FF941A;\n    margin-bottom: 2px;\n    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);\n}\n\n.w2u-hero-stat-label {\n    font-size: 14px;\n    color: #FFFFFF;\n    font-weight: 600;\n    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.9);\n}\n\n\/* ===================================================\n   GLOBAL ENTRANCE ANIMATIONS\n   =================================================== *\/\n.w2u-reveal {\n    opacity: 0;\n    transform: translateY(30px) scale(0.98);\n    transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);\n    will-change: opacity, transform;\n}\n\n.w2u-reveal.w2u-revealed {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n}\n\n.w2u-delay-1 { transition-delay: 0.08s; }\n.w2u-delay-2 { transition-delay: 0.16s; }\n.w2u-delay-3 { transition-delay: 0.24s; }\n.w2u-delay-4 { transition-delay: 0.32s; }\n\n\/* ===================================================\n   2. INSURANCE PANEL SECTION (4 Columns x 3 Rows, 128px Big Logos)\n   =================================================== *\/\n.w2u-panel-section {\n    background: #F8FAFC;\n    padding: 85px 24px;\n    border-bottom: 1px solid #E2E8F0;\n}\n.w2u-section-head {\n    text-align: center;\n    max-width: 760px;\n    margin: 0 auto 44px;\n}\n.w2u-sub-title {\n    font-size: 13.5px;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: #FF6B00;\n    letter-spacing: 1px;\n    margin-bottom: 8px;\n}\n.w2u-main-title {\n    font-size: 38px;\n    font-weight: 800;\n    color: #08152C;\n    margin: 0 0 12px 0;\n}\n.w2u-head-desc {\n    font-size: 16px;\n    color: #64748B;\n    line-height: 1.6;\n    margin: 0;\n}\n.w2u-panel-grid {\n    max-width: 1240px;\n    margin: 0 auto 40px;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n}\n.w2u-insurer-card {\n    background: #FFFFFF;\n    border: 1px solid #E2E8F0;\n    border-radius: 18px;\n    padding: 16px 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    box-shadow: 0 4px 14px rgba(0,0,0,0.03);\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    height: 150px;\n    box-sizing: border-box;\n}\n.w2u-insurer-card:hover {\n    border-color: #FF8A00;\n    transform: translateY(-4px);\n    box-shadow: 0 14px 30px rgba(8, 21, 44, 0.10);\n}\n.w2u-insurer-logo {\n    max-width: 85%;\n    max-height: 128px;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n    transition: transform 0.3s ease;\n}\n.w2u-insurer-card:hover .w2u-insurer-logo {\n    transform: scale(1.05);\n}\n\n.w2u-panel-extra {\n    display: none;\n}\n.w2u-panel-extra.is-expanded {\n    display: flex;\n    animation: w2uFadeIn 0.5s ease forwards;\n}\n\n@keyframes w2uFadeIn {\n    from { opacity: 0; transform: translateY(16px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n.w2u-panel-cta-wrap {\n    text-align: center;\n}\n\n.w2u-btn-view-all,\nbutton.w2u-btn-view-all {\n    background: #08152C !important;\n    color: #FFFFFF !important;\n    font-family: 'Outfit', sans-serif;\n    font-size: 15.5px;\n    font-weight: 700;\n    padding: 15px 36px;\n    border-radius: 8px;\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    cursor: pointer;\n    border: 2px solid #08152C !important;\n    outline: none !important;\n    box-shadow: 0 4px 16px rgba(8, 21, 44, 0.15);\n    transition: all 0.25s ease;\n}\n.w2u-btn-view-all span {\n    color: #FFFFFF !important;\n}\n.w2u-btn-view-all svg {\n    stroke: #FFFFFF !important;\n    transition: transform 0.3s ease;\n}\n.w2u-btn-view-all:hover,\nbutton.w2u-btn-view-all:hover,\n.w2u-btn-view-all:focus,\nbutton.w2u-btn-view-all:focus,\n.w2u-btn-view-all:active,\nbutton.w2u-btn-view-all:active {\n    background: #FF6B00 !important;\n    border-color: #FF6B00 !important;\n    color: #FFFFFF !important;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(255, 107, 0, 0.4) !important;\n    outline: none !important;\n}\n.w2u-btn-view-all:hover span,\n.w2u-btn-view-all:focus span,\n.w2u-btn-view-all:active span {\n    color: #FFFFFF !important;\n}\n.w2u-btn-view-all:hover svg,\n.w2u-btn-view-all:focus svg,\n.w2u-btn-view-all:active svg {\n    stroke: #FFFFFF !important;\n}\n\n\/* ===================================================\n   3. 3 CORE SERVICES (Dark Overlay on Image Cards - No White Box)\n   =================================================== *\/\n.w2u-services-section {\n    padding: 95px 24px;\n    background: #FFFFFF;\n}\n.w2u-services-grid {\n    max-width: 1240px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 28px;\n}\n.w2u-service-overlay-card {\n    position: relative;\n    min-height: 440px;\n    border-radius: 14px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 36px 30px;\n    text-decoration: none;\n    box-sizing: border-box;\n    box-shadow: 0 10px 30px rgba(8, 21, 44, 0.12);\n    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.w2u-service-overlay-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 45px rgba(8, 21, 44, 0.22);\n}\n.w2u-service-bg {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center center;\n    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n    z-index: 1;\n}\n.w2u-service-overlay-card:hover .w2u-service-bg {\n    transform: scale(1.08);\n}\n.w2u-service-dark-layer {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg, rgba(8, 21, 44, 0.25) 0%, rgba(8, 21, 44, 0.75) 45%, rgba(6, 16, 36, 0.94) 100%);\n    z-index: 2;\n    transition: background 0.3s ease;\n}\n.w2u-service-overlay-card:hover .w2u-service-dark-layer {\n    background: linear-gradient(180deg, rgba(8, 21, 44, 0.15) 0%, rgba(8, 21, 44, 0.70) 40%, rgba(6, 16, 36, 0.96) 100%);\n}\n.w2u-service-inner-content {\n    position: relative;\n    z-index: 3;\n    display: flex;\n    flex-direction: column;\n}\n.w2u-service-overlay-title {\n    font-size: 24px;\n    font-weight: 800;\n    color: #FFFFFF;\n    margin: 0 0 12px 0;\n    line-height: 1.25;\n    text-shadow: 0 2px 10px rgba(0,0,0,0.4);\n}\n.w2u-service-overlay-desc {\n    font-size: 15px;\n    color: #E2E8F0;\n    line-height: 1.6;\n    margin: 0 0 22px 0;\n    text-shadow: 0 1px 8px rgba(0,0,0,0.3);\n}\n.w2u-service-overlay-link {\n    font-family: 'Outfit', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    color: #FF8A00;\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    transition: gap 0.2s ease, color 0.2s ease;\n}\n.w2u-service-overlay-card:hover .w2u-service-overlay-link {\n    color: #FFA540;\n    gap: 12px;\n}\n\n\/* ===================================================\n   4. WHY CHOOSE US (USPs)\n   =================================================== *\/\n.w2u-usp-section {\n    background: #08152C;\n    color: #FFFFFF;\n    padding: 90px 24px;\n}\n.w2u-usp-grid {\n    max-width: 1240px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n}\n.w2u-usp-card {\n    background: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 12px;\n    padding: 32px 24px;\n    transition: all 0.3s ease;\n}\n.w2u-usp-card:hover {\n    background: rgba(255, 255, 255, 0.08);\n    border-color: #FF8A00;\n    transform: translateY(-4px);\n}\n.w2u-usp-num {\n    font-family: 'Outfit', sans-serif;\n    font-size: 14px;\n    font-weight: 800;\n    color: #FF8A00;\n    margin-bottom: 12px;\n}\n.w2u-usp-title {\n    font-size: 18px;\n    font-weight: 700;\n    color: #FFFFFF;\n    margin: 0 0 10px 0;\n}\n.w2u-usp-desc {\n    font-size: 14px;\n    color: #94A3B8;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* ===================================================\n   5. 4-STEP CLAIM FLOW (Larger Size & Interactive Motion)\n   =================================================== *\/\n.w2u-flow-section {\n    padding: 95px 24px;\n    background: #F8FAFC;\n}\n.w2u-flow-grid {\n    max-width: 1240px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 26px;\n}\n.w2u-flow-card {\n    background: #FFFFFF;\n    border: 1.5px solid #E2E8F0;\n    border-radius: 16px;\n    padding: 42px 28px;\n    min-height: 250px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    box-shadow: 0 4px 14px rgba(0,0,0,0.03);\n    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n    cursor: pointer;\n}\n.w2u-flow-card:hover {\n    border-color: #FF8A00;\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 22px 45px rgba(8, 21, 44, 0.12);\n}\n.w2u-step-tag {\n    background: #08152C;\n    color: #FF8A00;\n    font-family: 'Outfit', sans-serif;\n    font-size: 13px;\n    font-weight: 800;\n    padding: 6px 14px;\n    border-radius: 6px;\n    display: inline-block;\n    margin-bottom: 20px;\n    align-self: flex-start;\n    transition: all 0.25s ease;\n}\n.w2u-flow-card:hover .w2u-step-tag {\n    background: #FF6B00;\n    color: #FFFFFF;\n}\n.w2u-flow-title {\n    font-size: 20px;\n    font-weight: 700;\n    color: #08152C;\n    margin: 0 0 12px 0;\n    line-height: 1.3;\n}\n.w2u-flow-desc {\n    font-size: 14.5px;\n    color: #64748B;\n    line-height: 1.65;\n    margin: 0;\n}\n\n\/* ===================================================\n   6. NATIONWIDE BRANCH OUTLETS\n   =================================================== *\/\n.w2u-locator-section {\n    padding: 85px 24px;\n    background: #FFFFFF;\n    border-top: 1px solid #E2E8F0;\n}\n.w2u-locator-box {\n    max-width: 1240px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #08152C 0%, #11284E 100%);\n    border-radius: 16px;\n    padding: 52px;\n    color: #FFFFFF;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 32px;\n}\n.w2u-locator-content h3 {\n    font-size: 30px;\n    font-weight: 800;\n    margin: 0 0 10px 0;\n    color: #FFFFFF;\n}\n.w2u-locator-content p {\n    font-size: 16px;\n    color: #CBD5E1;\n    margin: 0;\n    max-width: 640px;\n    line-height: 1.6;\n}\n\n\/* Responsive Media Queries *\/\n@media (max-width: 1024px) {\n    .w2u-hero-title { font-size: 42px; }\n    .w2u-panel-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; }\n    .w2u-insurer-card { height: 130px; }\n    .w2u-services-grid { grid-template-columns: 1fr; }\n    .w2u-service-overlay-card { min-height: 380px; }\n    .w2u-usp-grid { grid-template-columns: repeat(2, 1fr); }\n    .w2u-flow-grid { grid-template-columns: repeat(2, 1fr); }\n    .w2u-locator-box { flex-direction: column; text-align: center; }\n}\n@media (max-width: 768px) {\n    .w2u-hero-slider { min-height: 85vh; }\n    .w2u-hero-content { padding: 70px 18px; }\n    .w2u-hero-title { font-size: 32px; line-height: 1.22; }\n    .w2u-hero-desc { font-size: 15.5px; margin-bottom: 28px; }\n    .w2u-hero-stats-row { flex-direction: column; gap: 20px; }\n    .w2u-panel-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }\n    .w2u-insurer-card { height: 110px; border-radius: 14px; padding: 12px; }\n    .w2u-insurer-logo { max-height: 80px; }\n    .w2u-usp-grid { grid-template-columns: 1fr; }\n    .w2u-flow-grid { grid-template-columns: 1fr; }\n    .w2u-flow-card { padding: 32px 22px; min-height: auto; }\n}\n<\/style>\n\n<div class=\"w2u-home-wrap\">\n\n  <!-- 1. HERO SLIDER (2 Images, 5s interval, Fade\/Zoom, No Overlay, Shadowed Text) -->\n  <section class=\"w2u-hero-slider\" id=\"w2uHeroSlider\">\n    \n    <!-- Slide 1 (w2u-gallery-5.jpg) -->\n    <div class=\"w2u-slide active\" style=\"background-image: url('https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2025\/12\/w2u-gallery-5.jpg');\"><\/div>\n    \n    <!-- Slide 2 (Tint-Installation.jpg) -->\n    <div class=\"w2u-slide\" style=\"background-image: url('https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2025\/11\/Tint-Installation.jpg');\"><\/div>\n\n    <!-- Hero Content (No dark overlay layer, robust text shadows) -->\n    <div class=\"w2u-hero-content\">\n      <h1 class=\"w2u-hero-title w2u-reveal\">Malaysia\u2019s Leading <span>Car Windscreen<\/span> Repair &amp; Replacement<\/h1>\n      \n      <p class=\"w2u-hero-desc w2u-reveal w2u-delay-1\">Enjoy 0 out-of-pocket windscreen insurance claims, certified OEM-grade glass, and hassle-free door-to-door mobile service at your home or workplace across West Malaysia.<\/p>\n      \n      <div class=\"w2u-hero-actions w2u-reveal w2u-delay-2\">\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=601700811022&text=Hi%20Windscreen2U%2C%20I%20would%20like%20to%20claim%20insurance%20or%20get%20a%20free%20quote%20for%20my%20windscreen.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w2u-btn-primary\">Claim Insurance<\/a>\n        <a href=\"\/zh\/branches\/\" class=\"w2u-btn-secondary\">Find Nearest Branch<\/a>\n      <\/div>\n\n      <div class=\"w2u-hero-stats-row w2u-reveal w2u-delay-3\">\n        <div class=\"w2u-hero-stat\">\n          <div class=\"w2u-hero-stat-num\">50+<\/div>\n          <div class=\"w2u-hero-stat-label\">Branches Nationwide<\/div>\n        <\/div>\n        <div class=\"w2u-hero-stat\">\n          <div class=\"w2u-hero-stat-num\">100%<\/div>\n          <div class=\"w2u-hero-stat-label\">\u4fdd\u9669\u7406\u8d54\u652f\u6301<\/div>\n        <\/div>\n        <div class=\"w2u-hero-stat\">\n          <div class=\"w2u-hero-stat-num\">Lifetime<\/div>\n          <div class=\"w2u-hero-stat-label\">Workmanship Warranty<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 2. AUTHORISED PANEL INSURERS (4 Columns x 3 Rows = 12 Cards Default, 128px Max-Height) -->\n  <section class=\"w2u-panel-section\">\n    <div class=\"w2u-section-head w2u-reveal\">\n      <div class=\"w2u-sub-title\">Insurance Claim Panel<\/div>\n      <h2 class=\"w2u-main-title\">Authorised Insurance Panel Partners<\/h2>\n      <p class=\"w2u-head-desc\">We handle 100% of the claim paperwork directly with your insurance provider so you enjoy 0 out-of-pocket expenses and zero stress.<\/p>\n    <\/div>\n\n    <!-- 4-Column Grid: 12 by default -->\n    <div class=\"w2u-panel-grid\" id=\"w2uPanelGrid\">\n      <!-- Row 1 (1-4) -->\n      <div class=\"w2u-insurer-card w2u-reveal w2u-delay-1\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/Allianz.png\" alt=\"Allianz\" class=\"w2u-insurer-logo\" \/><\/div>\n      <div class=\"w2u-insurer-card w2u-reveal w2u-delay-2\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/AIA.png\" alt=\"AIA\" class=\"w2u-insurer-logo\" \/><\/div>\n      <div class=\"w2u-insurer-card w2u-reveal w2u-delay-3\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/Etiqa.png\" alt=\"Etiqa\" class=\"w2u-insurer-logo\" \/><\/div>\n      <div class=\"w2u-insurer-card w2u-reveal w2u-delay-4\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/Zurich.png\" alt=\"Zurich\" class=\"w2u-insurer-logo\" \/><\/div>\n      \n      <!-- Row 2 (5-8) -->\n      <div class=\"w2u-insurer-card w2u-reveal w2u-delay-1\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/Kurnia.png\" alt=\"Kurnia\" class=\"w2u-insurer-logo\" \/><\/div>\n      <div class=\"w2u-insurer-card w2u-reveal w2u-delay-2\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/Generali.png\" alt=\"Generali\" class=\"w2u-insurer-logo\" \/><\/div>\n      <div class=\"w2u-insurer-card w2u-reveal w2u-delay-3\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/RHB-Insurance.png\" alt=\"RHB Insurance\" class=\"w2u-insurer-logo\" \/><\/div>\n      <div class=\"w2u-insurer-card w2u-reveal w2u-delay-4\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/TokioMarine.png\" alt=\"Tokio Marine\" class=\"w2u-insurer-logo\" \/><\/div>\n      \n      <!-- Row 3 (9-12) -->\n      <div class=\"w2u-insurer-card w2u-reveal w2u-delay-1\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/MSIG.png\" alt=\"MSIG\" class=\"w2u-insurer-logo\" \/><\/div>\n      <div class=\"w2u-insurer-card w2u-reveal w2u-delay-2\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/PO.png\" alt=\"Berjaya Sompo \/ PO\" class=\"w2u-insurer-logo\" \/><\/div>\n      <div class=\"w2u-insurer-card w2u-reveal w2u-delay-3\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/Lonpac.png\" alt=\"Lonpac\" class=\"w2u-insurer-logo\" \/><\/div>\n      <div class=\"w2u-insurer-card w2u-reveal w2u-delay-4\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/Liberty.png\" alt=\"Liberty\" class=\"w2u-insurer-logo\" \/><\/div>\n\n      <!-- Extra Rows (13-20) - Hidden by default, toggled via button -->\n      <div class=\"w2u-insurer-card w2u-panel-extra\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/Takaful.png\" alt=\"Takaful Malaysia\" class=\"w2u-insurer-logo\" \/><\/div>\n      <div class=\"w2u-insurer-card w2u-panel-extra\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/Takaful-Ikhlas.png\" alt=\"Takaful Ikhlas\" class=\"w2u-insurer-logo\" \/><\/div>\n      <div class=\"w2u-insurer-card w2u-panel-extra\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/TuneProtect.png\" alt=\"Tune Protect\" class=\"w2u-insurer-logo\" \/><\/div>\n      <div class=\"w2u-insurer-card w2u-panel-extra\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/Prudential.png\" alt=\"Prudential\" class=\"w2u-insurer-logo\" \/><\/div>\n      <div class=\"w2u-insurer-card w2u-panel-extra\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/Progressive-Insurance.png\" alt=\"Progressive\" class=\"w2u-insurer-logo\" \/><\/div>\n      <div class=\"w2u-insurer-card w2u-panel-extra\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/Pacific-Insurance.png\" alt=\"Pacific Insurance\" class=\"w2u-insurer-logo\" \/><\/div>\n      <div class=\"w2u-insurer-card w2u-panel-extra\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/Chubb.png\" alt=\"Chubb\" class=\"w2u-insurer-logo\" \/><\/div>\n      <div class=\"w2u-insurer-card w2u-panel-extra\"><img decoding=\"async\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/04\/Amassurance.png\" alt=\"AmAssurance\" class=\"w2u-insurer-logo\" \/><\/div>\n    <\/div>\n\n    <div class=\"w2u-panel-cta-wrap w2u-reveal w2u-delay-2\">\n      <button type=\"button\" class=\"w2u-btn-view-all\" id=\"w2uTogglePanels\" aria-expanded=\"false\">\n        <span>View All Panel Insurers (20+)<\/span>\n        <svg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/section>\n\n  <!-- 3. COMPREHENSIVE AUTOMOTIVE GLASS SOLUTIONS (3 Core Services with Dark Overlay Cards) -->\n  <section class=\"w2u-services-section\">\n    <div class=\"w2u-section-head w2u-reveal\">\n      <div class=\"w2u-sub-title\">Our Services<\/div>\n      <h2 class=\"w2u-main-title\">Comprehensive Automotive Glass Solutions<\/h2>\n      <p class=\"w2u-head-desc\">From minor stone chip repairs to complete OEM windscreen replacements and solar tinting, our technicians deliver certified quality.<\/p>\n    <\/div>\n\n    <div class=\"w2u-services-grid\">\n      <!-- Service 1: Windscreen Replacement -->\n      <div class=\"w2u-service-overlay-card w2u-reveal w2u-delay-1\">\n        <div class=\"w2u-service-bg\" style=\"background-image: url('https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/03\/Windscreen-Replacement.jpg');\"><\/div>\n        <div class=\"w2u-service-dark-layer\"><\/div>\n        <div class=\"w2u-service-inner-content\">\n          <h3 class=\"w2u-service-overlay-title\">\u6321\u98ce\u73bb\u7483\u66f4\u6362<\/h3>\n          <p class=\"w2u-service-overlay-desc\">Complete front, rear, and side auto glass replacement using high-strength polyurethane sealant and OEM standard glass.<\/p>\n          <a href=\"https:\/\/windscreen.creativatestudio.my\/zh\/service\/\" class=\"w2u-service-overlay-link\">Learn More &rarr;<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Service 2: Windscreen Chip Repair -->\n      <div class=\"w2u-service-overlay-card w2u-reveal w2u-delay-2\">\n        <div class=\"w2u-service-bg\" style=\"background-image: url('https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/03\/Windscreen-Repair.jpg');\"><\/div>\n        <div class=\"w2u-service-dark-layer\"><\/div>\n        <div class=\"w2u-service-inner-content\">\n          <h3 class=\"w2u-service-overlay-title\">Windscreen Chip Repair<\/h3>\n          <p class=\"w2u-service-overlay-desc\">Fast 30-minute stone chip and hairline crack repair using professional optical resin to restore strength and optical clarity.<\/p>\n          <a href=\"https:\/\/windscreen.creativatestudio.my\/zh\/service\/\" class=\"w2u-service-overlay-link\">Learn More &rarr;<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Service 3: Door-to-Door Mobile Service -->\n      <div class=\"w2u-service-overlay-card w2u-reveal w2u-delay-3\">\n        <div class=\"w2u-service-bg\" style=\"background-image: url('https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2025\/12\/corporate-fleet-1.jpg');\"><\/div>\n        <div class=\"w2u-service-dark-layer\"><\/div>\n        <div class=\"w2u-service-inner-content\">\n          <h3 class=\"w2u-service-overlay-title\">Door-to-Door Mobile Service<\/h3>\n          <p class=\"w2u-service-overlay-desc\">Our fully equipped mobile fleet brings the workshop to your home or office parking anywhere in West Malaysia at no extra charge.<\/p>\n          <a href=\"https:\/\/windscreen.creativatestudio.my\/zh\/service\/\" class=\"w2u-service-overlay-link\">Learn More &rarr;<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 4. WHY CHOOSE WINDSCREEN2U -->\n  <section class=\"w2u-usp-section\">\n    <div class=\"w2u-section-head w2u-reveal\">\n      <div class=\"w2u-sub-title\" style=\"color: #FF8A00;\">Why Choose Us<\/div>\n      <h2 class=\"w2u-main-title\" style=\"color: #FFFFFF;\">The Windscreen2U Advantage<\/h2>\n      <p class=\"w2u-head-desc\" style=\"color: #94A3B8;\">Built on craftsmanship, speed, and trusted insurance partnerships across Malaysia.<\/p>\n    <\/div>\n\n    <div class=\"w2u-usp-grid\">\n      <div class=\"w2u-usp-card w2u-reveal w2u-delay-1\">\n        <div class=\"w2u-usp-num\">01 \/ DIRECT PANEL<\/div>\n        <h3 class=\"w2u-usp-title\">0 Out-Of-Pocket Expenses<\/h3>\n        <p class=\"w2u-usp-desc\">Direct insurance panel billing ensures you pay nothing upfront for eligible windscreen claims.<\/p>\n      <\/div>\n\n      <div class=\"w2u-usp-card w2u-reveal w2u-delay-2\">\n        <div class=\"w2u-usp-num\">02 \/ GUARANTEE<\/div>\n        <h3 class=\"w2u-usp-title\">\u7ec8\u8eab\u4fdd\u4fee<\/h3>\n        <p class=\"w2u-usp-desc\">Comprehensive lifetime workmanship guarantee protecting against leaks, wind noise, and adhesive failure.<\/p>\n      <\/div>\n\n      <div class=\"w2u-usp-card w2u-reveal w2u-delay-3\">\n        <div class=\"w2u-usp-num\">03 \/ QUALITY GLASS<\/div>\n        <h3 class=\"w2u-usp-title\">OEM Certified Standards<\/h3>\n        <p class=\"w2u-usp-desc\">Every piece of glass complies strictly with international safety and durability regulations (DOT &amp; ECE R43).<\/p>\n      <\/div>\n\n      <div class=\"w2u-usp-card w2u-reveal w2u-delay-4\">\n        <div class=\"w2u-usp-num\">04 \/ CONVENIENCE<\/div>\n        <h3 class=\"w2u-usp-title\">Doorstep Mobile Fleet<\/h3>\n        <p class=\"w2u-usp-desc\">Our certified mobile technicians come directly to your location with all required tools and glass.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 5. 4-STEP EASY INSURANCE CLAIM FLOW (Larger Size & Interactive Motion) -->\n  <section class=\"w2u-flow-section\">\n    <div class=\"w2u-section-head w2u-reveal\">\n      <div class=\"w2u-sub-title\">Simple Process<\/div>\n      <h2 class=\"w2u-main-title\">How To Claim Your Windscreen In 4 Steps<\/h2>\n      <p class=\"w2u-head-desc\">Our team takes care of the paperwork, insurer liaising, and certified glass installation.<\/p>\n    <\/div>\n\n    <div class=\"w2u-flow-grid\">\n      <div class=\"w2u-flow-card w2u-reveal w2u-delay-1\">\n        <span class=\"w2u-step-tag\">STEP 1<\/span>\n        <h3 class=\"w2u-flow-title\">Send Photo of Damage<\/h3>\n        <p class=\"w2u-flow-desc\">WhatsApp us a clear photo of the cracked glass along with your vehicle registration number.<\/p>\n      <\/div>\n\n      <div class=\"w2u-flow-card w2u-reveal w2u-delay-2\">\n        <span class=\"w2u-step-tag\">STEP 2<\/span>\n        <h3 class=\"w2u-flow-title\">Policy Verification<\/h3>\n        <p class=\"w2u-flow-desc\">We quickly check your comprehensive insurance policy to verify windscreen cover eligibility.<\/p>\n      <\/div>\n\n      <div class=\"w2u-flow-card w2u-reveal w2u-delay-3\">\n        <span class=\"w2u-step-tag\">STEP 3<\/span>\n        <h3 class=\"w2u-flow-title\">Approval &amp; Installation<\/h3>\n        <p class=\"w2u-flow-desc\">We submit the claim directly to your insurer and proceed with installation at your doorstep or branch.<\/p>\n      <\/div>\n\n      <div class=\"w2u-flow-card w2u-reveal w2u-delay-4\">\n        <span class=\"w2u-step-tag\">STEP 4<\/span>\n        <h3 class=\"w2u-flow-title\">Drive Away Confidently<\/h3>\n        <p class=\"w2u-flow-desc\">Collect your vehicle with a completed job and our signed lifetime workmanship warranty certificate.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 6. NATIONWIDE BRANCH OUTLETS -->\n  <section class=\"w2u-locator-section\">\n    <div class=\"w2u-locator-box w2u-reveal\">\n      <div class=\"w2u-locator-content\">\n        <h3>Over 50+ Branches Across Malaysia<\/h3>\n        <p>Conveniently located throughout Selangor, Kuala Lumpur, Penang, Johor, Perak, Kedah, Melaka, and Pahang. Find your nearest workshop or book our mobile van today.<\/p>\n      <\/div>\n      <div style=\"flex-shrink: 0;\">\n        <a href=\"\/zh\/branches\/\" class=\"w2u-btn-primary\" style=\"font-size: 15px; padding: 14px 28px;\">Find Nearest Outlet &rarr;<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n\/* 1. Hero Slider Logic - 2 Slides, 5s Auto-play, Smooth Fade\/Zoom, No Navigation *\/\n(function() {\n  function initHeroSlider() {\n    var slider = document.getElementById('w2uHeroSlider');\n    if (!slider) return;\n    var slides = slider.querySelectorAll('.w2u-slide');\n    if (!slides || slides.length === 0) return;\n    \n    var currentSlide = 0;\n    var totalSlides = slides.length;\n    var slideInterval = 5000; \/\/ 5 seconds interval\n\n    setInterval(function() {\n      slides[currentSlide].classList.remove('active');\n      currentSlide = (currentSlide + 1) % totalSlides;\n      slides[currentSlide].classList.add('active');\n    }, slideInterval);\n  }\n\n  \/* 2. Global Entrance Animation Trigger on Scroll *\/\n  function initScrollReveal() {\n    var revealElements = document.querySelectorAll('.w2u-reveal');\n    if (!revealElements.length) return;\n\n    if ('IntersectionObserver' in window) {\n      var observer = new IntersectionObserver(function(entries, observerInstance) {\n        entries.forEach(function(entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('w2u-revealed');\n            observerInstance.unobserve(entry.target);\n          }\n        });\n      }, {\n        threshold: 0.12,\n        rootMargin: '0px 0px -40px 0px'\n      });\n\n      revealElements.forEach(function(el) {\n        observer.observe(el);\n      });\n    } else {\n      revealElements.forEach(function(el) {\n        el.classList.add('w2u-revealed');\n      });\n    }\n  }\n\n  \/* 3. Panel Insurers Toggle (12 Default -> View All 20+) *\/\n  function initPanelToggle() {\n    var toggleBtn = document.getElementById('w2uTogglePanels');\n    if (!toggleBtn) return;\n    \n    var extraCards = document.querySelectorAll('.w2u-panel-extra');\n    var isExpanded = false;\n\n    toggleBtn.addEventListener('click', function(e) {\n      e.preventDefault();\n      isExpanded = !isExpanded;\n      \n      extraCards.forEach(function(card) {\n        if (isExpanded) {\n          card.classList.add('is-expanded');\n        } else {\n          card.classList.remove('is-expanded');\n        }\n      });\n\n      var span = toggleBtn.querySelector('span');\n      var svg = toggleBtn.querySelector('svg');\n      \n      if (isExpanded) {\n        if (span) span.textContent = 'Show Less';\n        if (svg) svg.style.transform = 'rotate(180deg)';\n        toggleBtn.setAttribute('aria-expanded', 'true');\n      } else {\n        if (span) span.textContent = 'View All Panel Insurers (20+)';\n        if (svg) svg.style.transform = 'rotate(0deg)';\n        toggleBtn.setAttribute('aria-expanded', 'false');\n      }\n    });\n  }\n\n  \/* 4. Lenis Smooth Scroll Engine *\/\n  function initLenisSmoothScroll() {\n    if (window.innerWidth < 768) return; \/\/ Keep mobile native touch smooth\n    \n    if (typeof Lenis !== 'undefined') {\n      const lenis = new Lenis({\n        duration: 1.2,\n        easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),\n        smoothWheel: true,\n        wheelMultiplier: 1.0\n      });\n\n      function raf(time) {\n        lenis.raf(time);\n        requestAnimationFrame(raf);\n      }\n      requestAnimationFrame(raf);\n    } else {\n      var script = document.createElement('script');\n      script.src = 'https:\/\/unpkg.com\/lenis@1.1.18\/dist\/lenis.min.js';\n      script.onload = function() {\n        if (typeof Lenis !== 'undefined') {\n          const lenis = new Lenis({\n            duration: 1.2,\n            easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),\n            smoothWheel: true,\n            wheelMultiplier: 1.0\n          });\n\n          function raf(time) {\n            lenis.raf(time);\n            requestAnimationFrame(raf);\n          }\n          requestAnimationFrame(raf);\n        }\n      };\n      document.head.appendChild(script);\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', function() {\n      initHeroSlider();\n      initScrollReveal();\n      initPanelToggle();\n      initLenisSmoothScroll();\n    });\n  } else {\n    initHeroSlider();\n    initScrollReveal();\n    initPanelToggle();\n    initLenisSmoothScroll();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Authorised Automotive Glass Specialist Malaysia\u2019s Leading Car Windscreen Repair &amp; Replacement Enjoy 0 out-of-pocket windscreen insurance claims, certified OEM-grade glass, and hassle-free door-to-door mobile service at your home or workplace across West Malaysia. Claim Insurance \/ Free Quote Find Nearest Branch 40+ Branches Nationwide 100% Insurance Claim Support Lifetime Workmanship Warranty Fast On-Site &amp; In-Shop [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-661","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/windscreen.creativatestudio.my\/zh\/wp-json\/wp\/v2\/pages\/661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/windscreen.creativatestudio.my\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/windscreen.creativatestudio.my\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/windscreen.creativatestudio.my\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/windscreen.creativatestudio.my\/zh\/wp-json\/wp\/v2\/comments?post=661"}],"version-history":[{"count":174,"href":"https:\/\/windscreen.creativatestudio.my\/zh\/wp-json\/wp\/v2\/pages\/661\/revisions"}],"predecessor-version":[{"id":2496,"href":"https:\/\/windscreen.creativatestudio.my\/zh\/wp-json\/wp\/v2\/pages\/661\/revisions\/2496"}],"wp:attachment":[{"href":"https:\/\/windscreen.creativatestudio.my\/zh\/wp-json\/wp\/v2\/media?parent=661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}