{"id":8,"date":"2026-01-09T06:53:38","date_gmt":"2026-01-09T06:53:38","guid":{"rendered":"https:\/\/pik2.skimarmer.com\/?page_id=8"},"modified":"2026-01-10T10:03:42","modified_gmt":"2026-01-10T03:03:42","slug":"pik2","status":"publish","type":"page","link":"https:\/\/pik2.skimarmer.com\/","title":{"rendered":"Promo Marmer dan Granite Terjangkau"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62e95dd e-flex e-con-boxed e-con e-parent\" data-id=\"62e95dd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-296dcfc elementor-widget elementor-widget-html\" data-id=\"296dcfc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* 1. SETUP UTAMA *\/\n    .nav-floating-wrapper {\n        position: fixed;\n        top: 20px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 99999;\n        width: 90%;\n        max-width: 1100px; \n        transition: all 0.3s ease;\n    }\n\n    \/* Efek Kaca (Glassmorphism) Gradient Transparan *\/\n    .nav-glass-bar {\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.85));\n        backdrop-filter: blur(15px);\n        -webkit-backdrop-filter: blur(15px);\n        padding: 10px 25px;\n        border-radius: 50px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        border: 1px solid rgba(255,255,255,0.6);\n    }\n\n    \/* Logo *\/\n    .nav-logo img {\n        height: 50px; \/* Ukuran logo *\/\n        width: auto;\n        display: block;\n        transition: transform 0.3s;\n    }\n    .nav-logo img:hover { transform: scale(1.05); }\n\n    \/* Group Kanan *\/\n    .nav-right-group {\n        display: flex;\n        align-items: center;\n        gap: 20px;\n    }\n\n    \/* Link Menu Desktop *\/\n    .nav-text-link {\n        color: #333333; \/* Hitam Marmer *\/\n        font-weight: 700;\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 0.5px;\n        position: relative;\n        transition: color 0.3s;\n        text-transform: uppercase;\n        cursor: pointer;\n    }\n\n    .nav-text-link:hover { color: #b8860b; \/* Warna Emas saat hover *\/ }\n\n    \/* Tombol Promo *\/\n    .btn-promo-month {\n        background: linear-gradient(45deg, #111, #333); \n        color: white !important;\n        padding: 10px 24px;\n        border-radius: 30px;\n        font-weight: 600;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n        transition: all 0.3s ease;\n        text-decoration: none;\n        font-size: 0.9rem;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        white-space: nowrap;\n        border: 1px solid #444;\n    }\n\n    .btn-promo-month:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\n        background: linear-gradient(45deg, #000, #222);\n    }\n\n    \/* Hamburger Menu *\/\n    .nav-hamburger-mobile {\n        display: none;\n        background: transparent;\n        border: none;\n        font-size: 26px;\n        color: #333;\n        cursor: pointer;\n        padding: 0 5px;\n    }\n\n    \/* RESPONSIVE (MOBILE) *\/\n    @media (max-width: 900px) {\n        .nav-floating-wrapper { width: 94%; top: 15px; }\n        .nav-glass-bar { padding: 8px 15px; }\n        .nav-logo img { height: 38px; } \n        .nav-text-link { display: none; } \/* Hide menu text *\/\n        .nav-hamburger-mobile { display: block; margin-left: 10px; }\n        .btn-promo-month { padding: 8px 15px; font-size: 0.75rem; }\n        .nav-right-group { gap: 5px; }\n    }\n\n    \/* FULL PAGE OVERLAY (MOBILE MENU) *\/\n    .nav-mobile-overlay {\n        position: fixed; top: 0; left: 0; width: 100%; height: 100vh;\n        background: rgba(20, 20, 20, 0.98); backdrop-filter: blur(10px); z-index: 99998;\n        display: flex; flex-direction: column; justify-content: center; align-items: center;\n        transform: translateY(-100%); transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\n        opacity: 0;\n    }\n    .nav-mobile-overlay.active { transform: translateY(0); opacity: 1; }\n    .nav-mobile-link {\n        font-size: 1.5rem; color: #fff; font-weight: 500; text-decoration: none;\n        margin: 15px 0; transition: color 0.3s; text-transform: uppercase; letter-spacing: 1px;\n    }\n    .nav-mobile-link:hover { color: #d4af37; }\n    .nav-close-btn {\n        position: absolute; top: 25px; right: 25px; background: transparent; border: none;\n        color: white; font-size: 2.5rem; cursor: pointer;\n    }\n<\/style>\n\n<div class=\"nav-floating-wrapper\">\n    <div class=\"nav-glass-bar\">\n        \n        <a href=\"#\" class=\"nav-logo\">\n            <img decoding=\"async\" src=\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/cropped-SKI-Marmer.png\" alt=\"Logo SKI Marmer\">\n        <\/a>\n\n        <div class=\"nav-right-group\">\n            <a href=\"https:\/\/pik2.skimarmer.com\/#marmer\" class=\"nav-text-link\">Marmer<\/a>\n            <a href=\"https:\/\/pik2.skimarmer.com\/#granite\" class=\"nav-text-link\">Granite<\/a>\n            <a href=\"https:\/\/pik2.skimarmer.com\/#onyxtravertine\" class=\"nav-text-link\">Onyx<\/a>\n            <a href=\"https:\/\/pik2.skimarmer.com\/#onyxtravertine\" class=\"nav-text-link\">Travertine<\/a>\n            \n            <a href=\"https:\/\/wa.me\/6282234526767?text=Halo%20Admin%20SKI%20Marmer%20PIK%202%2C%20saya%20tertarik%20dengan%20promo%20bulan%20ini\" \n               class=\"btn-promo-month\"\n               target=\"_blank\"\n               onclick=\"trackHeaderPromo()\">\n               <span>\ud83d\udd25<\/span> <span id=\"dynamic-promo-text\">Promo Spesial<\/span>\n            <\/a>\n\n            <button class=\"nav-hamburger-mobile\" onclick=\"toggleMobileMenu()\">\u2630<\/button>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<div class=\"nav-mobile-overlay\" id=\"mobileMenu\">\n    <button class=\"nav-close-btn\" onclick=\"toggleMobileMenu()\">\u2715<\/button>\n    \n    <a href=\"https:\/\/pik2.skimarmer.com\/#marmer\" class=\"nav-mobile-link\" onclick=\"toggleMobileMenu()\">Marmer Collection<\/a>\n    <a href=\"https:\/\/pik2.skimarmer.com\/#granite\" class=\"nav-mobile-link\" onclick=\"toggleMobileMenu()\">Granite<\/a>\n    <a href=\"https:\/\/pik2.skimarmer.com\/#onyxtravertine\" class=\"nav-mobile-link\" onclick=\"toggleMobileMenu()\">Onyx Luxury<\/a>\n    <a href=\"https:\/\/pik2.skimarmer.com\/#onyxtravertine\" class=\"nav-mobile-link\" onclick=\"toggleMobileMenu()\">Travertine<\/a>\n    \n<\/div>\n\n<script>\n    \/\/ 1. Script Otomatis Ganti Nama Bulan\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const monthNames = [\"Januari\", \"Februari\", \"Maret\", \"April\", \"Mei\", \"Juni\", \"Juli\", \"Agustus\", \"September\", \"Oktober\", \"November\", \"Desember\"];\n        const date = new Date();\n        const promoTextElement = document.getElementById(\"dynamic-promo-text\");\n        if(promoTextElement) {\n            promoTextElement.innerHTML = `Promo ${monthNames[date.getMonth()]} ${date.getFullYear()}`;\n        }\n    });\n\n    \/\/ 2. Script Menu Mobile\n    function toggleMobileMenu() {\n        const menu = document.getElementById('mobileMenu');\n        menu.classList.toggle('active');\n        if (menu.classList.contains('active')) {\n            document.body.style.overflow = 'hidden'; \n        } else {\n            document.body.style.overflow = 'auto'; \n        }\n    }\n\n    \/\/ 3. SCRIPT TRACKING (PIXEL CONTACT & DATALAYER)\n    function trackHeaderPromo() {\n        var promoText = document.getElementById(\"dynamic-promo-text\").innerText;\n        if (typeof fbq !== 'undefined') {\n            fbq('track', 'Contact', { content_name: 'Header Promo Button', content_category: 'Header Navigation', value: 0, currency: 'IDR' });\n        }\n        window.dataLayer = window.dataLayer || [];\n        window.dataLayer.push({ 'event': 'click_header_promo', 'event_category': 'Engagement', 'event_action': 'Click Promo Button', 'event_label': promoText });\n        console.log('Tracking Fired: Contact & DataLayer (' + promoText + ')');\n    }\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f0e38e1 e-con-full e-flex e-con e-child\" data-id=\"f0e38e1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a71dd2f elementor-widget elementor-widget-html\" data-id=\"a71dd2f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Meta Pixel Code -->\n<script>\n!function(f,b,e,v,n,t,s)\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\nn.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];\ns.parentNode.insertBefore(t,s)}(window, document,'script',\n'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\nfbq('init', '854908210782342');\nfbq('track', 'PageView');\n<\/script>\n<noscript><img height=\"1\" width=\"1\" style=\"display:none\"\nsrc=\"https:\/\/www.facebook.com\/tr?id=854908210782342&ev=PageView&noscript=1\"\n\/><\/noscript>\n<!-- End Meta Pixel Code -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-921b31c e-flex e-con-boxed e-con e-parent\" data-id=\"921b31c\" data-element_type=\"container\" id=\"marmer\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a65d5c elementor-widget elementor-widget-html\" data-id=\"0a65d5c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<style>\n    \/* --- CSS APPLE STYLE CAROUSEL (LIGHT) --- *\/\n    :root {\n        --ac-bg: #f5f5f7;       \/* Background Section *\/\n        --ac-card-bg: #ffffff;  \/* Background Kartu *\/\n        --ac-text: #1d1d1f;     \/* Warna Teks Utama *\/\n        --ac-subtext: #86868b;  \/* Warna Teks Deskripsi *\/\n        --ac-accent: #D32F2F;   \/* Merah SKI Marmer *\/\n        --ac-radius: 20px;      \/* Lengkungan Sudut *\/\n        --ac-shadow: 0 4px 20px rgba(0,0,0,0.08);\n        --ac-shadow-hover: 0 20px 40px rgba(0,0,0,0.12);\n    }\n\n    \/* WRAPPER UTAMA *\/\n    .apple-section-wrapper {\n        background-color: var(--ac-bg);\n        padding: 80px 0;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        overflow: hidden;\n        width: 100%;\n        position: relative;\n    }\n\n    \/* HEADER SECTION *\/\n    .apple-header {\n        text-align: center;\n        margin-bottom: 50px;\n        padding: 0 20px;\n        max-width: 800px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .apple-header h2 {\n        font-size: 48px;\n        font-weight: 700;\n        color: var(--ac-text);\n        margin: 0 0 15px;\n        letter-spacing: -0.02em;\n        line-height: 1.1;\n    }\n\n    .apple-header p {\n        font-size: 24px;\n        color: var(--ac-subtext);\n        font-weight: 400;\n        margin: 0;\n        line-height: 1.4;\n    }\n\n    \/* CAROUSEL CONTAINER *\/\n    .apple-carousel {\n        display: flex;\n        overflow-x: auto;\n        gap: 30px;\n        padding: 40px calc(50% - 180px); \/* Center di Mobile *\/\n        scroll-snap-type: x mandatory;\n        -webkit-overflow-scrolling: touch;\n        scrollbar-width: none; \/* Hide Scrollbar Firefox *\/\n        position: relative;\n        scroll-behavior: smooth;\n    }\n\n    .apple-carousel::-webkit-scrollbar {\n        display: none; \/* Hide Scrollbar Chrome\/Safari *\/\n    }\n\n    \/* CARD ITEM *\/\n    .apple-card {\n        flex: 0 0 auto;\n        width: 360px; \/* Lebar Kartu Desktop *\/\n        background: var(--ac-card-bg);\n        border-radius: var(--ac-radius);\n        box-shadow: var(--ac-shadow);\n        scroll-snap-align: center;\n        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        height: auto; \n    }\n\n    .apple-card:hover {\n        transform: translateY(-10px);\n        box-shadow: var(--ac-shadow-hover);\n    }\n\n    \/* CARD KHUSUS: KOLEKSI LAINNYA (LIGHT THEME) *\/\n    .apple-card.more-card {\n        background: linear-gradient(135deg, #ffffff 0%, #f0f0f0 100%);\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        border: 2px dashed #d1d1d6;\n        cursor: pointer;\n    }\n    \n    .apple-card.more-card:hover {\n        border-color: var(--ac-accent);\n        background: #fff;\n    }\n\n    .more-content {\n        padding: 40px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        height: 100%;\n    }\n\n    .more-icon {\n        font-size: 48px;\n        color: var(--ac-accent);\n        margin-bottom: 20px;\n    }\n\n    \/* IMAGE AREA *\/\n    .ac-image-wrapper {\n        width: 100%;\n        height: 320px; \n        position: relative;\n        overflow: hidden;\n        background: #e0e0e0;\n    }\n\n    .ac-image-wrapper img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s ease;\n    }\n\n    .apple-card:hover .ac-image-wrapper img {\n        transform: scale(1.08); \n    }\n\n    \/* BADGE *\/\n    .ac-badge {\n        position: absolute;\n        top: 20px;\n        left: 20px;\n        background: rgba(255, 255, 255, 0.95);\n        backdrop-filter: blur(8px);\n        padding: 6px 14px;\n        border-radius: 50px;\n        font-size: 11px;\n        font-weight: 700;\n        text-transform: uppercase;\n        color: var(--ac-text);\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n        z-index: 2;\n        letter-spacing: 0.5px;\n    }\n\n    \/* CONTENT AREA *\/\n    .ac-content {\n        padding: 30px;\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1;\n        text-align: left;\n    }\n\n    .ac-title {\n        font-size: 28px;\n        font-weight: 700;\n        color: var(--ac-text);\n        margin: 0 0 10px;\n        letter-spacing: -0.01em;\n    }\n\n    .ac-desc {\n        font-size: 16px;\n        line-height: 1.6;\n        color: var(--ac-subtext);\n        margin-bottom: 25px;\n        flex-grow: 1; \n        font-weight: 400;\n    }\n\n    \/* PRICING AREA *\/\n    .ac-price-wrapper {\n        margin-bottom: 20px;\n        border-top: 1px solid #eeeeee;\n        padding-top: 15px;\n    }\n\n    .ac-price-label {\n        font-size: 12px;\n        text-transform: uppercase;\n        color: var(--ac-subtext);\n        letter-spacing: 1px;\n        font-weight: 600;\n        margin-bottom: 5px;\n    }\n\n    .ac-price {\n        font-size: 22px;\n        font-weight: 700;\n        color: var(--ac-text);\n    }\n\n    \/* BUTTON *\/\n    .ac-btn {\n        display: block;\n        background-color: var(--ac-accent);\n        color: white;\n        text-decoration: none;\n        padding: 14px 0;\n        border-radius: 50px;\n        font-size: 16px;\n        font-weight: 600;\n        text-align: center;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 12px rgba(211, 47, 47, 0.3);\n    }\n\n    .ac-btn:hover {\n        background-color: #b71c1c; \n        transform: scale(1.02);\n        box-shadow: 0 6px 15px rgba(211, 47, 47, 0.4);\n    }\n\n    \/* --- SLIDER DOTS NAVIGATION --- *\/\n    .apple-dots-container {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 12px;\n        margin-top: 20px;\n    }\n\n    .ac-dot {\n        width: 10px;\n        height: 10px;\n        background-color: #d1d1d6; \/* Abu-abu tidak aktif *\/\n        border-radius: 50%;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        border: none;\n        padding: 0;\n    }\n\n    .ac-dot:hover {\n        background-color: #86868b;\n    }\n\n    .ac-dot.active {\n        background-color: var(--ac-accent); \/* Merah aktif *\/\n        transform: scale(1.2);\n        width: 12px;\n        height: 12px;\n    }\n\n    \/* RESPONSIVE TABLET & MOBILE *\/\n    @media (max-width: 1024px) {\n        .apple-carousel {\n            justify-content: flex-start;\n            padding-left: 40px;\n            padding-right: 40px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .apple-section-wrapper { padding: 50px 0; }\n        .apple-header h2 { font-size: 34px; }\n        .apple-header p { font-size: 18px; }\n        \n        .apple-carousel {\n            gap: 20px;\n            padding: 20px 20px; \n            padding-bottom: 20px;\n        }\n\n        .apple-card {\n            width: 85vw; \n            scroll-snap-align: center;\n        }\n\n        .ac-image-wrapper { height: 250px; }\n        .ac-content { padding: 25px; }\n        .ac-title { font-size: 24px; }\n        \n        \/* Jarak Dots di Mobile *\/\n        .apple-dots-container { margin-top: 10px; }\n    }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"apple-section-wrapper\">\n    \n    <div class=\"apple-header\">\n        <h2>Marmer Pilihan.<\/h2>\n        <p>Keindahan abadi untuk hunian impian Anda.<\/p>\n    <\/div>\n\n    <div class=\"apple-carousel\" id=\"appleSlider\">\n        \n        <div class=\"apple-card\" id=\"slide-0\">\n            <div class=\"ac-image-wrapper\">\n                <span class=\"ac-badge\">New Arrival<\/span>\n                <img decoding=\"async\" src=\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/Armani-Brown.jpg\" alt=\"Marmer Armani Brown\" loading=\"lazy\">\n            <\/div>\n            <div class=\"ac-content\">\n                <h3 class=\"ac-title\">Armani Brown<\/h3>\n                <p class=\"ac-desc\">\n                    Sentuhan elegan dengan rona cokelat hangat dan urat tembaga yang memancarkan kemewahan alami dan ketenangan.\n                <\/p>\n                <div class=\"ac-price-wrapper\">\n                    <div class=\"ac-price-label\">Mulai Dari<\/div>\n                    <div class=\"ac-price\">Rp 7xx.xxx\/m\u00b2<\/div>\n                <\/div>\n                <a href=\"https:\/\/wa.me\/6282234526767?text=Halo%20Admin%20SKI%2C%20saya%20tertarik%20dengan%20Marmer%20Armani%20Brown\" \n                   class=\"ac-btn\" \n                   target=\"_blank\"\n                   onclick=\"trackAppleClick('Armani Brown', '700000')\">\n                   Hubungi Marketing\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"apple-card\" id=\"slide-1\">\n            <div class=\"ac-image-wrapper\">\n                <span class=\"ac-badge\">Best Seller<\/span>\n                <img decoding=\"async\" src=\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/Bianco-Diamante.jpg\" alt=\"Marmer Bianco Diamante\" loading=\"lazy\">\n            <\/div>\n            <div class=\"ac-content\">\n                <h3 class=\"ac-title\">Bianco Diamante<\/h3>\n                <p class=\"ac-desc\">\n                    Putih kristal yang berkilau layaknya berlian, menghadirkan nuansa luas, bersih, dan modern pada setiap sudut ruangan.\n                <\/p>\n                <div class=\"ac-price-wrapper\">\n                    <div class=\"ac-price-label\">Mulai Dari<\/div>\n                    <div class=\"ac-price\">Rp 9xx.xxx\/m\u00b2<\/div>\n                <\/div>\n                <a href=\"https:\/\/wa.me\/6282234526767?text=Halo%20Admin%20SKI%2C%20saya%20tertarik%20dengan%20Marmer%20Bianco%20Diamante\" \n                   class=\"ac-btn\" \n                   target=\"_blank\"\n                   onclick=\"trackAppleClick('Bianco Diamante', '900000')\">\n                   Hubungi Marketing\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"apple-card\" id=\"slide-2\">\n            <div class=\"ac-image-wrapper\">\n                <span class=\"ac-badge\">Premium Choice<\/span>\n                <img decoding=\"async\" src=\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/Hermes-Grey.jpg\" alt=\"Marmer Hermes Grey\" loading=\"lazy\">\n            <\/div>\n            <div class=\"ac-content\">\n                <h3 class=\"ac-title\">Hermes Grey<\/h3>\n                <p class=\"ac-desc\">\n                    Karakter abu-abu maskulin dengan guratan tegas yang artistik, pilihan sempurna untuk desain interior kontemporer.\n                <\/p>\n                <div class=\"ac-price-wrapper\">\n                    <div class=\"ac-price-label\">Mulai Dari<\/div>\n                    <div class=\"ac-price\">Rp 9xx.xxx\/m\u00b2<\/div>\n                <\/div>\n                <a href=\"https:\/\/wa.me\/6282234526767?text=Halo%20Admin%20SKI%2C%20saya%20tertarik%20dengan%20Marmer%20Hermes%20Grey\" \n                   class=\"ac-btn\" \n                   target=\"_blank\"\n                   onclick=\"trackAppleClick('Hermes Grey', '900000')\">\n                   Hubungi Marketing\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"apple-card more-card\" id=\"slide-3\" \n             onclick=\"handleMoreClick()\">\n            <div class=\"more-content\">\n                <div class=\"more-icon\">\u2794<\/div>\n                <h3 class=\"ac-title\" style=\"margin-bottom: 15px;\">Koleksi Lainnya<\/h3>\n                <p class=\"ac-desc\" style=\"text-align: center; margin-bottom: 30px;\">\n                    Masih banyak pilihan Marmer Import & Lokal lainnya di showroom kami.\n                <\/p>\n                <span class=\"ac-btn\" style=\"width: 100%;\">\n                    Lihat Katalog Lengkap\n                <\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"apple-dots-container\" id=\"appleDots\">\n        <button class=\"ac-dot active\" onclick=\"goToSlide(0)\" aria-label=\"Slide 1\"><\/button>\n        <button class=\"ac-dot\" onclick=\"goToSlide(1)\" aria-label=\"Slide 2\"><\/button>\n        <button class=\"ac-dot\" onclick=\"goToSlide(2)\" aria-label=\"Slide 3\"><\/button>\n        <button class=\"ac-dot\" onclick=\"goToSlide(3)\" aria-label=\"Slide 4\"><\/button>\n    <\/div>\n\n<\/div>\n\n<script>\n    \/\/ --- 1. TRACKING SCRIPT ---\n    function trackAppleClick(productName, priceValue) {\n        if (typeof fbq !== 'undefined') {\n            fbq('track', 'Contact', {\n                content_name: productName,\n                content_category: 'Marmer Carousel',\n                value: priceValue,\n                currency: 'IDR'\n            });\n        }\n        window.dataLayer = window.dataLayer || [];\n        window.dataLayer.push({\n            'event': 'generate_lead',\n            'event_category': 'Product Interest',\n            'event_action': 'Click Carousel Button',\n            'event_label': productName,\n            'value': priceValue,\n            'currency': 'IDR'\n        });\n        console.log('Apple Carousel Tracking Fired: ' + productName);\n    }\n\n    \/\/ --- 2. HANDLE CLICK FOR \"MORE CARD\" (FIX) ---\n    function handleMoreClick() {\n        \/\/ Fire Tracking First\n        trackAppleClick('Katalog Lengkap Marmer', 0);\n        \n        \/\/ Then Open WhatsApp Link\n        setTimeout(() => {\n            window.open('https:\/\/wa.me\/6282234526767?text=Halo%20Marketing%20SKI%2C%20tolong%20kirimkan%20katalog%20marmer%20lengkap', '_blank');\n        }, 300); \/\/ Delay kecil agar tracking sempat tereksekusi\n    }\n\n    \/\/ --- 3. SLIDER & DOTS LOGIC ---\n    const slider = document.getElementById('appleSlider');\n    const dots = document.querySelectorAll('.ac-dot');\n    const cards = document.querySelectorAll('.apple-card');\n\n    \/\/ Fungsi Klik Dot\n    function goToSlide(index) {\n        const targetCard = document.getElementById('slide-' + index);\n        if (targetCard) {\n            const sliderWidth = slider.clientWidth;\n            const cardWidth = targetCard.clientWidth;\n            const cardLeft = targetCard.offsetLeft;\n            const scrollPos = cardLeft - (sliderWidth \/ 2) + (cardWidth \/ 2);\n\n            slider.scrollTo({\n                left: scrollPos,\n                behavior: 'smooth'\n            });\n        }\n    }\n\n    \/\/ Fungsi Deteksi Scroll (Intersection Observer)\n    const observerOptions = {\n        root: slider,\n        threshold: 0.6\n    };\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                dots.forEach(dot => dot.classList.remove('active'));\n                const index = Array.from(cards).indexOf(entry.target);\n                if(dots[index]) {\n                    dots[index].classList.add('active');\n                }\n            }\n        });\n    }, observerOptions);\n\n    cards.forEach(card => observer.observe(card));\n\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a333140 e-flex e-con-boxed e-con e-parent\" data-id=\"a333140\" data-element_type=\"container\" id=\"granite\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1b608a elementor-widget elementor-widget-html\" data-id=\"f1b608a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* --- CSS GRANITE DARK THEME --- *\/\n    :root {\n        --gc-bg: #1c1c1e;       \/* Background Gelap Premium *\/\n        --gc-card-bg: #2c2c2e;  \/* Background Kartu Gelap *\/\n        --gc-text: #f5f5f7;     \/* Teks Terang *\/\n        --gc-subtext: #a1a1a6;  \/* Teks Deskripsi Abu *\/\n        --gc-accent: #d4af37;   \/* Emas (Cocok untuk Granite) *\/\n        --gc-radius: 20px;\n        --gc-shadow: 0 10px 30px rgba(0,0,0,0.3);\n    }\n\n    \/* WRAPPER DARK *\/\n    .granite-section-wrapper {\n        background-color: var(--gc-bg);\n        padding: 80px 0;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        overflow: hidden;\n        width: 100%;\n        position: relative;\n        border-top: 1px solid #333; \n    }\n\n    \/* HEADER DARK *\/\n    .granite-header {\n        text-align: center;\n        margin-bottom: 50px;\n        padding: 0 20px;\n        max-width: 800px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .granite-header h2 {\n        font-size: 48px;\n        font-weight: 700;\n        color: var(--gc-text);\n        margin: 0 0 15px;\n        letter-spacing: -0.02em;\n        line-height: 1.1;\n    }\n\n    .granite-header p {\n        font-size: 24px;\n        color: var(--gc-subtext);\n        font-weight: 400;\n        margin: 0;\n        line-height: 1.4;\n    }\n\n    \/* CAROUSEL CONTAINER *\/\n    .granite-carousel {\n        display: flex;\n        overflow-x: auto;\n        gap: 30px;\n        padding: 40px calc(50% - 180px); \/* Center di Mobile *\/\n        scroll-snap-type: x mandatory;\n        -webkit-overflow-scrolling: touch;\n        scrollbar-width: none;\n        position: relative;\n        scroll-behavior: smooth;\n    }\n    .granite-carousel::-webkit-scrollbar { display: none; }\n\n    \/* CARD ITEM DARK *\/\n    .granite-card {\n        flex: 0 0 auto;\n        width: 360px;\n        background: var(--gc-card-bg);\n        border-radius: var(--gc-radius);\n        box-shadow: var(--gc-shadow);\n        scroll-snap-align: center;\n        transition: transform 0.4s ease;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        height: auto;\n        border: 1px solid #444; \n    }\n\n    .granite-card:hover {\n        transform: translateY(-10px);\n        border-color: var(--gc-accent); \/* Glow Emas saat hover *\/\n    }\n\n    \/* CARD KHUSUS: KOLEKSI LAINNYA *\/\n    .granite-card.more-card {\n        background: linear-gradient(135deg, #2c2c2e 0%, #1a1a1a 100%);\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        border: 2px dashed var(--gc-subtext);\n        cursor: pointer;\n    }\n    \n    .granite-card.more-card:hover {\n        border-color: var(--gc-accent);\n        background: linear-gradient(135deg, #333 0%, #222 100%);\n    }\n\n    .more-content {\n        padding: 40px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        height: 100%;\n    }\n\n    .more-icon {\n        font-size: 48px;\n        color: var(--gc-accent);\n        margin-bottom: 20px;\n    }\n\n    \/* IMAGE AREA *\/\n    .gc-image-wrapper {\n        width: 100%;\n        height: 320px;\n        position: relative;\n        overflow: hidden;\n        background: #111;\n    }\n\n    .gc-image-wrapper img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s ease;\n        opacity: 0.9; \n    }\n\n    .granite-card:hover .gc-image-wrapper img {\n        transform: scale(1.08);\n        opacity: 1;\n    }\n\n    \/* BADGE DARK *\/\n    .gc-badge {\n        position: absolute;\n        top: 20px;\n        left: 20px;\n        background: rgba(0, 0, 0, 0.7); \n        backdrop-filter: blur(8px);\n        padding: 6px 14px;\n        border-radius: 50px;\n        font-size: 11px;\n        font-weight: 700;\n        text-transform: uppercase;\n        color: var(--gc-accent); \n        border: 1px solid var(--gc-accent);\n        z-index: 2;\n        letter-spacing: 0.5px;\n    }\n\n    \/* CONTENT AREA DARK *\/\n    .gc-content {\n        padding: 30px;\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1;\n        text-align: left;\n    }\n\n    .gc-title {\n        font-size: 28px;\n        font-weight: 700;\n        color: var(--gc-text);\n        margin: 0 0 10px;\n        letter-spacing: -0.01em;\n    }\n\n    .gc-desc {\n        font-size: 16px;\n        line-height: 1.6;\n        color: var(--gc-subtext);\n        margin-bottom: 25px;\n        flex-grow: 1;\n        font-weight: 400;\n    }\n\n    \/* PRICING AREA DARK *\/\n    .gc-price-wrapper {\n        margin-bottom: 20px;\n        border-top: 1px solid #444;\n        padding-top: 15px;\n    }\n\n    .gc-price-label {\n        font-size: 12px;\n        text-transform: uppercase;\n        color: var(--gc-subtext);\n        letter-spacing: 1px;\n        font-weight: 600;\n        margin-bottom: 5px;\n    }\n\n    .gc-price {\n        font-size: 22px;\n        font-weight: 700;\n        color: var(--gc-accent); \n    }\n\n    \/* BUTTON DARK STYLE *\/\n    .gc-btn {\n        display: block;\n        background-color: var(--gc-text); \n        color: #000;\n        text-decoration: none;\n        padding: 14px 0;\n        border-radius: 50px;\n        font-size: 16px;\n        font-weight: 700;\n        text-align: center;\n        transition: all 0.3s ease;\n    }\n\n    .gc-btn:hover {\n        background-color: var(--gc-accent); \n        color: #fff;\n        transform: scale(1.02);\n    }\n\n    \/* DOTS DARK *\/\n    .granite-dots-container {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 12px;\n        margin-top: 20px;\n    }\n    .gc-dot {\n        width: 10px; height: 10px;\n        background-color: #555;\n        border-radius: 50%; cursor: pointer; transition: 0.3s; border: none; padding: 0;\n    }\n    .gc-dot.active { background-color: var(--gc-accent); transform: scale(1.2); }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 1024px) {\n        .granite-carousel { padding-left: 40px; padding-right: 40px; justify-content: flex-start; }\n    }\n    @media (max-width: 768px) {\n        .granite-section-wrapper { padding: 50px 0; }\n        .granite-header h2 { font-size: 34px; }\n        .granite-header p { font-size: 18px; }\n        .granite-carousel { gap: 20px; padding: 20px 20px 40px; }\n        .granite-card { width: 85vw; scroll-snap-align: center; }\n        .gc-image-wrapper { height: 250px; }\n    }\n<\/style>\n\n<div class=\"granite-section-wrapper\">\n    \n    <div class=\"granite-header\">\n        <h2>Koleksi Granite.<\/h2>\n        <p>Kekuatan alam dengan karakter dramatis.<\/p>\n    <\/div>\n\n    <div class=\"granite-carousel\" id=\"graniteSlider\">\n        \n        <div class=\"granite-card\" id=\"g-slide-0\">\n            <div class=\"gc-image-wrapper\">\n                <span class=\"gc-badge\">MASTERPIECE<\/span>\n                <img decoding=\"async\" src=\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/Magma-Gold.jpg\" alt=\"Granite Magma Gold\" loading=\"lazy\">\n            <\/div>\n            <div class=\"gc-content\">\n                <h3 class=\"gc-title\">Magma Gold<\/h3>\n                <p class=\"gc-desc\">\n                    Mahakarya alam yang dramatis. Aliran emas menyala di atas kanvas hitam pekat menciptakan <em>focal point<\/em> yang mewah dan berani.\n                <\/p>\n                <div class=\"gc-price-wrapper\">\n                    <div class=\"gc-price-label\">Mulai Dari<\/div>\n                    <div class=\"gc-price\">Rp 3.xxx.xxx\/m\u00b2<\/div>\n                <\/div>\n                <a href=\"https:\/\/wa.me\/6282234526767?text=Halo%20Marketing%20SKI%2C%20saya%20tertarik%20dengan%20Granite%20Magma%20Gold\" \n                   class=\"gc-btn\" \n                   target=\"_blank\"\n                   onclick=\"trackGraniteClick('Magma Gold', '3000000')\">\n                   Hubungi Marketing\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"granite-card\" id=\"g-slide-1\">\n            <div class=\"gc-image-wrapper\">\n                <span class=\"gc-badge\">BEST VALUE<\/span>\n                <img decoding=\"async\" src=\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/Black-Gold.jpg\" alt=\"Granite Black Gold\" loading=\"lazy\">\n            <\/div>\n            <div class=\"gc-content\">\n                <h3 class=\"gc-title\">Black Gold<\/h3>\n                <p class=\"gc-desc\">\n                    Simbol kemewahan klasik yang kokoh. Dasar hitam legam dengan bintik emas berkilau, pilihan paling tangguh untuk top table dan lantai.\n                <\/p>\n                <div class=\"gc-price-wrapper\">\n                    <div class=\"gc-price-label\">Mulai Dari<\/div>\n                    <div class=\"gc-price\">Rp 8xx.xxx\/m\u00b2<\/div>\n                <\/div>\n                <a href=\"https:\/\/wa.me\/6282234526767?text=Halo%20Marketing%20SKI%2C%20saya%20tertarik%20dengan%20Granite%20Black%20Gold\" \n                   class=\"gc-btn\" \n                   target=\"_blank\"\n                   onclick=\"trackGraniteClick('Black Gold', '800000')\">\n                   Hubungi Marketing\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"granite-card\" id=\"g-slide-2\">\n            <div class=\"gc-image-wrapper\">\n                <span class=\"gc-badge\">EXOTIC<\/span>\n                <img decoding=\"async\" src=\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/Sao-Paolo.jpg\" alt=\"Granite Sao Paolo\" loading=\"lazy\">\n            <\/div>\n            <div class=\"gc-content\">\n                <h3 class=\"gc-title\">Sao Paolo<\/h3>\n                <p class=\"gc-desc\">\n                    Eksotisme tropis dengan paduan warna krem dan guratan abstrak yang artistik. Menghadirkan kehangatan visual yang unik pada ruangan Anda.\n                <\/p>\n                <div class=\"gc-price-wrapper\">\n                    <div class=\"gc-price-label\">Mulai Dari<\/div>\n                    <div class=\"gc-price\">Rp 1.7xx.xxx\/m\u00b2<\/div>\n                <\/div>\n                <a href=\"https:\/\/wa.me\/6282234526767?text=Halo%20Marketing%20SKI%2C%20saya%20tertarik%20dengan%20Granite%20Sao%20Paolo\" \n                   class=\"gc-btn\" \n                   target=\"_blank\"\n                   onclick=\"trackGraniteClick('Sao Paolo', '1700000')\">\n                   Hubungi Marketing\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"granite-card more-card\" id=\"g-slide-3\" \n             onclick=\"handleGraniteMoreClick()\">\n            <div class=\"more-content\">\n                <div class=\"more-icon\">\u2794<\/div>\n                <h3 class=\"gc-title\" style=\"margin-bottom: 15px;\">Koleksi Lainnya<\/h3>\n                <p class=\"gc-desc\" style=\"text-align: center; margin-bottom: 30px;\">\n                    Masih banyak pilihan Granite eksklusif lainnya di showroom kami.\n                <\/p>\n                <span class=\"gc-btn\" style=\"width: 100%;\">\n                    Lihat Katalog Lengkap\n                <\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"granite-dots-container\" id=\"graniteDots\">\n        <button class=\"gc-dot active\" onclick=\"goToGraniteSlide(0)\" aria-label=\"Slide 1\"><\/button>\n        <button class=\"gc-dot\" onclick=\"goToGraniteSlide(1)\" aria-label=\"Slide 2\"><\/button>\n        <button class=\"gc-dot\" onclick=\"goToGraniteSlide(2)\" aria-label=\"Slide 3\"><\/button>\n        <button class=\"gc-dot\" onclick=\"goToGraniteSlide(3)\" aria-label=\"Slide 4\"><\/button>\n    <\/div>\n\n<\/div>\n\n<script>\n    \/\/ --- 1. TRACKING SCRIPT (GRANITE) ---\n    function trackGraniteClick(productName, priceValue) {\n        \/\/ Meta Pixel\n        if (typeof fbq !== 'undefined') {\n            fbq('track', 'Contact', {\n                content_name: productName,\n                content_category: 'Granite Carousel',\n                value: priceValue,\n                currency: 'IDR'\n            });\n        }\n        \/\/ DataLayer\n        window.dataLayer = window.dataLayer || [];\n        window.dataLayer.push({\n            'event': 'generate_lead',\n            'event_category': 'Product Interest',\n            'event_action': 'Click Granite Button',\n            'event_label': productName,\n            'value': priceValue,\n            'currency': 'IDR'\n        });\n        console.log('Granite Tracking Fired: ' + productName);\n    }\n\n    \/\/ --- 2. HANDLE CLICK FOR \"MORE CARD\" (FIX) ---\n    function handleGraniteMoreClick() {\n        \/\/ Fire Tracking First\n        trackGraniteClick('Katalog Lengkap Granite', 0);\n        \n        \/\/ Then Open WhatsApp Link\n        setTimeout(() => {\n            window.open('https:\/\/wa.me\/6282234526767?text=Halo%20Marketing%20SKI%2C%20tolong%20kirimkan%20katalog%20granite%20lengkap', '_blank');\n        }, 300); \/\/ Delay kecil\n    }\n\n    \/\/ --- 3. SLIDER & DOTS LOGIC ---\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const gSlider = document.getElementById('graniteSlider');\n        const gDots = document.querySelectorAll('.gc-dot');\n        const gCards = document.querySelectorAll('.granite-card');\n\n        \/\/ Observer untuk Dot Aktif Otomatis\n        const gObserver = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    gDots.forEach(dot => dot.classList.remove('active'));\n                    const index = Array.from(gCards).indexOf(entry.target);\n                    if(gDots[index]) gDots[index].classList.add('active');\n                }\n            });\n        }, { root: gSlider, threshold: 0.6 });\n\n        gCards.forEach(card => gObserver.observe(card));\n    });\n\n    \/\/ Fungsi Klik Dot\n    function goToGraniteSlide(index) {\n        const slider = document.getElementById('graniteSlider');\n        const target = document.getElementById('g-slide-' + index);\n        if (target && slider) {\n            const scrollPos = target.offsetLeft - (slider.clientWidth \/ 2) + (target.clientWidth \/ 2);\n            slider.scrollTo({ left: scrollPos, behavior: 'smooth' });\n        }\n    }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43edffa e-flex e-con-boxed e-con e-parent\" data-id=\"43edffa\" data-element_type=\"container\" id=\"onyxtravertine\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90f6e27 elementor-widget elementor-widget-html\" data-id=\"90f6e27\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* --- CSS ONYX & TRAVERTINE THEME (NATURAL) --- *\/\n    :root {\n        --ot-bg: #f9f7f2;       \/* Background Krem\/Beige Mewah *\/\n        --ot-card-bg: #ffffff;  \/* Card Putih Bersih *\/\n        --ot-text: #5d4037;     \/* Teks Coklat Tua Elegan *\/\n        --ot-subtext: #8d6e63;  \/* Deskripsi Coklat Muda *\/\n        --ot-accent: #bcaaa4;   \/* Aksen Taupe\/Bronze Halus *\/\n        --ot-btn-border: #795548; \/* Border Tombol *\/\n        --ot-radius: 20px;\n        --ot-shadow: 0 10px 30px rgba(93, 64, 55, 0.08); \/* Shadow Hangat *\/\n    }\n\n    \/* WRAPPER NATURAL *\/\n    .ot-section-wrapper {\n        background: linear-gradient(180deg, #ffffff 0%, var(--ot-bg) 100%);\n        padding: 80px 0;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        overflow: hidden;\n        width: 100%;\n        position: relative;\n        border-top: 1px solid #eee; \n    }\n\n    \/* HEADER *\/\n    .ot-header {\n        text-align: center;\n        margin-bottom: 50px;\n        padding: 0 20px;\n        max-width: 800px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .ot-header h2 {\n        font-size: 48px;\n        font-weight: 700;\n        color: var(--ot-text);\n        margin: 0 0 15px;\n        letter-spacing: -0.02em;\n        line-height: 1.1;\n        font-family: \"Times New Roman\", serif; \/* Serif agar klasik *\/\n    }\n\n    .ot-header p {\n        font-size: 24px;\n        color: var(--ot-subtext);\n        font-weight: 400;\n        margin: 0;\n        line-height: 1.4;\n    }\n\n    \/* CAROUSEL *\/\n    .ot-carousel {\n        display: flex;\n        overflow-x: auto;\n        gap: 30px;\n        padding: 40px calc(50% - 180px);\n        scroll-snap-type: x mandatory;\n        -webkit-overflow-scrolling: touch;\n        scrollbar-width: none;\n        position: relative;\n        scroll-behavior: smooth;\n    }\n    .ot-carousel::-webkit-scrollbar { display: none; }\n\n    \/* CARD ITEM *\/\n    .ot-card {\n        flex: 0 0 auto;\n        width: 360px;\n        background: var(--ot-card-bg);\n        border-radius: var(--ot-radius);\n        box-shadow: var(--ot-shadow);\n        scroll-snap-align: center;\n        transition: transform 0.4s ease;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        height: auto;\n        border: 1px solid #e0d8d0; \/* Border Krem Tipis *\/\n    }\n\n    .ot-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 40px rgba(93, 64, 55, 0.15);\n        border-color: var(--ot-accent);\n    }\n\n    \/* IMAGE AREA *\/\n    .ot-image-wrapper {\n        width: 100%;\n        height: 320px;\n        position: relative;\n        overflow: hidden;\n        background: #f0f0f0;\n    }\n\n    .ot-image-wrapper img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s ease;\n    }\n\n    .ot-card:hover .ot-image-wrapper img {\n        transform: scale(1.08);\n    }\n\n    \/* BADGE (Earthy Tone) *\/\n    .ot-badge {\n        position: absolute;\n        top: 20px;\n        left: 20px;\n        background: rgba(255, 255, 255, 0.95);\n        color: var(--ot-text);\n        padding: 6px 14px;\n        border-radius: 4px;\n        font-size: 11px;\n        font-weight: 700;\n        text-transform: uppercase;\n        z-index: 2;\n        letter-spacing: 1px;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n        border: 1px solid #d7ccc8;\n    }\n\n    \/* CONTENT *\/\n    .ot-content {\n        padding: 30px;\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1;\n        text-align: left;\n    }\n\n    .ot-title {\n        font-size: 28px;\n        font-weight: 700;\n        color: var(--ot-text);\n        margin: 0 0 10px;\n        letter-spacing: -0.01em;\n        font-family: \"Times New Roman\", serif;\n    }\n\n    .ot-desc {\n        font-size: 16px;\n        line-height: 1.6;\n        color: var(--ot-subtext);\n        margin-bottom: 25px;\n        flex-grow: 1;\n        font-weight: 400;\n    }\n\n    \/* PRICING *\/\n    .ot-price-wrapper {\n        margin-bottom: 20px;\n        border-top: 1px solid #f0f0f0;\n        padding-top: 15px;\n    }\n\n    .ot-price-label {\n        font-size: 12px;\n        text-transform: uppercase;\n        color: #a1887f;\n        letter-spacing: 1px;\n        font-weight: 600;\n        margin-bottom: 5px;\n    }\n\n    .ot-price {\n        font-size: 22px;\n        font-weight: 700;\n        color: var(--ot-text);\n        font-family: \"Times New Roman\", serif;\n    }\n\n    \/* BUTTON (Outline Style) *\/\n    .ot-btn {\n        display: block;\n        background: transparent;\n        color: var(--ot-text);\n        text-decoration: none;\n        padding: 12px 0;\n        border-radius: 50px;\n        font-size: 16px;\n        font-weight: 700;\n        text-align: center;\n        transition: all 0.3s ease;\n        border: 2px solid var(--ot-text);\n    }\n\n    .ot-btn:hover {\n        background-color: var(--ot-text); \n        color: white;\n        transform: scale(1.02);\n    }\n\n    \/* CARD MORE *\/\n    .ot-card.more-card {\n        background: #fdfbf7;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        border: 2px dashed #d7ccc8;\n        cursor: pointer;\n    }\n    .ot-card.more-card:hover {\n        background: #fff;\n        border-color: var(--ot-text);\n    }\n    .ot-more-content {\n        padding: 40px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        height: 100%;\n    }\n    .ot-more-icon {\n        font-size: 48px;\n        margin-bottom: 20px;\n        filter: grayscale(100%) sepia(100%) hue-rotate(320deg) saturate(0.5); \/* Efek warna tanah *\/\n    }\n\n    \/* DOTS *\/\n    .ot-dots-container {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 12px;\n        margin-top: 20px;\n    }\n    .ot-dot {\n        width: 10px; height: 10px;\n        background-color: #d7ccc8;\n        border-radius: 50%; cursor: pointer; transition: 0.3s; border: none; padding: 0;\n    }\n    .ot-dot.active { background-color: var(--ot-text); transform: scale(1.2); }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 1024px) {\n        .ot-carousel { padding-left: 40px; padding-right: 40px; justify-content: flex-start; }\n    }\n    @media (max-width: 768px) {\n        .ot-section-wrapper { padding: 50px 0; }\n        .ot-header h2 { font-size: 34px; }\n        .ot-header p { font-size: 18px; }\n        .ot-carousel { gap: 20px; padding: 20px 20px 40px; }\n        .ot-card { width: 85vw; scroll-snap-align: center; }\n        .ot-image-wrapper { height: 250px; }\n    }\n<\/style>\n\n<div class=\"ot-section-wrapper\">\n    \n    <div class=\"ot-header\">\n        <h2>Onyx & Travertine.<\/h2>\n        <p>Pesona alam dengan karakter warna yang hangat.<\/p>\n    <\/div>\n\n    <div class=\"ot-carousel\" id=\"otSlider\">\n        \n        <div class=\"ot-card\" id=\"ot-slide-0\">\n            <div class=\"ot-image-wrapper\">\n                <span class=\"ot-badge\">Rare Item<\/span>\n                <img decoding=\"async\" src=\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/Onyx-Ocean-Blue.jpg\" alt=\"Onyx Ocean Blue\" loading=\"lazy\">\n            <\/div>\n            <div class=\"ot-content\">\n                <h3 class=\"ot-title\">Onyx Ocean Blue<\/h3>\n                <p class=\"ot-desc\">\n                    Keindahan laut dalam yang terabadikan. Karakter <em>translucent<\/em> (tembus cahaya) dengan gradasi biru-emas yang memukau.\n                <\/p>\n                <div class=\"ot-price-wrapper\">\n                    <div class=\"ot-price-label\">Mulai Dari<\/div>\n                    <div class=\"ot-price\">Rp 2.8xx.xxx\/m\u00b2<\/div>\n                <\/div>\n                <a href=\"https:\/\/wa.me\/6282234526767?text=Halo%20Marketing%20SKI%2C%20saya%20tertarik%20dengan%20Onyx%20Ocean%20Blue\" \n                   class=\"ot-btn\" \n                   target=\"_blank\"\n                   onclick=\"trackOTClick('Onyx Ocean Blue', '2800000')\">\n                   Hubungi Marketing\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"ot-card\" id=\"ot-slide-1\">\n            <div class=\"ot-image-wrapper\">\n                <span class=\"ot-badge\">Architect Choice<\/span>\n                <img decoding=\"async\" src=\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/Travertine-Titanium.jpg\" alt=\"Travertine Titanium\" loading=\"lazy\">\n            <\/div>\n            <div class=\"ot-content\">\n                <h3 class=\"ot-title\">Travertine Titanium<\/h3>\n                <p class=\"ot-desc\">\n                    Karakter industrial yang elegan. Tekstur berpori alami dengan warna abu-abu titanium yang modern dan <em>timeless<\/em>.\n                <\/p>\n                <div class=\"ot-price-wrapper\">\n                    <div class=\"ot-price-label\">Mulai Dari<\/div>\n                    <div class=\"ot-price\">Rp 1.2xx.xxx\/m\u00b2<\/div>\n                <\/div>\n                <a href=\"https:\/\/wa.me\/6282234526767?text=Halo%20Marketing%20SKI%2C%20saya%20tertarik%20dengan%20Travertine%20Titanium\" \n                   class=\"ot-btn\" \n                   target=\"_blank\"\n                   onclick=\"trackOTClick('Travertine Titanium', '1200000')\">\n                   Hubungi Marketing\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"ot-card more-card\" id=\"ot-slide-2\" \n             onclick=\"handleOTMoreClick()\">\n            <div class=\"ot-more-content\">\n                <div class=\"ot-more-icon\">\ud83c\udfdb\ufe0f<\/div>\n                <h3 class=\"ot-title\" style=\"margin-bottom: 15px; font-size: 24px;\">Exotic Collection<\/h3>\n                <p class=\"ot-desc\" style=\"text-align: center; margin-bottom: 30px;\">\n                    Temukan koleksi batu alam langka dan eksotis lainnya di katalog kami.\n                <\/p>\n                <span class=\"ot-btn\" style=\"width: 100%; border-style: dashed;\">\n                    Lihat Katalog Lengkap\n                <\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"ot-dots-container\" id=\"otDots\">\n        <button class=\"ot-dot active\" onclick=\"goToOTSlide(0)\" aria-label=\"Slide 1\"><\/button>\n        <button class=\"ot-dot\" onclick=\"goToOTSlide(1)\" aria-label=\"Slide 2\"><\/button>\n        <button class=\"ot-dot\" onclick=\"goToOTSlide(2)\" aria-label=\"Slide 3\"><\/button>\n    <\/div>\n\n<\/div>\n\n<script>\n    \/\/ --- 1. TRACKING SCRIPT (ONYX & TRAVERTINE) ---\n    function trackOTClick(productName, priceValue) {\n        \/\/ Meta Pixel\n        if (typeof fbq !== 'undefined') {\n            fbq('track', 'Contact', {\n                content_name: productName,\n                content_category: 'Onyx Travertine Carousel',\n                value: priceValue,\n                currency: 'IDR'\n            });\n        }\n        \/\/ DataLayer\n        window.dataLayer = window.dataLayer || [];\n        window.dataLayer.push({\n            'event': 'generate_lead',\n            'event_category': 'Product Interest',\n            'event_action': 'Click OT Button',\n            'event_label': productName,\n            'value': priceValue,\n            'currency': 'IDR'\n        });\n        console.log('OT Tracking Fired: ' + productName);\n    }\n\n    \/\/ --- 2. HANDLE CLICK FOR \"MORE CARD\" (FIX) ---\n    function handleOTMoreClick() {\n        \/\/ Fire Tracking First\n        trackOTClick('Katalog Lengkap Onyx Travertine', 0);\n        \n        \/\/ Then Open WhatsApp Link\n        setTimeout(() => {\n            window.open('https:\/\/wa.me\/6282234526767?text=Halo%20Marketing%20SKI%2C%20tolong%20kirimkan%20katalog%20Onyx%20dan%20Travertine', '_blank');\n        }, 300); \/\/ Delay kecil\n    }\n\n    \/\/ --- 3. SLIDER & DOTS LOGIC ---\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const otSlider = document.getElementById('otSlider');\n        const otDots = document.querySelectorAll('.ot-dot');\n        const otCards = document.querySelectorAll('.ot-card');\n\n        \/\/ Observer untuk Dot Aktif Otomatis\n        const otObserver = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    otDots.forEach(dot => dot.classList.remove('active'));\n                    const index = Array.from(otCards).indexOf(entry.target);\n                    if(otDots[index]) otDots[index].classList.add('active');\n                }\n            });\n        }, { root: otSlider, threshold: 0.6 });\n\n        otCards.forEach(card => otObserver.observe(card));\n    });\n\n    \/\/ Fungsi Klik Dot\n    function goToOTSlide(index) {\n        const slider = document.getElementById('otSlider');\n        const target = document.getElementById('ot-slide-' + index);\n        if (target && slider) {\n            const scrollPos = target.offsetLeft - (slider.clientWidth \/ 2) + (target.clientWidth \/ 2);\n            slider.scrollTo({ left: scrollPos, behavior: 'smooth' });\n        }\n    }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-08158d4 e-flex e-con-boxed e-con e-parent\" data-id=\"08158d4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f15289 elementor-widget elementor-widget-html\" data-id=\"6f15289\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* --- CSS WHY US --- *\/\n    :root {\n        --why-bg: #ffffff;\n        --why-title: #1d1d1f;\n        --why-text: #6e6e73;\n        --why-red: #D32F2F; \/* Merah SKI *\/\n        --why-shadow: 0 4px 20px rgba(0,0,0,0.06);\n    }\n\n    .why-section-wrapper {\n        background-color: var(--why-bg);\n        padding: 80px 0 40px; \n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        position: relative;\n        z-index: 15;\n        overflow: hidden; \/* Mencegah horizontal scroll halaman *\/\n    }\n\n    .why-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n\n    \/* HEADER *\/\n    .why-header {\n        text-align: center;\n        margin-bottom: 60px;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .why-header h2 {\n        font-size: 36px;\n        font-weight: 800;\n        color: var(--why-title);\n        margin: 0 0 15px;\n        line-height: 1.2;\n    }\n\n    .why-header h2 span {\n        color: var(--why-red);\n        position: relative;\n    }\n    \n    .why-header h2 span::after {\n        content: '';\n        position: absolute;\n        width: 100%;\n        height: 3px;\n        background: var(--why-red);\n        bottom: 0;\n        left: 0;\n        opacity: 0.3;\n    }\n\n    .why-header p {\n        font-size: 18px;\n        color: var(--why-text);\n        line-height: 1.6;\n    }\n\n    \/* GRID LAYOUT (DEFAULT DESKTOP) *\/\n    .why-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr); \/* 4 Kolom Desktop *\/\n        gap: 30px;\n    }\n\n    \/* CARD ITEM *\/\n    .why-card {\n        background: #fafafa;\n        padding: 30px 25px;\n        border-radius: 16px;\n        transition: all 0.3s ease;\n        border: 1px solid #f0f0f0;\n        text-align: left;\n        position: relative;\n        overflow: hidden;\n        height: 100%; \/* Agar tinggi seragam *\/\n        display: flex;\n        flex-direction: column;\n    }\n\n    .why-card:hover {\n        transform: translateY(-8px);\n        background: #fff;\n        box-shadow: var(--why-shadow);\n        border-color: rgba(211, 47, 47, 0.2);\n    }\n\n    .why-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 4px;\n        background: var(--why-red);\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.3s ease;\n    }\n\n    .why-card:hover::before {\n        transform: scaleX(1);\n    }\n\n    .why-icon {\n        font-size: 32px;\n        margin-bottom: 20px;\n        display: inline-block;\n        background: #fff0f0; \n        color: var(--why-red);\n        width: 60px;\n        height: 60px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0; \/* Agar icon tidak gepeng *\/\n    }\n\n    .why-title {\n        font-size: 18px;\n        font-weight: 700;\n        color: var(--why-title);\n        margin: 0 0 10px;\n    }\n\n    .why-desc {\n        font-size: 14px;\n        line-height: 1.6;\n        color: var(--why-text);\n        flex-grow: 1;\n    }\n\n    \/* DOTS NAVIGATION (MOBILE ONLY) *\/\n    .why-dots {\n        display: none; \/* Hidden di Desktop *\/\n        justify-content: center;\n        gap: 8px;\n        margin-top: 20px;\n    }\n    .why-dot {\n        width: 8px;\n        height: 8px;\n        background: #ddd;\n        border-radius: 50%;\n        transition: 0.3s;\n    }\n    .why-dot.active {\n        background: var(--why-red);\n        width: 20px;\n        border-radius: 10px;\n    }\n\n    \/* RESPONSIVE TABLET *\/\n    @media (max-width: 1024px) {\n        .why-grid {\n            grid-template-columns: repeat(2, 1fr); \/* 2 Kolom Tablet *\/\n        }\n    }\n\n    \/* RESPONSIVE MOBILE - UBAH JADI SLIDER *\/\n    @media (max-width: 600px) {\n        .why-section-wrapper { \n            padding: 60px 0 30px; \n        }\n        .why-header h2 { font-size: 28px; }\n        \n        .why-grid {\n            display: flex; \/* Ubah Grid jadi Flex *\/\n            overflow-x: auto; \/* Scroll Horizontal *\/\n            gap: 15px;\n            padding-bottom: 20px; \/* Ruang scrollbar\/bayangan *\/\n            scroll-snap-type: x mandatory;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: none; \/* Hide Scrollbar *\/\n            margin: 0 -20px; \/* Negatif margin agar full width *\/\n            padding: 0 20px 20px; \/* Padding dalam agar card pertama tidak nempel *\/\n        }\n        \n        .why-grid::-webkit-scrollbar { display: none; }\n\n        .why-card {\n            min-width: 280px; \/* Lebar Kartu Mobile *\/\n            scroll-snap-align: center;\n            text-align: center;\n            align-items: center;\n        }\n\n        .why-dots {\n            display: flex; \/* Show Dots di Mobile *\/\n        }\n    }\n<\/style>\n\n<div class=\"why-section-wrapper\">\n    <div class=\"why-container\">\n        \n        <div class=\"why-header\">\n            <h2>Standar Kualitas <span>SKI Marmer<\/span><\/h2>\n            <p>Kami memastikan setiap lembar batu alam yang Anda terima adalah karya seni terbaik dari alam.<\/p>\n        <\/div>\n\n        <div class=\"why-grid\" id=\"whySlider\">\n            \n            <div class=\"why-card\">\n                <div class=\"why-icon\">\ud83c\udf0d<\/div>\n                <h3 class=\"why-title\">Direct Importer<\/h3>\n                <p class=\"why-desc\">\n                    Tangan pertama importir marmer & granite dari Italia, Spanyol, Turki, hingga Brazil. Menjamin harga terbaik tanpa perantara.\n                <\/p>\n            <\/div>\n\n            <div class=\"why-card\">\n                <div class=\"why-icon\">\ud83c\udfed<\/div>\n                <h3 class=\"why-title\">Teknologi Presisi<\/h3>\n                <p class=\"why-desc\">\n                    Pemotongan menggunakan mesin CNC & Waterjet teknologi terbaru. Hasil potong presisi, rapi, dan minim sambungan.\n                <\/p>\n            <\/div>\n\n            <div class=\"why-card\">\n                <div class=\"why-icon\">\ud83d\udc68\u200d\ud83d\udd27<\/div>\n                <h3 class=\"why-title\">Pemasangan Ahli<\/h3>\n                <p class=\"why-desc\">\n                    Tim installer berpengalaman bertahun-tahun. Kami paham teknik <em>bookmatch<\/em> dan pola pasang untuk hasil visual maksimal.\n                <\/p>\n            <\/div>\n\n            <div class=\"why-card\">\n                <div class=\"why-icon\">\ud83c\udfe2<\/div>\n                <h3 class=\"why-title\">Gallery PIK 2<\/h3>\n                <p class=\"why-desc\">\n                    Kunjungi showroom eksklusif kami di PIK 2 untuk melihat & menyentuh langsung koleksi kami.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"why-dots\" id=\"whyDots\">\n            <div class=\"why-dot active\"><\/div>\n            <div class=\"why-dot\"><\/div>\n            <div class=\"why-dot\"><\/div>\n            <div class=\"why-dot\"><\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Script Sederhana untuk Update Dots saat Scroll (Mobile Only)\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const slider = document.getElementById('whySlider');\n        const dots = document.querySelectorAll('.why-dot');\n        \n        if(window.innerWidth <= 600) { \/\/ Hanya jalankan logic di mobile\n            slider.addEventListener('scroll', () => {\n                const scrollPos = slider.scrollLeft;\n                const cardWidth = slider.querySelector('.why-card').offsetWidth + 15; \/\/ Width + Gap\n                const index = Math.round(scrollPos \/ cardWidth);\n                \n                dots.forEach(d => d.classList.remove('active'));\n                if(dots[index]) dots[index].classList.add('active');\n            });\n        }\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-593d443 elementor-widget elementor-widget-html\" data-id=\"593d443\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* --- CSS INSTAGRAM SECTION --- *\/\n    :root {\n        --ig-bg: #f5f5f7;       \/* Background Light *\/\n        --ig-red: #D32F2F;      \/* Merah SKI *\/\n        --ig-black: #1d1d1f;\n        --ig-text: #86868b;\n    }\n\n    .ig-section-wrapper {\n        background-color: var(--ig-bg);\n        padding: 80px 0;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        overflow: hidden;\n        width: 100%;\n        position: relative;\n    }\n\n    .ig-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n\n    \/* HEADER *\/\n    .ig-header {\n        text-align: center;\n        margin-bottom: 50px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .ig-logo-icon {\n        width: 40px;\n        height: 40px;\n        background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: white;\n        font-size: 24px;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        margin-bottom: 10px;\n    }\n\n    .ig-header h2 {\n        font-size: 36px;\n        font-weight: 800;\n        color: var(--ig-black);\n        margin: 0;\n        letter-spacing: -0.02em;\n    }\n\n    .ig-header a {\n        font-size: 18px;\n        color: var(--ig-red);\n        text-decoration: none;\n        font-weight: 600;\n        border-bottom: 1px dotted var(--ig-red);\n        transition: 0.3s;\n    }\n    .ig-header a:hover { color: #b71c1c; border-bottom-style: solid; }\n\n    \/* GRID FEED *\/\n    .ig-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 20px;\n    }\n\n    \/* CARD ITEM *\/\n    .ig-card {\n        position: relative;\n        padding-bottom: 100%; \/* Membuat kotak persegi (Square 1:1) *\/\n        overflow: hidden;\n        border-radius: 20px;\n        cursor: pointer;\n        background: #eee;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n        transition: transform 0.3s ease;\n    }\n\n    .ig-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 15px 30px rgba(0,0,0,0.15);\n    }\n\n    .ig-card img {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n    }\n\n    \/* OVERLAY HOVER *\/\n    .ig-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0,0,0,0.4);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n        z-index: 2;\n    }\n\n    .ig-overlay span {\n        color: white;\n        font-weight: 600;\n        font-size: 14px;\n        border: 1px solid white;\n        padding: 8px 16px;\n        border-radius: 30px;\n        background: rgba(255,255,255,0.1);\n        backdrop-filter: blur(5px);\n    }\n\n    .ig-card:hover .ig-overlay { opacity: 1; }\n    .ig-card:hover img { transform: scale(1.1); }\n\n    \/* CTA BUTTON BOTTOM *\/\n    .ig-footer-cta {\n        text-align: center;\n        margin-top: 40px;\n    }\n    \n    .btn-follow {\n        display: inline-block;\n        padding: 12px 30px;\n        background-color: var(--ig-black);\n        color: white;\n        border-radius: 50px;\n        text-decoration: none;\n        font-weight: 600;\n        transition: 0.3s;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n    }\n    .btn-follow:hover {\n        background-color: var(--ig-red);\n        transform: translateY(-2px);\n        box-shadow: 0 10px 20px rgba(211, 47, 47, 0.3);\n    }\n\n    \/* RESPONSIVE TABLET *\/\n    @media (max-width: 1024px) {\n        .ig-grid {\n            grid-template-columns: repeat(2, 1fr); \/* 2 Kolom Tablet *\/\n        }\n    }\n\n    \/* RESPONSIVE MOBILE (SLIDER) *\/\n    @media (max-width: 600px) {\n        .ig-header h2 { font-size: 28px; }\n        .ig-header a { font-size: 16px; }\n\n        .ig-grid {\n            display: flex;\n            overflow-x: auto;\n            gap: 15px;\n            padding-bottom: 20px;\n            scroll-snap-type: x mandatory;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: none;\n            margin: 0 -20px;\n            padding: 0 20px 20px;\n        }\n        .ig-grid::-webkit-scrollbar { display: none; }\n\n        .ig-card {\n            min-width: 250px; \/* Lebar kartu di mobile *\/\n            scroll-snap-align: center;\n        }\n    }\n<\/style>\n\n<div class=\"ig-section-wrapper\">\n    <div class=\"ig-container\">\n        \n        <div class=\"ig-header\">\n            <div class=\"ig-logo-icon\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line><\/svg>\n            <\/div>\n            <h2>Inspirasi Terbaru<\/h2>\n            <a href=\"https:\/\/www.instagram.com\/skimarmergranitepik2\/\" target=\"_blank\" onclick=\"trackIG('Header Link')\">@skimarmergranitepik2<\/a>\n        <\/div>\n\n        <div class=\"ig-grid\">\n            \n            <div class=\"ig-card\" onclick=\"openIG()\">\n                <img decoding=\"async\" src=\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/Armani-Brown.jpg\" alt=\"Project 1\">\n                <div class=\"ig-overlay\"><span>Lihat di Instagram \u2197<\/span><\/div>\n            <\/div>\n\n            <div class=\"ig-card\" onclick=\"openIG()\">\n                <img decoding=\"async\" src=\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/Magma-Gold.jpg\" alt=\"Project 2\">\n                <div class=\"ig-overlay\"><span>Lihat di Instagram \u2197<\/span><\/div>\n            <\/div>\n\n            <div class=\"ig-card\" onclick=\"openIG()\">\n                <img decoding=\"async\" src=\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/Onyx-Ocean-Blue.jpg\" alt=\"Project 3\">\n                <div class=\"ig-overlay\"><span>Lihat di Instagram \u2197<\/span><\/div>\n            <\/div>\n\n            <div class=\"ig-card\" onclick=\"openIG()\">\n                <img decoding=\"async\" src=\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/Travertine-Titanium.jpg\" alt=\"Project 4\">\n                <div class=\"ig-overlay\"><span>Lihat di Instagram \u2197<\/span><\/div>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"ig-footer-cta\">\n            <a href=\"https:\/\/www.instagram.com\/skimarmergranitepik2\/\" target=\"_blank\" class=\"btn-follow\" onclick=\"trackIG('Button Follow')\">Follow Us on Instagram<\/a>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Link Global\n    const igLink = 'https:\/\/www.instagram.com\/skimarmergranitepik2\/';\n\n    \/\/ Fungsi Buka Link\n    function openIG() {\n        trackIG('Click Image Grid');\n        window.open(igLink, '_blank');\n    }\n\n    \/\/ Tracking Script\n    function trackIG(actionName) {\n        \/\/ Meta Pixel\n        if (typeof fbq !== 'undefined') {\n            fbq('track', 'Contact', {\n                content_name: 'Instagram Visit',\n                content_category: 'Social Media',\n                content_type: actionName\n            });\n        }\n        \/\/ DataLayer\n        window.dataLayer = window.dataLayer || [];\n        window.dataLayer.push({\n            'event': 'generate_lead',\n            'event_category': 'Engagement',\n            'event_action': 'Click Instagram',\n            'event_label': actionName\n        });\n        console.log('IG Tracked: ' + actionName);\n    }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6bc884b e-flex e-con-boxed e-con e-parent\" data-id=\"6bc884b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35d641f elementor-widget elementor-widget-html\" data-id=\"35d641f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* --- VARIABLES --- *\/\n    :root {\n        --loc-bg-dark: #0a0a0a;       \/* Hitam Pekat *\/\n        --loc-bg-card: #141414;       \/* Panel Gelap *\/\n        --loc-red: #D32F2F;           \/* Merah SKI *\/\n        --loc-gold: #d4af37;          \/* Emas Mewah *\/\n        --loc-text: #e0e0e0;          \/* Putih Tulang *\/\n        --loc-subtext: #888888;       \/* Abu-abu *\/\n    }\n\n    \/* WRAPPER UTAMA *\/\n    .pik2-footer-wrapper {\n        background-color: var(--loc-bg-dark);\n        color: var(--loc-text);\n        font-family: 'Segoe UI', sans-serif;\n        position: relative;\n        padding-top: 80px;\n        padding-bottom: 40px;\n        border-top: 2px solid var(--loc-red); \/* Garis aksen merah di atas *\/\n    }\n\n    .pik2-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n        display: grid;\n        grid-template-columns: 1.2fr 0.8fr; \/* Peta lebih lebar dikit *\/\n        gap: 60px;\n        align-items: center;\n    }\n\n    \/* --- BAGIAN KIRI: PETA --- *\/\n    .map-frame-wrapper {\n        position: relative;\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n        border: 1px solid rgba(255,255,255,0.1);\n        height: 400px;\n    }\n\n    .map-frame-wrapper iframe {\n        width: 100%;\n        height: 100%;\n        border: 0;\n        filter: grayscale(100%) invert(92%) contrast(83%); \/* Efek Peta Gelap *\/\n        transition: filter 0.5s;\n    }\n\n    .map-frame-wrapper:hover iframe {\n        filter: none; \/* Peta jadi warna asli saat di-hover *\/\n    }\n\n    \/* Overlay Badge di Peta *\/\n    .map-badge {\n        position: absolute;\n        bottom: 20px;\n        left: 20px;\n        background: rgba(211, 47, 47, 0.9);\n        color: white;\n        padding: 10px 20px;\n        border-radius: 8px;\n        font-weight: 700;\n        font-size: 0.9rem;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.3);\n        pointer-events: none;\n    }\n\n    \/* --- BAGIAN KANAN: INFO KONTAK --- *\/\n    .contact-details {\n        display: flex;\n        flex-direction: column;\n        gap: 30px;\n    }\n\n    .footer-heading h2 {\n        font-size: 2.5rem;\n        font-weight: 700;\n        color: white;\n        margin: 0 0 10px;\n        line-height: 1.2;\n    }\n    .footer-heading span {\n        color: var(--loc-red);\n    }\n    .footer-desc {\n        color: var(--loc-subtext);\n        font-size: 1rem;\n        line-height: 1.6;\n    }\n\n    \/* List Info *\/\n    .info-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n    .info-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 20px;\n        margin-bottom: 25px;\n        position: relative;\n    }\n    .info-icon {\n        width: 45px;\n        height: 45px;\n        background: rgba(255,255,255,0.05);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: var(--loc-gold);\n        font-size: 1.2rem;\n        flex-shrink: 0;\n        border: 1px solid rgba(212, 175, 55, 0.2);\n    }\n    .info-text strong {\n        display: block;\n        color: white;\n        font-size: 1.1rem;\n        margin-bottom: 5px;\n    }\n    .info-text p, .info-text a {\n        color: var(--loc-subtext);\n        font-size: 0.95rem;\n        margin: 0;\n        line-height: 1.5;\n        text-decoration: none;\n        transition: 0.3s;\n    }\n    .info-text a:hover {\n        color: var(--loc-red);\n    }\n\n    \/* Tombol Direction *\/\n    .btn-maps {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        background-color: var(--loc-red);\n        color: white;\n        padding: 15px 35px;\n        border-radius: 50px;\n        font-weight: 700;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        box-shadow: 0 10px 30px rgba(211, 47, 47, 0.3);\n        width: fit-content;\n    }\n    .btn-maps:hover {\n        background-color: #b71c1c;\n        transform: translateY(-5px);\n        box-shadow: 0 15px 40px rgba(211, 47, 47, 0.5);\n    }\n\n    \/* Copyright Bar *\/\n    .pik2-copyright {\n        border-top: 1px solid rgba(255,255,255,0.08);\n        text-align: center;\n        padding-top: 30px;\n        margin-top: 60px;\n        font-size: 0.85rem;\n        color: #555;\n    }\n\n    \/* RESPONSIVE MOBILE *\/\n    @media (max-width: 900px) {\n        .pik2-container {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\n        .map-frame-wrapper {\n            height: 300px;\n            order: 2; \/* Peta di bawah info di Mobile *\/\n        }\n        .contact-details {\n            order: 1;\n            text-align: center;\n        }\n        .info-item {\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n        }\n        .btn-maps {\n            width: 100%;\n            justify-content: center;\n        }\n        .footer-heading h2 {\n            font-size: 2rem;\n        }\n    }\n<\/style>\n\n<footer class=\"pik2-footer-wrapper\">\n    <div class=\"pik2-container\">\n        \n        <div class=\"map-frame-wrapper\">\n            <iframe \n                src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3967.4656078973185!2d106.70852749999999!3d-6.0677706!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e6a05af1d68a3ed%3A0xf2ffdc20e59f45e0!2sSKI%20Marmer%20Showroom%20PIK%202!5e0!3m2!1sid!2sid!4v1768011015224!5m2!1sid!2sid\" \n                allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\">\n            <\/iframe>\n            <div class=\"map-badge\">\ud83d\udccd Showroom PIK 2<\/div>\n        <\/div>\n\n        <div class=\"contact-details\">\n            \n            <div class=\"footer-heading\">\n                <h2>Visit Our <br><span>Gallery.<\/span><\/h2>\n                <p class=\"footer-desc\">\n                    Rasakan langsung kemewahan tekstur batu alam pilihan kami. Konsultasikan kebutuhan proyek Anda dengan ahli marmer kami.\n                <\/p>\n            <\/div>\n\n            <ul class=\"info-list\">\n                <li class=\"info-item\">\n                    <div class=\"info-icon\">\ud83c\udfe2<\/div>\n                    <div class=\"info-text\">\n                        <strong>Showroom Location<\/strong>\n                        <p>Jl. MH Thamrin (Thamrin Business Center)<br>Pantai Indah Kapuk 2, Jakarta Utara<\/p>\n                    <\/div>\n                <\/li>\n\n                <li class=\"info-item\">\n                    <div class=\"info-icon\">\ud83d\udcde<\/div>\n                    <div class=\"info-text\">\n                        <strong>Contact Us<\/strong>\n                        <p>\n                            WhatsApp: <a href=\"https:\/\/wa.me\/6282234526767\" onclick=\"trackFooterContact('WA Footer')\">0822-3452-6767<\/a><br>\n                            Email: <a href=\"mailto:admin@pik2.skimarmer.com\">admin@pik2.skimarmer.com<\/a>\n                        <\/p>\n                    <\/div>\n                <\/li>\n            <\/ul>\n\n            <a href=\"https:\/\/maps.app.goo.gl\/j3pieeHQ8gJiwtYh8\" target=\"_blank\" class=\"btn-maps\" onclick=\"trackFooterContact('Get Directions')\">\n                <span>\ud83d\uddfa\ufe0f<\/span> Buka di Google Maps\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n    <div class=\"pik2-copyright\">\n        \u00a9 <span id=\"yearPik\"><\/span> SKI Marmer PIK 2. Nature Curated for Living.\n    <\/div>\n<\/footer>\n\n<script>\n    \/\/ 1. Auto Update Tahun\n    document.getElementById(\"yearPik\").innerText = new Date().getFullYear();\n\n    \/\/ 2. Tracking Script (Pixel & DataLayer)\n    function trackFooterContact(actionName) {\n        \/\/ Meta Pixel Standard Event: Contact\n        if (typeof fbq !== 'undefined') {\n            fbq('track', 'Contact', {\n                content_name: 'Footer Location',\n                content_category: 'Navigation',\n                content_type: actionName\n            });\n        }\n\n        \/\/ DataLayer Push\n        window.dataLayer = window.dataLayer || [];\n        window.dataLayer.push({\n            'event': 'generate_lead',\n            'event_category': 'Engagement',\n            'event_action': 'Click Footer Location',\n            'event_label': actionName\n        });\n\n        console.log('Tracking Footer: ' + actionName);\n    }\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4934a2d e-con-full e-flex e-con e-child\" data-id=\"4934a2d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-323ea66 elementor-widget elementor-widget-html\" data-id=\"323ea66\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* --- CSS FLOATING BUTTON --- *\/\n    :root {\n        --ski-red: #D32F2F; \/* Merah SKI *\/\n        --wa-green: #25D366; \/* Hijau WA *\/\n    }\n\n    .ski-float-wrapper {\n        position: fixed;\n        bottom: 30px;\n        right: 30px;\n        z-index: 9990; \/* Di atas konten, di bawah mobile menu *\/\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end;\n        gap: 10px;\n        font-family: 'Segoe UI', sans-serif;\n    }\n\n    \/* 1. CHAT BUBBLE *\/\n    .ski-chat-bubble {\n        background: #ffffff;\n        color: #333;\n        padding: 12px 20px;\n        border-radius: 20px 20px 0 20px; \n        box-shadow: 0 5px 20px rgba(0,0,0,0.15);\n        font-size: 0.9rem;\n        font-weight: 600;\n        white-space: nowrap;\n        opacity: 0;\n        visibility: hidden;\n        transform: translateY(20px) scale(0.9);\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        position: relative;\n        border: 1px solid #eee;\n    }\n\n    .ski-chat-bubble::after {\n        content: '';\n        position: absolute;\n        bottom: -8px;\n        right: 15px;\n        border-width: 8px 8px 0;\n        border-style: solid;\n        border-color: #ffffff transparent;\n        display: block;\n        width: 0;\n    }\n\n    .ski-chat-bubble.show {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0) scale(1);\n    }\n\n    \/* 2. TOMBOL WA UTAMA *\/\n    .ski-float-btn {\n        width: 65px;\n        height: 65px;\n        background: #ffffff;\n        border-radius: 50%;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        text-decoration: none;\n        transition: transform 0.3s ease;\n    }\n\n    .ski-float-btn:hover {\n        transform: scale(1.1);\n    }\n\n    \/* Gambar Logo Static *\/\n    .ski-float-btn img {\n        width: 45px;\n        height: 45px;\n        object-fit: contain;\n    }\n\n    \/* 3. EFEK PULSE (Blink-Blink) *\/\n    .pulse-effect {\n        animation: pulse-green 2s infinite;\n    }\n\n    @keyframes pulse-green {\n        0% {\n            box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);\n        }\n        70% {\n            box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);\n        }\n        100% {\n            box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);\n        }\n    }\n\n    \/* 4. NOTIFICATION BADGE *\/\n    .ski-notif-badge {\n        position: absolute;\n        top: -2px;\n        right: -2px;\n        background-color: var(--ski-red);\n        color: white;\n        font-size: 11px;\n        font-weight: bold;\n        width: 22px;\n        height: 22px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: 2px solid white;\n        opacity: 0;\n        transform: scale(0);\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        z-index: 2; \/* Di atas pulse *\/\n    }\n\n    .ski-notif-badge.show {\n        opacity: 1;\n        transform: scale(1);\n    }\n\n    \/* 5. ANIMASI GETAR *\/\n    @keyframes wiggle {\n        0%, 100% { transform: rotate(-3deg); }\n        50% { transform: rotate(3deg); }\n    }\n\n    .wiggle-effect {\n        animation: wiggle 0.3s ease-in-out 3; \n    }\n\n    \/* Responsive HP *\/\n    @media (max-width: 600px) {\n        .ski-float-wrapper { bottom: 20px; right: 20px; }\n        .ski-float-btn { width: 55px; height: 55px; }\n        .ski-float-btn img { width: 38px; height: 38px; }\n        .ski-chat-bubble { font-size: 0.8rem; padding: 10px 15px; }\n    }\n<\/style>\n\n<div class=\"ski-float-wrapper\">\n    \n    <div class=\"ski-chat-bubble\" id=\"skiBubble\">\n        \ud83d\udc4b Ada yang bisa SKI bantu?\n    <\/div>\n\n    <a href=\"https:\/\/wa.me\/6282234526767?text=Hallo%20admin%2C%20saya%20tertarik%20konsultasi%20marmer%20untuk%20proyek%20saya\" \n       class=\"ski-float-btn pulse-effect\" \n       id=\"skiFloatBtn\"\n       target=\"_blank\"\n       onclick=\"trackFloatWA()\">\n       \n       <img decoding=\"async\" src=\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/whatsapp.png\" alt=\"WhatsApp SKI\">\n       \n       <div class=\"ski-notif-badge\" id=\"skiBadge\">1<\/div>\n    <\/a>\n\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        \n        \/\/ --- 1. LOGIC 3 DETIK MUNCUL ---\n        setTimeout(function() {\n            const bubble = document.getElementById('skiBubble');\n            const badge = document.getElementById('skiBadge');\n            const btn = document.getElementById('skiFloatBtn');\n\n            \/\/ Tampilkan Bubble & Badge\n            bubble.classList.add('show');\n            badge.classList.add('show');\n\n            \/\/ Tambahkan efek getar (wiggle) saat muncul\n            \/\/ Pulse effect sudah jalan terus (infinite) lewat CSS\n            btn.classList.add('wiggle-effect');\n\n            setTimeout(() => {\n                btn.classList.remove('wiggle-effect');\n            }, 1000);\n\n        }, 3000); \n\n    });\n\n    \/\/ --- 2. TRACKING SCRIPT ---\n    function trackFloatWA() {\n        if (typeof fbq !== 'undefined') {\n            fbq('track', 'Contact', {\n                content_name: 'Floating WhatsApp Click',\n                content_category: 'Floating Widget',\n                currency: 'IDR'\n            });\n        }\n\n        window.dataLayer = window.dataLayer || [];\n        window.dataLayer.push({\n            'event': 'generate_lead',\n            'event_category': 'Engagement',\n            'event_action': 'Click Floating WhatsApp',\n            'event_label': 'Bubble: Ada yang bisa SKI bantu?'\n        });\n\n        console.log('Floating WA Tracked');\n    }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Marmer Granite Onyx Travertine \ud83d\udd25 Promo Spesial \u2630 \u2715 Marmer Collection Granite Onyx Luxury Travertine Marmer Pilihan. Keindahan abadi untuk hunian impian Anda. New Arrival Armani Brown Sentuhan elegan dengan rona cokelat hangat dan urat tembaga yang memancarkan kemewahan alami dan ketenangan. Mulai Dari Rp 7xx.xxx\/m\u00b2 Hubungi Marketing Best Seller Bianco Diamante Putih kristal yang [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Promo Marmer dan Granite Terjangkau - SKI Marmer PIK 2<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pik2.skimarmer.com\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Promo Marmer dan Granite Terjangkau - SKI Marmer PIK 2\" \/>\n<meta property=\"og:description\" content=\"Marmer Granite Onyx Travertine \ud83d\udd25 Promo Spesial \u2630 \u2715 Marmer Collection Granite Onyx Luxury Travertine Marmer Pilihan. Keindahan abadi untuk hunian impian Anda. New Arrival Armani Brown Sentuhan elegan dengan rona cokelat hangat dan urat tembaga yang memancarkan kemewahan alami dan ketenangan. Mulai Dari Rp 7xx.xxx\/m\u00b2 Hubungi Marketing Best Seller Bianco Diamante Putih kristal yang [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pik2.skimarmer.com\/\" \/>\n<meta property=\"og:site_name\" content=\"SKI Marmer PIK 2\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-10T03:03:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/cropped-SKI-Marmer.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"37 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pik2.skimarmer.com\/\",\"url\":\"https:\/\/pik2.skimarmer.com\/\",\"name\":\"Promo Marmer dan Granite Terjangkau - SKI Marmer PIK 2\",\"isPartOf\":{\"@id\":\"https:\/\/pik2.skimarmer.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pik2.skimarmer.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pik2.skimarmer.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/cropped-SKI-Marmer.png\",\"datePublished\":\"2026-01-09T06:53:38+00:00\",\"dateModified\":\"2026-01-10T03:03:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/pik2.skimarmer.com\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pik2.skimarmer.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/pik2.skimarmer.com\/#primaryimage\",\"url\":\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/cropped-SKI-Marmer.png\",\"contentUrl\":\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/cropped-SKI-Marmer.png\",\"width\":512,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pik2.skimarmer.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/pik2.skimarmer.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Promo Marmer dan Granite Terjangkau\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pik2.skimarmer.com\/#website\",\"url\":\"https:\/\/pik2.skimarmer.com\/\",\"name\":\"SKI Marmer PIK 2\",\"description\":\"Most Affordable Natural Stone in PIK 2\",\"publisher\":{\"@id\":\"https:\/\/pik2.skimarmer.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pik2.skimarmer.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/pik2.skimarmer.com\/#organization\",\"name\":\"SKI Marmer PIK 2\",\"url\":\"https:\/\/pik2.skimarmer.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/pik2.skimarmer.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/cropped-SKI-Marmer.png\",\"contentUrl\":\"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/cropped-SKI-Marmer.png\",\"width\":512,\"height\":512,\"caption\":\"SKI Marmer PIK 2\"},\"image\":{\"@id\":\"https:\/\/pik2.skimarmer.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Promo Marmer dan Granite Terjangkau - SKI Marmer PIK 2","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pik2.skimarmer.com\/","og_locale":"id_ID","og_type":"article","og_title":"Promo Marmer dan Granite Terjangkau - SKI Marmer PIK 2","og_description":"Marmer Granite Onyx Travertine \ud83d\udd25 Promo Spesial \u2630 \u2715 Marmer Collection Granite Onyx Luxury Travertine Marmer Pilihan. Keindahan abadi untuk hunian impian Anda. New Arrival Armani Brown Sentuhan elegan dengan rona cokelat hangat dan urat tembaga yang memancarkan kemewahan alami dan ketenangan. Mulai Dari Rp 7xx.xxx\/m\u00b2 Hubungi Marketing Best Seller Bianco Diamante Putih kristal yang [&hellip;]","og_url":"https:\/\/pik2.skimarmer.com\/","og_site_name":"SKI Marmer PIK 2","article_modified_time":"2026-01-10T03:03:42+00:00","og_image":[{"url":"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/cropped-SKI-Marmer.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"37 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pik2.skimarmer.com\/","url":"https:\/\/pik2.skimarmer.com\/","name":"Promo Marmer dan Granite Terjangkau - SKI Marmer PIK 2","isPartOf":{"@id":"https:\/\/pik2.skimarmer.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pik2.skimarmer.com\/#primaryimage"},"image":{"@id":"https:\/\/pik2.skimarmer.com\/#primaryimage"},"thumbnailUrl":"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/cropped-SKI-Marmer.png","datePublished":"2026-01-09T06:53:38+00:00","dateModified":"2026-01-10T03:03:42+00:00","breadcrumb":{"@id":"https:\/\/pik2.skimarmer.com\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pik2.skimarmer.com\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/pik2.skimarmer.com\/#primaryimage","url":"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/cropped-SKI-Marmer.png","contentUrl":"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/cropped-SKI-Marmer.png","width":512,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/pik2.skimarmer.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pik2.skimarmer.com\/"},{"@type":"ListItem","position":2,"name":"Promo Marmer dan Granite Terjangkau"}]},{"@type":"WebSite","@id":"https:\/\/pik2.skimarmer.com\/#website","url":"https:\/\/pik2.skimarmer.com\/","name":"SKI Marmer PIK 2","description":"Most Affordable Natural Stone in PIK 2","publisher":{"@id":"https:\/\/pik2.skimarmer.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pik2.skimarmer.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/pik2.skimarmer.com\/#organization","name":"SKI Marmer PIK 2","url":"https:\/\/pik2.skimarmer.com\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/pik2.skimarmer.com\/#\/schema\/logo\/image\/","url":"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/cropped-SKI-Marmer.png","contentUrl":"https:\/\/pik2.skimarmer.com\/wp-content\/uploads\/2026\/01\/cropped-SKI-Marmer.png","width":512,"height":512,"caption":"SKI Marmer PIK 2"},"image":{"@id":"https:\/\/pik2.skimarmer.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/pik2.skimarmer.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pik2.skimarmer.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pik2.skimarmer.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pik2.skimarmer.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pik2.skimarmer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":87,"href":"https:\/\/pik2.skimarmer.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":127,"href":"https:\/\/pik2.skimarmer.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/127"}],"wp:attachment":[{"href":"https:\/\/pik2.skimarmer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}