{"id":2497,"date":"2026-09-18T14:04:18","date_gmt":"2026-09-18T06:04:18","guid":{"rendered":"https:\/\/windscreen.creativatestudio.my\/windscreen-replacement\/"},"modified":"2026-09-18T14:04:18","modified_gmt":"2026-09-18T06:04:18","slug":"windscreen-replacement","status":"publish","type":"page","link":"https:\/\/windscreen.creativatestudio.my\/zh\/windscreen-replacement\/","title":{"rendered":"\u6321\u98ce\u73bb\u7483\u66f4\u6362"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2497\" class=\"elementor elementor-2497 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-w2u_replacement_main_container e-con-full e-flex e-con e-parent\" data-id=\"w2u_replacement_main_container\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-w2u_replacement_html_widget elementor-widget elementor-widget-html\" data-id=\"w2u_replacement_html_widget\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n\/* ==========================================================================\n   LENIS SMOOTH SCROLL HELPER STYLES\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.lenis.lenis-smooth iframe {\n    pointer-events: none;\n}\n\n\/* ==========================================================================\n   PAGE-HERO (INHERITED FROM ABOUT & SERVICE PAGES)\n   ========================================================================== *\/\n.w2u-page-hero {\n    position: relative;\n    background: linear-gradient(135deg, rgba(6, 16, 36, 0.96) 0%, rgba(10, 24, 52, 0.92) 55%, rgba(6, 16, 36, 0.97) 100%);\n    padding: 100px 24px 105px;\n    color: #FFFFFF;\n    overflow: hidden;\n    text-align: center;\n}\n.w2u-page-hero::before {\n    content: '';\n    position: absolute;\n    top: -20%;\n    right: -10%;\n    width: 650px;\n    height: 650px;\n    background: radial-gradient(circle, rgba(255, 107, 0, 0.22) 0%, rgba(255, 107, 0, 0.06) 45%, transparent 70%);\n    pointer-events: none;\n    z-index: 1;\n}\n.w2u-page-hero::after {\n    content: '';\n    position: absolute;\n    bottom: -30%;\n    left: 5%;\n    width: 500px;\n    height: 500px;\n    background: radial-gradient(circle, rgba(255, 142, 38, 0.12) 0%, transparent 65%);\n    pointer-events: none;\n    z-index: 1;\n}\n.w2u-page-hero-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n.w2u-breadcrumb {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    color: #94A3B8;\n    margin-bottom: 18px;\n}\n.w2u-breadcrumb a {\n    color: #FF941A;\n    text-decoration: none;\n    transition: color 0.2s;\n}\n.w2u-breadcrumb a:hover {\n    color: #FFB054;\n}\n.w2u-breadcrumb span {\n    color: #64748B;\n}\n.w2u-page-hero-title {\n    font-size: 52px;\n    font-weight: 800;\n    line-height: 1.18;\n    margin: 0 auto 18px;\n    color: #FFFFFF;\n    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);\n    letter-spacing: -0.5px;\n}\n.w2u-page-hero-title span {\n    color: #FF941A;\n}\n.w2u-page-hero-desc {\n    font-size: 19px;\n    line-height: 1.65;\n    color: #E2E8F0;\n    max-width: 780px;\n    margin: 0 auto;\n    font-weight: 400;\n}\n\n@media (max-width: 768px) {\n    .w2u-page-hero { padding: 70px 20px 75px; }\n    .w2u-page-hero-title { font-size: 34px; }\n    .w2u-page-hero-desc { font-size: 16px; }\n}\n\n\/* ==========================================================================\n   GLOBAL SUBPAGE TYPOGRAPHY & RESET\n   ========================================================================== *\/\n.w2u-subpage-wrap {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: #1E293B;\n    background-color: #FFFFFF;\n    -webkit-font-smoothing: antialiased;\n}\n\n.w2u-sec-tag {\n    display: inline-block;\n    color: #FF7A00;\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.8px;\n    margin-bottom: 10px;\n}\n.w2u-sec-title {\n    font-size: 36px;\n    font-weight: 800;\n    color: #0B192C;\n    margin: 0 0 14px 0;\n    line-height: 1.25;\n    letter-spacing: -0.4px;\n}\n.w2u-sec-title span {\n    color: #FF7A00;\n}\n.w2u-sec-desc {\n    font-size: 16px;\n    color: #64748B;\n    max-width: 720px;\n    line-height: 1.65;\n    margin: 0;\n}\n\n\/* ==========================================================================\n   SECTION 1: OVERVIEW & BEFORE\/AFTER SLIDER\n   ========================================================================== *\/\n.w2u-overview-sec {\n    padding: 85px 24px;\n    background: #F8FAFC;\n    position: relative;\n}\n.w2u-overview-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.15fr 1fr;\n    gap: 50px;\n    align-items: center;\n}\n.w2u-overview-content h2 {\n    font-size: 36px;\n    font-weight: 800;\n    color: #0B192C;\n    line-height: 1.25;\n    margin-bottom: 20px;\n    letter-spacing: -0.5px;\n}\n.w2u-overview-content h2 span {\n    color: #FF7A00;\n}\n.w2u-overview-content p {\n    font-size: 16px;\n    line-height: 1.75;\n    color: #475569;\n    margin-bottom: 24px;\n}\n.w2u-overview-points {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin-bottom: 30px;\n}\n.w2u-overview-point {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 15px;\n    font-weight: 600;\n    color: #1E293B;\n}\n.w2u-point-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #FF7A00;\n    box-shadow: 0 0 10px rgba(255, 122, 0, 0.5);\n    flex-shrink: 0;\n}\n.w2u-overview-actions {\n    display: flex;\n    gap: 16px;\n    flex-wrap: wrap;\n}\n.w2u-btn-primary {\n    background: linear-gradient(135deg, #FF7A00 0%, #FF941A 100%);\n    color: #FFFFFF !important;\n    padding: 14px 28px;\n    border-radius: 8px;\n    font-weight: 700;\n    font-size: 15px;\n    text-decoration: none;\n    box-shadow: 0 8px 20px rgba(255, 122, 0, 0.28);\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n}\n.w2u-btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 24px rgba(255, 122, 0, 0.38);\n}\n.w2u-btn-secondary {\n    background: #FFFFFF;\n    color: #0B192C !important;\n    border: 1px solid #CBD5E1;\n    padding: 14px 26px;\n    border-radius: 8px;\n    font-weight: 700;\n    font-size: 15px;\n    text-decoration: none;\n    transition: border-color 0.2s ease, background-color 0.2s ease;\n}\n.w2u-btn-secondary:hover {\n    border-color: #0B192C;\n    background: #F1F5F9;\n}\n\n\/* Before \/ After Slider *\/\n.w2u-ba-wrap {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 20px 45px rgba(11, 25, 44, 0.12);\n    border: 3px solid #FFFFFF;\n    background: #0B192C;\n    user-select: none;\n    touch-action: pan-y;\n}\n.w2u-ba-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 4 \/ 3;\n    overflow: hidden;\n    --position: 50%;\n}\n.w2u-ba-img-after {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    pointer-events: none;\n    display: block;\n}\n.w2u-ba-img-before-wrapper {\n    position: absolute;\n    inset: 0;\n    width: var(--position);\n    overflow: hidden;\n    pointer-events: none;\n    z-index: 2;\n}\n.w2u-ba-img-before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n    display: block;\n}\n.w2u-ba-divider {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: var(--position);\n    width: 3px;\n    background: #FFFFFF;\n    z-index: 3;\n    pointer-events: none;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\n}\n.w2u-ba-handle-circle {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 42px;\n    height: 42px;\n    border-radius: 50%;\n    background: #FF7A00;\n    border: 3px solid #FFFFFF;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #FFFFFF;\n    font-size: 15px;\n    font-weight: 800;\n}\n.w2u-ba-range {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    opacity: 0;\n    cursor: ew-resize;\n    z-index: 10;\n    -webkit-appearance: none;\n    appearance: none;\n}\n.w2u-ba-label-before, .w2u-ba-label-after {\n    position: absolute;\n    bottom: 14px;\n    padding: 6px 14px;\n    background: rgba(11, 25, 44, 0.88);\n    color: #FFFFFF;\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    border-radius: 6px;\n    z-index: 4;\n    pointer-events: none;\n}\n.w2u-ba-label-before { left: 14px; border-left: 3px solid #EF4444; }\n.w2u-ba-label-after { right: 14px; border-right: 3px solid #10B981; }\n\n@media (max-width: 991px) {\n    .w2u-overview-container { grid-template-columns: 1fr; gap: 40px; }\n}\n\n\/* ==========================================================================\n   SECTION 2: WHEN WINDSCREEN REPLACEMENT IS BEST\n   ========================================================================== *\/\n.w2u-criteria-sec {\n    padding: 90px 24px;\n    background: #FFFFFF;\n}\n.w2u-criteria-container {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n.w2u-criteria-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n.w2u-criteria-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n}\n.w2u-crit-card {\n    position: relative;\n    border-radius: 14px;\n    overflow: hidden;\n    height: 380px;\n    background: #0B192C;\n    box-shadow: 0 10px 30px rgba(11, 25, 44, 0.08);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    cursor: pointer;\n}\n.w2u-crit-card-bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    opacity: 0.6;\n    transition: transform 0.4s ease, opacity 0.3s ease;\n}\n.w2u-crit-card:hover .w2u-crit-card-bg {\n    transform: scale(1.06);\n    opacity: 0.35;\n}\n.w2u-crit-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg, rgba(11, 25, 44, 0.1) 0%, rgba(11, 25, 44, 0.75) 50%, rgba(11, 25, 44, 0.96) 100%);\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 26px 22px;\n    z-index: 2;\n}\n.w2u-crit-num {\n    font-size: 13px;\n    font-weight: 800;\n    color: #FF941A;\n    letter-spacing: 1px;\n    margin-bottom: 6px;\n    text-transform: uppercase;\n}\n.w2u-crit-title {\n    font-size: 19px;\n    font-weight: 700;\n    color: #FFFFFF;\n    margin: 0 0 10px 0;\n    line-height: 1.35;\n}\n.w2u-crit-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #CBD5E1;\n    margin: 0;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    transition: max-height 0.35s ease, opacity 0.35s ease, margin-top 0.35s ease;\n}\n.w2u-crit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 40px rgba(11, 25, 44, 0.2);\n    border: 1px solid rgba(255, 122, 0, 0.4);\n}\n.w2u-crit-card:hover .w2u-crit-desc {\n    max-height: 160px;\n    opacity: 1;\n    margin-top: 10px;\n}\n\n@media (max-width: 1024px) {\n    .w2u-criteria-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 640px) {\n    .w2u-criteria-grid { grid-template-columns: 1fr; }\n    .w2u-crit-card { height: 320px; }\n    .w2u-crit-card .w2u-crit-desc { max-height: 160px; opacity: 1; margin-top: 10px; }\n}\n\n\/* ==========================================================================\n   SECTION 3: VERTICAL OVERLAPPING STACKING CARDS (CLEAN - NO BADGES)\n   ========================================================================== *\/\n.w2u-stack-sec {\n    padding: 95px 24px 110px;\n    background: #F8FAFC;\n    position: relative;\n}\n.w2u-stack-container {\n    max-width: 1060px;\n    margin: 0 auto;\n}\n.w2u-stack-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n.w2u-stack-cards-wrap {\n    display: flex;\n    flex-direction: column;\n    gap: 30px;\n    position: relative;\n}\n.w2u-stack-card {\n    position: sticky;\n    background: #FFFFFF;\n    border-radius: 18px;\n    border: 1px solid #E2E8F0;\n    box-shadow: 0 10px 30px rgba(11, 25, 44, 0.07);\n    padding: 38px 42px;\n    display: grid;\n    grid-template-columns: 85px 1fr;\n    gap: 32px;\n    align-items: center;\n    transition: box-shadow 0.3s ease, border-color 0.3s ease;\n}\n.w2u-stack-card:hover {\n    border-color: #FF7A00;\n    box-shadow: 0 16px 36px rgba(255, 122, 0, 0.12);\n}\n\n\/* Individual Card Sticky Offsets & Stacking Z-Index *\/\n.w2u-stack-card-1 {\n    top: 110px;\n    z-index: 1;\n}\n.w2u-stack-card-2 {\n    top: 130px;\n    z-index: 2;\n}\n.w2u-stack-card-3 {\n    top: 150px;\n    z-index: 3;\n}\n.w2u-stack-card-4 {\n    top: 170px;\n    z-index: 4;\n}\n.w2u-stack-card-5 {\n    top: 190px;\n    z-index: 5;\n    margin-bottom: 20px;\n}\n\n.w2u-stack-num-box {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 80px;\n    height: 80px;\n    border-radius: 14px;\n    background: linear-gradient(135deg, rgba(255, 122, 0, 0.12) 0%, rgba(255, 148, 26, 0.05) 100%);\n    border: 1.5px solid rgba(255, 122, 0, 0.3);\n}\n.w2u-stack-num-text {\n    font-size: 28px;\n    font-weight: 800;\n    color: #FF7A00;\n    line-height: 1;\n}\n.w2u-stack-num-label {\n    font-size: 11px;\n    font-weight: 700;\n    color: #0B192C;\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    margin-top: 4px;\n}\n.w2u-stack-body h3 {\n    font-size: 22px;\n    font-weight: 800;\n    color: #0B192C;\n    margin: 0 0 10px 0;\n    line-height: 1.3;\n}\n.w2u-stack-body p {\n    font-size: 15px;\n    line-height: 1.65;\n    color: #64748B;\n    margin: 0;\n}\n\n@media (max-width: 768px) {\n    .w2u-stack-card {\n        grid-template-columns: 70px 1fr;\n        padding: 28px 24px;\n        gap: 20px;\n    }\n}\n\n@media (max-width: 600px) {\n    .w2u-stack-card {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }\n    .w2u-stack-num-box {\n        width: 60px;\n        height: 60px;\n    }\n    .w2u-stack-num-text {\n        font-size: 22px;\n    }\n}\n\n\/* ==========================================================================\n   SECTION 4: TRUST PILLARS\n   ========================================================================== *\/\n.w2u-trust-sec {\n    padding: 85px 24px;\n    background: #0B192C;\n    color: #FFFFFF;\n}\n.w2u-trust-container {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n.w2u-trust-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n.w2u-trust-header .w2u-sec-title {\n    color: #FFFFFF;\n}\n.w2u-trust-header .w2u-sec-desc {\n    color: #94A3B8;\n}\n.w2u-trust-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n}\n.w2u-trust-card {\n    background: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 12px;\n    padding: 30px 22px;\n    transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;\n}\n.w2u-trust-card:hover {\n    background: rgba(255, 255, 255, 0.08);\n    border-color: rgba(255, 122, 0, 0.5);\n    transform: translateY(-5px);\n}\n.w2u-trust-title {\n    font-size: 18px;\n    font-weight: 700;\n    color: #FFFFFF;\n    margin: 0 0 10px 0;\n}\n.w2u-trust-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #94A3B8;\n    margin: 0;\n}\n\n@media (max-width: 991px) {\n    .w2u-trust-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 640px) {\n    .w2u-trust-grid { grid-template-columns: 1fr; }\n}\n\n\/* ==========================================================================\n   SECTION 5: INHERITED SERVICE PAGE CTA\n   ========================================================================== *\/\n.w2u-service-cta-section {\n    padding: 90px 24px 100px;\n    background: #FFFFFF;\n}\n.w2u-service-cta-box {\n    max-width: 1200px;\n    margin: 0 auto;\n    background: linear-gradient(135deg, #08152C 0%, #11284E 100%);\n    border-radius: 18px;\n    padding: 56px 48px;\n    color: #FFFFFF;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 36px;\n    box-shadow: 0 20px 45px rgba(8, 21, 44, 0.12);\n}\n.w2u-service-cta-content h3 {\n    font-size: 32px;\n    font-weight: 800;\n    margin: 0 0 12px 0;\n    color: #FFFFFF;\n    letter-spacing: -0.4px;\n}\n.w2u-service-cta-content p {\n    font-size: 16px;\n    color: #CBD5E1;\n    margin: 0;\n    max-width: 640px;\n    line-height: 1.65;\n}\n.w2u-service-cta-actions {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    flex-shrink: 0;\n}\n.w2u-btn-secondary-cta {\n    background: rgba(255, 255, 255, 0.08);\n    color: #FFFFFF !important;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    padding: 14px 26px;\n    border-radius: 8px;\n    font-weight: 700;\n    font-size: 15px;\n    text-decoration: none;\n    transition: background 0.2s ease, border-color 0.2s ease;\n}\n.w2u-btn-secondary-cta:hover {\n    background: rgba(255, 255, 255, 0.16);\n    border-color: rgba(255, 255, 255, 0.4);\n}\n\n@media (max-width: 991px) {\n    .w2u-service-cta-box {\n        flex-direction: column;\n        text-align: center;\n        padding: 42px 28px;\n    }\n    .w2u-service-cta-actions {\n        justify-content: center;\n    }\n    .w2u-service-cta-content h3 {\n        font-size: 26px;\n    }\n}\n\n\/* Scroll Fade Animations *\/\n.w2u-fade-up {\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.5s ease-out, transform 0.5s ease-out;\n}\n.w2u-fade-up.w2u-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n<\/style>\n\n<div class=\"w2u-subpage-wrap\">\n\n  <!-- 1. DEDICATED TOP PAGE HERO (INHERITED EXACTLY FROM ABOUT \/ SERVICE PAGES) -->\n  <section class=\"w2u-page-hero\">\n    <div class=\"w2u-page-hero-inner\">\n      <div class=\"w2u-breadcrumb\">\n        <a href=\"\/zh\/\">\u5bb6<\/a>\n        <span>\/<\/span>\n        <a href=\"\/zh\/service\/\">Our Services<\/a>\n        <span>\/<\/span>\n        <span>\u6321\u98ce\u73bb\u7483\u66f4\u6362<\/span>\n      <\/div>\n      <h1 class=\"w2u-page-hero-title\">Windscreen <span>Replacement<\/span><\/h1>\n      <p class=\"w2u-page-hero-desc\">Malaysia\u2019s Certified Automotive Safety Glass Replacement Specialist \u2013 OEM Standards & Lifetime Workmanship Warranty Across West Malaysia.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- 2. OVERVIEW & BEFORE\/AFTER SLIDER SECTION -->\n  <section class=\"w2u-overview-sec\">\n    <div class=\"w2u-overview-container\">\n      \n      <div class=\"w2u-overview-content w2u-fade-up\">\n        <h2>Seamless <span>\u6321\u98ce\u73bb\u7483\u66f4\u6362<\/span>, Superior Protection<\/h2>\n        <p>\n          When windscreen damage is too extensive for repair, a complete replacement is the safest solution. At Windscreen2U, we combine precision craftsmanship with high-quality automotive glass to restore your vehicle\u2019s structural integrity, optical clarity, and factory-original fit. Whether caused by a major crack, severe impact, or compound wear, our certified replacement service gets you back on the road safely and swiftly.\n        <\/p>\n        \n        <div class=\"w2u-overview-points\">\n          <div class=\"w2u-overview-point\">\n            <div class=\"w2u-point-dot\"><\/div>\n            <span>DOT &amp; ECE R43 certified OEM &amp; OES automotive glass<\/span>\n          <\/div>\n          <div class=\"w2u-overview-point\">\n            <div class=\"w2u-point-dot\"><\/div>\n            <span>High-modulus fast-cure Sika polyurethane bonding<\/span>\n          <\/div>\n          <div class=\"w2u-overview-point\">\n            <div class=\"w2u-point-dot\"><\/div>\n            <span>0 Out-of-pocket insurance claims assistance for 20+ panel insurers<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"w2u-overview-actions\">\n          <a href=\"https:\/\/api.whatsapp.com\/send?phone=60122262960&text=Hi%20Windscreen2U,%20I%20need%20a%20quote%20for%20windscreen%20replacement.\" target=\"_blank\" class=\"w2u-btn-primary\">\n            Book Replacement Online\n          <\/a>\n          <a href=\"\/zh\/branch-locator\/\" class=\"w2u-btn-secondary\">Find Nearest Branch<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Fluid Before \/ After Interactive Slider -->\n      <div class=\"w2u-ba-wrap w2u-fade-up\">\n        <div class=\"w2u-ba-container\" id=\"w2uBaContainer\">\n          <!-- After (OEM Replacement) -->\n          <img decoding=\"async\" class=\"w2u-ba-img-after\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/03\/Windscreen-Replacement.jpg\" alt=\"Windscreen Replacement After\">\n          \n          <!-- Before (Damaged Glass) -->\n          <div class=\"w2u-ba-img-before-wrapper\" id=\"w2uBaBeforeWrapper\">\n            <img decoding=\"async\" class=\"w2u-ba-img-before\" id=\"w2uBaBeforeImg\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/03\/Windscreen-Repair.jpg\" alt=\"Damaged Windscreen Before\">\n          <\/div>\n\n          <!-- Divider Line & Circle Handle -->\n          <div class=\"w2u-ba-divider\">\n            <div class=\"w2u-ba-handle-circle\">&#8596;<\/div>\n          <\/div>\n\n          <!-- Transparent Range Input for 100% Touch & Mouse Precision -->\n          <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"w2u-ba-range\" id=\"w2uBaRangeInput\" aria-label=\"Before and After Windscreen Comparison\">\n\n          <div class=\"w2u-ba-label-before\">Before: Damaged<\/div>\n          <div class=\"w2u-ba-label-after\">After: OEM Replacement<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- 3. WHEN REPLACEMENT IS THE BEST OPTION -->\n  <section class=\"w2u-criteria-sec\">\n    <div class=\"w2u-criteria-container\">\n      <div class=\"w2u-criteria-header w2u-fade-up\">\n        <h2 class=\"w2u-sec-title\">When Windscreen Replacement Is the <span>Best Option<\/span><\/h2>\n        <p class=\"w2u-sec-desc\" style=\"margin: 0 auto;\">Not all windscreen damage can be safely repaired. We recommend a complete windscreen replacement under these critical conditions:<\/p>\n      <\/div>\n\n      <div class=\"w2u-criteria-grid\">\n        \n        <!-- Scenario 1 -->\n        <div class=\"w2u-crit-card w2u-fade-up\">\n          <img decoding=\"async\" class=\"w2u-crit-card-bg\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/01\/photo_2021-08-28-01.06.32.jpg\" alt=\"Cracks Are Too Long or Wide\">\n          <div class=\"w2u-crit-overlay\">\n            <div class=\"w2u-crit-num\">Scenario 01<\/div>\n            <h3 class=\"w2u-crit-title\">Cracks Are Too Long or Wide<\/h3>\n            <p class=\"w2u-crit-desc\">Cracks exceeding 6 inches (15 cm) or spanning to the outer frame edges compromise structural rigidity and must be fully replaced.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Scenario 2 -->\n        <div class=\"w2u-crit-card w2u-fade-up\">\n          <img decoding=\"async\" class=\"w2u-crit-card-bg\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/03\/Windscreen-Repair.jpg\" alt=\"Multiple Chips or Damage Clusters\">\n          <div class=\"w2u-crit-overlay\">\n            <div class=\"w2u-crit-num\">Scenario 02<\/div>\n            <h3 class=\"w2u-crit-title\">Multiple Chips or Damage Clusters<\/h3>\n            <p class=\"w2u-crit-desc\">Multiple point impacts weaken the tempered-laminated glass matrix, making reliable resin injection impossible.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Scenario 3 -->\n        <div class=\"w2u-crit-card w2u-fade-up\">\n          <img decoding=\"async\" class=\"w2u-crit-card-bg\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/03\/Windows-Tinting.jpg\" alt=\"Severe Damage in Driver's Line of Sight\">\n          <div class=\"w2u-crit-overlay\">\n            <div class=\"w2u-crit-num\">Scenario 03<\/div>\n            <h3 class=\"w2u-crit-title\">Damage in Driver\u2019s Line of Sight<\/h3>\n            <p class=\"w2u-crit-desc\">Even minor residual optical refraction in the direct driving view impairs night vision and fails roadworthiness inspection.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Scenario 4 -->\n        <div class=\"w2u-crit-card w2u-fade-up\">\n          <img decoding=\"async\" class=\"w2u-crit-card-bg\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/03\/about-us-hero.jpg\" alt=\"Compromised Laminated Layers\">\n          <div class=\"w2u-crit-overlay\">\n            <div class=\"w2u-crit-num\">Scenario 04<\/div>\n            <h3 class=\"w2u-crit-title\">Compromised Laminated Layers<\/h3>\n            <p class=\"w2u-crit-desc\">When damage penetrates the inner PVB safety membrane or allows moisture entry, full replacement is non-negotiable.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 4. VERTICAL OVERLAPPING STACKING CARDS: 5-STEP REPLACEMENT PROCESS (NO BADGES) -->\n  <section class=\"w2u-stack-sec\">\n    <div class=\"w2u-stack-container\">\n      <div class=\"w2u-stack-header w2u-fade-up\">\n        <h2 class=\"w2u-sec-title\">Our 5-Step Professional <span>Replacement Process<\/span><\/h2>\n        <p class=\"w2u-sec-desc\" style=\"margin: 0 auto;\">Scroll down to follow our meticulous replacement procedure engineered for maximum vehicle safety and factory seal integrity.<\/p>\n      <\/div>\n\n      <div class=\"w2u-stack-cards-wrap\">\n        \n        <!-- Step 1 -->\n        <div class=\"w2u-stack-card w2u-stack-card-1\">\n          <div class=\"w2u-stack-num-box\">\n            <span class=\"w2u-stack-num-text\">01<\/span>\n            <span class=\"w2u-stack-num-label\">Step<\/span>\n          <\/div>\n          <div class=\"w2u-stack-body\">\n            <h3>Vehicle &amp; Dashboard Protection<\/h3>\n            <p>Comprehensive interior and exterior protective coverings applied over your vehicle\u2019s dashboard, front cowl, fenders, and steering assembly to safeguard against scratches and debris before work begins.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Step 2 -->\n        <div class=\"w2u-stack-card w2u-stack-card-2\">\n          <div class=\"w2u-stack-num-box\">\n            <span class=\"w2u-stack-num-text\">02<\/span>\n            <span class=\"w2u-stack-num-label\">Step<\/span>\n          <\/div>\n          <div class=\"w2u-stack-body\">\n            <h3>Precision Old Glass Extraction<\/h3>\n            <p>Specialized cutting wire and precision cold-knife systems carefully sever the existing bonding urethane, extracting damaged glass cleanly without scratching the vehicle's bodywork or damaging ADAS wiring.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Step 3 -->\n        <div class=\"w2u-stack-card w2u-stack-card-3\">\n          <div class=\"w2u-stack-num-box\">\n            <span class=\"w2u-stack-num-text\">03<\/span>\n            <span class=\"w2u-stack-num-label\">Step<\/span>\n          <\/div>\n          <div class=\"w2u-stack-body\">\n            <h3>Pinchweld Prep &amp; Sika Primer<\/h3>\n            <p>The pinchweld bed is carefully trimmed to a uniform 1\u20132mm urethane base. Multi-stage Sika surface activators and anti-corrosion primers are applied to ensure an airtight, 100% leak-proof molecular bond.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Step 4 -->\n        <div class=\"w2u-stack-card w2u-stack-card-4\">\n          <div class=\"w2u-stack-num-box\">\n            <span class=\"w2u-stack-num-text\">04<\/span>\n            <span class=\"w2u-stack-num-label\">Step<\/span>\n          <\/div>\n          <div class=\"w2u-stack-body\">\n            <h3>OEM Glass &amp; High-Modulus Bonding<\/h3>\n            <p>High-modulus, fast-curing automotive polyurethane is applied with precision triangular bead extrusion, followed by laser alignment and placement of the new DOT\/ECE R43 certified safety windscreen.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Step 5 -->\n        <div class=\"w2u-stack-card w2u-stack-card-5\">\n          <div class=\"w2u-stack-num-box\">\n            <span class=\"w2u-stack-num-text\">05<\/span>\n            <span class=\"w2u-stack-num-label\">Step<\/span>\n          <\/div>\n          <div class=\"w2u-stack-body\">\n            <h3>Curing, Safety Inspection &amp; Safe Handover<\/h3>\n            <p>Rigorous pressurized water-leak testing, ADAS rain sensor alignment verification, and multi-point safety sign-off before handover with our signature Lifetime Workmanship Warranty.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 5. TRUST PILLARS -->\n  <section class=\"w2u-trust-sec\">\n    <div class=\"w2u-trust-container\">\n      <div class=\"w2u-trust-header w2u-fade-up\">\n        <h2 class=\"w2u-sec-title\">The Windscreen2U <span>Quality Assurance<\/span><\/h2>\n        <p class=\"w2u-sec-desc\" style=\"margin: 0 auto;\">Industry-leading standards and hassle-free service trusted by over 20+ insurance panel partners across Malaysia.<\/p>\n      <\/div>\n\n      <div class=\"w2u-trust-grid\">\n        <div class=\"w2u-trust-card w2u-fade-up\">\n          <h3 class=\"w2u-trust-title\">0 Out-Of-Pocket Expenses<\/h3>\n          <p class=\"w2u-trust-desc\">Direct panel billing with all major insurance providers. We handle 100% of documentation and claims processing.<\/p>\n        <\/div>\n        <div class=\"w2u-trust-card w2u-fade-up\">\n          <h3 class=\"w2u-trust-title\">DOT &amp; ECE R43 Compliant<\/h3>\n          <p class=\"w2u-trust-desc\">Certified automotive safety glass meeting stringent international optical clarity and impact resistance standards.<\/p>\n        <\/div>\n        <div class=\"w2u-trust-card w2u-fade-up\">\n          <h3 class=\"w2u-trust-title\">50+ Branches &amp; Mobile Fleet<\/h3>\n          <p class=\"w2u-trust-desc\">Comprehensive network across West Malaysia with mobile door-to-door replacement service at your doorstep.<\/p>\n        <\/div>\n        <div class=\"w2u-trust-card w2u-fade-up\">\n          <h3 class=\"w2u-trust-title\">\u7ec8\u8eab\u4fdd\u4fee<\/h3>\n          <p class=\"w2u-trust-desc\">Guaranteed against water leaks, wind noise, and adhesive bonding defects for complete peace of mind.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 6. INHERITED CTA SECTION (MATCHING SERVICE PAGE DESIGN) -->\n  <section class=\"w2u-service-cta-section\">\n    <div class=\"w2u-service-cta-box w2u-fade-up\">\n      <div class=\"w2u-service-cta-content\">\n        <h3>Need Windscreen Replacement or Repair?<\/h3>\n        <p>Get a fast quote, claim your insurance with 0 out-of-pocket cost, or request our doorstep mobile team to your home or office today.<\/p>\n      <\/div>\n      <div class=\"w2u-service-cta-actions\">\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=60122262960&text=Hi%20Windscreen2U,%20I%20would%20like%20to%20claim%20insurance%20for%20windscreen.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w2u-btn-primary\">Claim Insurance<\/a>\n        <a href=\"\/zh\/branch-locator\/\" class=\"w2u-btn-secondary-cta\">Find Nearest Branch<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n\/* 1. Global Scroll Reveal Observer *\/\n(function() {\n  function initScrollReveal() {\n    var revealElements = document.querySelectorAll('.w2u-fade-up');\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-visible');\n            observerInstance.unobserve(entry.target);\n          }\n        });\n      }, {\n        threshold: 0.1,\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-visible');\n      });\n    }\n  }\n\n  \/* 2. Lenis Smooth Scroll Engine (Matching About Us & Services) *\/\n  function initLenisSmoothScroll() {\n    if (window.innerWidth < 768) return;\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  \/* 3. Fluid Before \/ After Slider *\/\n  function initSlider() {\n    var container = document.getElementById('w2uBaContainer');\n    var rangeInput = document.getElementById('w2uBaRangeInput');\n    var beforeImg = document.getElementById('w2uBaBeforeImg');\n\n    function syncSliderWidth() {\n      if (container && beforeImg) {\n        beforeImg.style.width = container.offsetWidth + 'px';\n      }\n    }\n\n    if (container && rangeInput && beforeImg) {\n      rangeInput.addEventListener('input', function(e) {\n        container.style.setProperty('--position', e.target.value + '%');\n      });\n      syncSliderWidth();\n      window.addEventListener('resize', syncSliderWidth);\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', function() {\n      initScrollReveal();\n      initLenisSmoothScroll();\n      initSlider();\n    });\n  } else {\n    initScrollReveal();\n    initLenisSmoothScroll();\n    initSlider();\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2497","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/windscreen.creativatestudio.my\/zh\/wp-json\/wp\/v2\/pages\/2497","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"}],"replies":[{"embeddable":true,"href":"https:\/\/windscreen.creativatestudio.my\/zh\/wp-json\/wp\/v2\/comments?post=2497"}],"version-history":[{"count":0,"href":"https:\/\/windscreen.creativatestudio.my\/zh\/wp-json\/wp\/v2\/pages\/2497\/revisions"}],"wp:attachment":[{"href":"https:\/\/windscreen.creativatestudio.my\/zh\/wp-json\/wp\/v2\/media?parent=2497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}