{"id":2498,"date":"2026-09-18T14:23:17","date_gmt":"2026-09-18T06:23:17","guid":{"rendered":"https:\/\/windscreen.creativatestudio.my\/windscreen-repair\/"},"modified":"2026-09-18T14:23:17","modified_gmt":"2026-09-18T06:23:17","slug":"windscreen-repair","status":"publish","type":"page","link":"https:\/\/windscreen.creativatestudio.my\/zh\/windscreen-repair\/","title":{"rendered":"Windscreen Repair"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2498\" class=\"elementor elementor-2498 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-w2u_repair_main_container e-con-full e-flex e-con e-parent\" data-id=\"w2u_repair_main_container\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-w2u_repair_html_widget elementor-widget elementor-widget-html\" data-id=\"w2u_repair_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: WHY YOUR WINDSCREEN MATTERS (4 CARDS)\n   ========================================================================== *\/\n.w2u-matters-sec {\n    padding: 90px 24px;\n    background: #FFFFFF;\n}\n.w2u-matters-container {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n.w2u-matters-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n.w2u-matters-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n}\n.w2u-matter-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-matter-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-matter-card:hover .w2u-matter-card-bg {\n    transform: scale(1.06);\n    opacity: 0.35;\n}\n.w2u-matter-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-matter-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-matter-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-matter-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-matter-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-matter-card:hover .w2u-matter-desc {\n    max-height: 160px;\n    opacity: 1;\n    margin-top: 10px;\n}\n\n@media (max-width: 1024px) {\n    .w2u-matters-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 640px) {\n    .w2u-matters-grid { grid-template-columns: 1fr; }\n    .w2u-matter-card { height: 320px; }\n    .w2u-matter-card .w2u-matter-desc { max-height: 160px; opacity: 1; margin-top: 10px; }\n}\n\n\/* ==========================================================================\n   SECTION 3: TYPES OF WINDSCREEN DAMAGE WE REPAIR (4 COLUMNS)\n   ========================================================================== *\/\n.w2u-damage-types-sec {\n    padding: 90px 24px;\n    background: #F8FAFC;\n    position: relative;\n}\n.w2u-damage-types-container {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n.w2u-damage-types-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n.w2u-damage-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n}\n.w2u-damage-card {\n    background: #FFFFFF;\n    border: 1px solid #E2E8F0;\n    border-radius: 16px;\n    padding: 34px 26px;\n    box-shadow: 0 6px 20px rgba(11, 25, 44, 0.04);\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n    display: flex;\n    flex-direction: column;\n}\n.w2u-damage-card:hover {\n    transform: translateY(-6px);\n    border-color: #FF7A00;\n    box-shadow: 0 16px 32px rgba(255, 122, 0, 0.12);\n}\n.w2u-damage-icon-wrap {\n    width: 68px;\n    height: 68px;\n    border-radius: 14px;\n    background: rgba(255, 122, 0, 0.08);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 22px;\n    color: #FF7A00;\n}\n.w2u-damage-icon-svg {\n    width: 36px;\n    height: 36px;\n    fill: none;\n    stroke: #FF7A00;\n    stroke-width: 2.2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n.w2u-damage-card h3 {\n    font-size: 20px;\n    font-weight: 800;\n    color: #0B192C;\n    margin: 0 0 12px 0;\n    line-height: 1.3;\n}\n.w2u-damage-card p {\n    font-size: 14.5px;\n    line-height: 1.65;\n    color: #64748B;\n    margin: 0;\n}\n\n@media (max-width: 1024px) {\n    .w2u-damage-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 640px) {\n    .w2u-damage-grid { grid-template-columns: 1fr; }\n}\n\n\/* ==========================================================================\n   SECTION 4: VERTICAL OVERLAPPING STACKING CARDS: 5-STEP REPAIR PROCESS\n   ========================================================================== *\/\n.w2u-stack-sec {\n    padding: 95px 24px 110px;\n    background: #FFFFFF;\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 5: 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 6: INHERITED SERVICE PAGE CTA\n   ========================================================================== *\/\n.w2u-service-cta-section {\n    padding: 90px 24px 100px;\n    background: #F8FAFC;\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>Windscreen Repair<\/span>\n      <\/div>\n      <h1 class=\"w2u-page-hero-title\">Windscreen <span>Repair<\/span><\/h1>\n      <p class=\"w2u-page-hero-desc\">Malaysia\u2019s Fast &amp; Certified Automotive Glass Chip &amp; Crack Repair Specialist \u2013 Restoring Up to 95% Structural Strength 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>Restore <span>Strength<\/span>, Restore Safety<\/h2>\n        <p>\n          Your vehicle\u2019s windscreen is a foundational structural safety element. Beyond deflecting wind, rain, and road debris, it reinforces your cabin structure, supports airbag deployment, and safeguards passengers during a collision. At Windscreen2U, our certified repair specialists utilize precision vacuum-resin technology to restore up to 95% of the glass\u2019s original structural strength and optical clarity\u2014saving you time, preserving factory seals, and avoiding the cost of a full replacement.\n        <\/p>\n        \n        <div class=\"w2u-overview-points\">\n          <div class=\"w2u-overview-point\">\n            <div class=\"w2u-point-dot\"><\/div>\n            <span>Restores up to 95% original glass tensile strength &amp; optical clarity<\/span>\n          <\/div>\n          <div class=\"w2u-overview-point\">\n            <div class=\"w2u-point-dot\"><\/div>\n            <span>High-index optical UV-cured resin prevents crack propagation<\/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 (Free with windscreen policy)<\/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%20repair.\" target=\"_blank\" class=\"w2u-btn-primary\">\n            Book Repair 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 (Repaired Glass) -->\n          <img decoding=\"async\" class=\"w2u-ba-img-after\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/03\/Windscreen-Replacement.jpg\" alt=\"Windscreen Repair 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 Repair Comparison\">\n\n          <div class=\"w2u-ba-label-before\">Before: Chipped<\/div>\n          <div class=\"w2u-ba-label-after\">After: Repaired (95% Clear)<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- 3. WHY YOUR WINDSCREEN MATTERS (4 CARDS) -->\n  <section class=\"w2u-matters-sec\">\n    <div class=\"w2u-matters-container\">\n      <div class=\"w2u-matters-header w2u-fade-up\">\n        <h2 class=\"w2u-sec-title\">Why Your Windscreen <span>Matters<\/span><\/h2>\n        <p class=\"w2u-sec-desc\" style=\"margin: 0 auto;\">A windscreen does much more than provide a clear view. It is an integral component of your vehicle's overall safety system:<\/p>\n      <\/div>\n\n      <div class=\"w2u-matters-grid\">\n        \n        <!-- Card 1 -->\n        <div class=\"w2u-matter-card w2u-fade-up\">\n          <img decoding=\"async\" class=\"w2u-matter-card-bg\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/01\/photo_2021-08-28-01.06.32.jpg\" alt=\"Structural Support\">\n          <div class=\"w2u-matter-overlay\">\n            <div class=\"w2u-matter-num\">Pillar 01<\/div>\n            <h3 class=\"w2u-matter-title\">Structural Support<\/h3>\n            <p class=\"w2u-matter-desc\">Contributes up to 30% of cabin structural rigidity and prevents roof collapse during a rollover incident.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Card 2 -->\n        <div class=\"w2u-matter-card w2u-fade-up\">\n          <img decoding=\"async\" class=\"w2u-matter-card-bg\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/03\/Windscreen-Repair.jpg\" alt=\"Airbag Deployment\">\n          <div class=\"w2u-matter-overlay\">\n            <div class=\"w2u-matter-num\">Pillar 02<\/div>\n            <h3 class=\"w2u-matter-title\">Airbag Deployment<\/h3>\n            <p class=\"w2u-matter-desc\">Serves as the vital backstop that supports the passenger-side airbag as it deploys toward the occupant.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Card 3 -->\n        <div class=\"w2u-matter-card w2u-fade-up\">\n          <img decoding=\"async\" class=\"w2u-matter-card-bg\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/03\/Windows-Tinting.jpg\" alt=\"Impact Protection\">\n          <div class=\"w2u-matter-overlay\">\n            <div class=\"w2u-matter-num\">Pillar 03<\/div>\n            <h3 class=\"w2u-matter-title\">Impact Protection<\/h3>\n            <p class=\"w2u-matter-desc\">Multi-layer laminated construction absorbs direct kinetic force from flying road stones and debris.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Card 4 -->\n        <div class=\"w2u-matter-card w2u-fade-up\">\n          <img decoding=\"async\" class=\"w2u-matter-card-bg\" src=\"https:\/\/windscreen.creativatestudio.my\/wp-content\/uploads\/2026\/03\/about-us-hero.jpg\" alt=\"Weather & Debris Shield\">\n          <div class=\"w2u-matter-overlay\">\n            <div class=\"w2u-matter-num\">Pillar 04<\/div>\n            <h3 class=\"w2u-matter-title\">Weather &amp; Debris Shield<\/h3>\n            <p class=\"w2u-matter-desc\">Protects driver and passengers from rain, high winds, ultraviolet rays, and flying highway gravel.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 4. TYPES OF WINDSCREEN DAMAGE WE REPAIR (4 COLUMNS) -->\n  <section class=\"w2u-damage-types-sec\">\n    <div class=\"w2u-damage-types-container\">\n      <div class=\"w2u-damage-types-header w2u-fade-up\">\n        <h2 class=\"w2u-sec-title\">Types of Windscreen Damage <span>We Repair<\/span><\/h2>\n        <p class=\"w2u-sec-desc\" style=\"margin: 0 auto;\">If addressed early before contaminants penetrate the fracture, these common damage types can be restored seamlessly:<\/p>\n      <\/div>\n\n      <div class=\"w2u-damage-grid\">\n        \n        <!-- Type 1: Bull's Eye Chip -->\n        <div class=\"w2u-damage-card w2u-fade-up\">\n          <div class=\"w2u-damage-icon-wrap\">\n            <svg class=\"w2u-damage-icon-svg\" viewbox=\"0 0 24 24\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle>\n              <circle cx=\"12\" cy=\"12\" r=\"2\" fill=\"#FF7A00\"><\/circle>\n            <\/svg>\n          <\/div>\n          <h3>Bull\u2019s Eye Chip<\/h3>\n          <p>Circular damage with a dark centre caused by a direct impact. If repaired early, it becomes almost invisible and retains full strength.<\/p>\n        <\/div>\n\n        <!-- Type 2: Half-Moon Chip -->\n        <div class=\"w2u-damage-card w2u-fade-up\">\n          <div class=\"w2u-damage-icon-wrap\">\n            <svg class=\"w2u-damage-icon-svg\" viewbox=\"0 0 24 24\">\n              <path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 1 12 2z\"><\/path>\n              <circle cx=\"9\" cy=\"12\" r=\"2\" fill=\"#FF7A00\"><\/circle>\n            <\/svg>\n          <\/div>\n          <h3>Half-Moon Chip<\/h3>\n          <p>A partial bull's-eye crack caused by a blunt object or angled stone strike. Easier to clean and repair if addressed promptly.<\/p>\n        <\/div>\n\n        <!-- Type 3: Star Break Chip -->\n        <div class=\"w2u-damage-card w2u-fade-up\">\n          <div class=\"w2u-damage-icon-wrap\">\n            <svg class=\"w2u-damage-icon-svg\" viewbox=\"0 0 24 24\">\n              <path d=\"M12 2l2.5 7.5L22 12l-7.5 2.5L12 22l-2.5-7.5L2 12l7.5-2.5z\"><\/path>\n            <\/svg>\n          <\/div>\n          <h3>Star Break Chip<\/h3>\n          <p>Short fracture lines radiating outward from the impact point, resembling a star. Highly prone to spreading if subjected to temperature changes.<\/p>\n        <\/div>\n\n        <!-- Type 4: Short Crack -->\n        <div class=\"w2u-damage-card w2u-fade-up\">\n          <div class=\"w2u-damage-icon-wrap\">\n            <svg class=\"w2u-damage-icon-svg\" viewbox=\"0 0 24 24\">\n              <path d=\"M3 21L9 15L15 17L21 3\"><\/path>\n            <\/svg>\n          <\/div>\n          <h3>Short Crack<\/h3>\n          <p>A short straight crack under 6 inches caused by stress or stone collision. Prompt resin bonding seals both tips to stop expansion.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 5. VERTICAL OVERLAPPING STACKING CARDS: 5-STEP REPAIR PROCESS -->\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 Precision <span>Repair Process<\/span><\/h2>\n        <p class=\"w2u-sec-desc\" style=\"margin: 0 auto;\">Scroll down to follow our high-precision vacuum-resin repair procedure completed in just 20 to 30 minutes:<\/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>Damage Assessment<\/h3>\n            <p>Our certified technician inspects the chip or crack under high-intensity magnification to evaluate depth, diameter, and confirm repair feasibility.<\/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>Surface Preparation<\/h3>\n            <p>We thoroughly clean the damaged impact cavity, remove loose glass micro-shards and moisture, and install protective coverings over surrounding surfaces.<\/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>Vacuum &amp; Resin Injection<\/h3>\n            <p>Trapped air and moisture are completely evacuated under high vacuum before injecting OEM-grade optical resin into all crack micro-fissures under pressure.<\/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>High-Intensity UV Curing<\/h3>\n            <p>The specialized optical resin is hardened using calibrated UV wavelength light, molecularly bonding the glass and restoring up to 90\u201395% of original strength.<\/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>Diamond Buffing &amp; Final Polish<\/h3>\n            <p>Excess cured resin is safely removed flush with the surface and polished to crystal perfection for seamless wiper glide and zero optical distortion.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 6. 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>Repair Guarantee<\/span><\/h2>\n        <p class=\"w2u-sec-desc\" style=\"margin: 0 auto;\">Fast, convenient, and approved by 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 claim processing with zero NCD deduction on valid windscreen insurance coverage.<\/p>\n        <\/div>\n        <div class=\"w2u-trust-card w2u-fade-up\">\n          <h3 class=\"w2u-trust-title\">20\u201330 Mins Quick Turnaround<\/h3>\n          <p class=\"w2u-trust-desc\">Fast express repair service getting you back on the road in under 30 minutes with zero downtime.<\/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 nationwide coverage with convenient doorstep mobile repair service at your home or office.<\/p>\n        <\/div>\n        <div class=\"w2u-trust-card w2u-fade-up\">\n          <h3 class=\"w2u-trust-title\">Lifetime Crack Warranty<\/h3>\n          <p class=\"w2u-trust-desc\">Guaranteed against repaired chip propagation or spreading for complete long-term peace of mind.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 7. 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%20inquire%20about%20windscreen%20repair.\" 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":1,"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-2498","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/windscreen.creativatestudio.my\/zh\/wp-json\/wp\/v2\/pages\/2498","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=2498"}],"version-history":[{"count":0,"href":"https:\/\/windscreen.creativatestudio.my\/zh\/wp-json\/wp\/v2\/pages\/2498\/revisions"}],"wp:attachment":[{"href":"https:\/\/windscreen.creativatestudio.my\/zh\/wp-json\/wp\/v2\/media?parent=2498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}