{"id":31,"date":"2026-08-11T23:33:02","date_gmt":"2026-08-11T23:33:02","guid":{"rendered":"https:\/\/faradayelektronik.id\/?page_id=31"},"modified":"2026-09-10T16:42:41","modified_gmt":"2026-09-10T16:42:41","slug":"home","status":"publish","type":"page","link":"https:\/\/faradayelektronik.id\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31\" class=\"elementor elementor-31\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28e58bb e-con-full e-flex e-con e-parent\" data-id=\"28e58bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abda030 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"abda030\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"id\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Faraday Elektronik - Distributor Perangkat Audio Profesional<\/title>\n    \n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n    \n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: { sans: ['Inter', 'sans-serif'] },\n                    colors: {\n                        faraday: {\n                            red: '#dc2626',\n                            darkred: '#b91c1c',\n                            black: '#000000',\n                            gray: '#4b5563',\n                            light: '#f9fafb',\n                            white: '#ffffff'\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n    \n    <style>\n        ::-webkit-scrollbar { width: 8px; }\n        ::-webkit-scrollbar-track { background: #000; }\n        ::-webkit-scrollbar-thumb { background: #dc2626; border-radius: 4px; }\n        .fade-in { animation: fadeIn 0.4s ease-in-out; }\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(6px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        @keyframes marquee {\n            0% { transform: translateX(0%); }\n            100% { transform: translateX(-50%); }\n        }\n        .animate-marquee {\n            display: flex;\n            width: max-content;\n            animation: marquee 25s linear infinite;\n        }\n        .animate-marquee:hover {\n            animation-play-state: paused;\n        }\n        \/* Custom category icon box shadow to match reference *\/\n        .cat-shadow {\n            box-shadow: 0 4px 14px 0 rgba(0,0,0,0.05);\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-faraday-light text-gray-800 font-sans flex flex-col min-h-screen\">\n\n    <header class=\"bg-black\/95 backdrop-blur-md text-white sticky top-0 z-50 border-b border-neutral-800 shadow-sm\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex items-center justify-between h-16 sm:h-20\">\n                \n                <!-- Left Side: Logo (Strictly constrained for proportion) -->\n                <div class=\"flex-shrink-0 flex items-center cursor-pointer transition hover:opacity-80\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\">\n                    <img decoding=\"async\" \n                        src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/logo-faraday-apps.png\" \n                        alt=\"Faraday Elektronik\" \n                        class=\"object-contain\"\n                        style=\"height: 36px !important; max-height: 36px !important; width: auto !important; max-width: 250px !important; margin: 0 !important; padding: 0 !important;\" \n                        onerror=\"this.src='https:\/\/placehold.co\/180x40\/000000\/ffffff?text=FARADAY+ELEKTRONIK'\"\n                    >\n                <\/div>\n\n                <!-- Right Side: Modern App Button -->\n                <div class=\"flex items-center justify-end\">\n                    <a href=\"https:\/\/olshop.faradayelektronik.id\/\" target=\"_blank\" class=\"bg-gradient-to-r from-faraday-red to-[#991b1b] hover:from-red-500 hover:to-faraday-red text-white px-5 sm:px-7 py-2 sm:py-2.5 rounded-full text-[10px] sm:text-xs font-bold transition-all shadow-[0_0_15px_rgba(220,38,38,0.25)] hover:shadow-[0_0_20px_rgba(220,38,38,0.4)] hover:scale-105 flex items-center space-x-2 border border-faraday-red\/40\">\n                        <span>APLIKASI FARADAY<\/span>\n                        <i class=\"fa-solid fa-arrow-up-right-from-square text-[10px]\"><\/i>\n                    <\/a>\n                <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/header>\n\n    <main class=\"flex-grow\">\n        \n        <section class=\"w-full relative border-b-2 border-faraday-red bg-[#1a0505]\">\n            <img decoding=\"async\" \n                src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/08\/banner-welcome-faraday.png\" \n                alt=\"Banner Welcome Faraday Elektronik\" \n                class=\"w-full h-auto block min-h-[150px] object-cover\"\n                onerror=\"this.src='https:\/\/placehold.co\/1920x600\/1a0505\/ffffff?text=Banner+Welcome+Faraday'\"\n            >\n        <\/section>\n\n        <section id=\"bestseller\" class=\"py-16 bg-white text-neutral-900 border-b border-neutral-200 shadow-sm\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"flex flex-col sm:flex-row items-start sm:items-center justify-between mb-10 gap-4\">\n                    <h2 class=\"text-2xl sm:text-4xl font-black uppercase tracking-wide text-faraday-red border-l-4 border-faraday-red pl-4\">BEST SELLER PRODUCT<\/h2>\n                    <div class=\"flex space-x-2\">\n                        <button onclick=\"prevSlide()\" class=\"w-10 h-10 rounded-full bg-neutral-100 hover:bg-faraday-red hover:text-white flex items-center justify-center text-neutral-800 transition shadow\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\n                        <button onclick=\"nextSlide()\" class=\"w-10 h-10 rounded-full bg-neutral-100 hover:bg-faraday-red hover:text-white flex items-center justify-center text-neutral-800 transition shadow\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bg-neutral-50 border border-neutral-200 rounded-2xl p-6 md:p-12 shadow-xl relative overflow-hidden\">\n                    <div id=\"carouselContainer\" class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n                        <!-- Slide Content injected via JS -->\n                    <\/div>\n                    <div id=\"carouselDots\" class=\"flex justify-center space-x-2 mt-8\"><\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"kategori\" class=\"py-16 bg-neutral-100 border-b border-neutral-200\">\n            <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <!-- Grid untuk 8 kategori sesuai gambar -->\n                <div class=\"grid grid-cols-2 md:grid-cols-4 gap-y-10 gap-x-4 justify-items-center\">\n                    \n                    <!-- 1. Studio Equipment -->\n                    <a href=\"#katalog\" class=\"flex flex-col items-center group w-full\">\n                        <div class=\"w-[85px] h-[85px] bg-white rounded-[24px] cat-shadow flex items-center justify-center mb-3 group-hover:scale-105 transition-transform duration-300 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/studiofaraday.png\" alt=\"Studio Equipment\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <span class=\"text-[13px] font-bold text-neutral-800 text-center\">Studio Equipment<\/span>\n                    <\/a>\n\n                    <!-- 2. Elektronik Rumah Tangga -->\n                    <a href=\"#katalog\" class=\"flex flex-col items-center group w-full\">\n                        <div class=\"w-[85px] h-[85px] bg-white rounded-[24px] cat-shadow flex items-center justify-center mb-3 group-hover:scale-105 transition-transform duration-300 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/perkakasfaraday.png\" alt=\"Elektronik Rumah Tangga\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <span class=\"text-[13px] font-bold text-neutral-800 text-center leading-tight\">Elektronik Rumah<br>Tangga<\/span>\n                    <\/a>\n\n                    <!-- 3. Alat Musik -->\n                    <a href=\"#katalog\" class=\"flex flex-col items-center group w-full\">\n                        <div class=\"w-[85px] h-[85px] bg-white rounded-[24px] cat-shadow flex items-center justify-center mb-3 group-hover:scale-105 transition-transform duration-300 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/musikfaraday.png\" alt=\"Alat Musik\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <span class=\"text-[13px] font-bold text-neutral-800 text-center\">Alat Musik<\/span>\n                    <\/a>\n\n                    <!-- 4. Audio Speaker -->\n                    <a href=\"#katalog\" class=\"flex flex-col items-center group w-full\">\n                        <div class=\"w-[85px] h-[85px] bg-white rounded-[24px] cat-shadow flex items-center justify-center mb-3 group-hover:scale-105 transition-transform duration-300 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/audiofaraday.png\" alt=\"Audio Speaker\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <span class=\"text-[13px] font-bold text-neutral-800 text-center\">Audio Speaker<\/span>\n                    <\/a>\n\n                    <!-- 5. Tools & Perkakas -->\n                    <a href=\"#katalog\" class=\"flex flex-col items-center group w-full\">\n                        <div class=\"w-[85px] h-[85px] bg-white rounded-[24px] cat-shadow flex items-center justify-center mb-3 group-hover:scale-105 transition-transform duration-300 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/toolsfaraday.png\" alt=\"Tools & Perkakas\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <span class=\"text-[13px] font-bold text-neutral-800 text-center\">Tools & Perkakas<\/span>\n                    <\/a>\n\n                    <!-- 6. Lighting -->\n                    <a href=\"#katalog\" class=\"flex flex-col items-center group w-full\">\n                        <div class=\"w-[85px] h-[85px] bg-white rounded-[24px] cat-shadow flex items-center justify-center mb-3 group-hover:scale-105 transition-transform duration-300 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/lightingfaraday.png\" alt=\"Lighting\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <span class=\"text-[13px] font-bold text-neutral-800 text-center\">Lighting<\/span>\n                    <\/a>\n\n                    <!-- 7. Aksesoris & Perkakas MIDI -->\n                    <a href=\"#katalog\" class=\"flex flex-col items-center group w-full\">\n                        <div class=\"w-[85px] h-[85px] bg-white rounded-[24px] cat-shadow flex items-center justify-center mb-3 group-hover:scale-105 transition-transform duration-300 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/aksesorisfaraday.png\" alt=\"Aksesoris MIDI\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <span class=\"text-[13px] font-bold text-neutral-800 text-center leading-tight\">Aksesoris & Perk...<\/span>\n                    <\/a>\n\n                    <!-- 8. Lain-lain -->\n                    <a href=\"#katalog\" class=\"flex flex-col items-center group w-full\">\n                        <div class=\"w-[85px] h-[85px] bg-white rounded-[24px] cat-shadow flex items-center justify-center mb-3 group-hover:scale-105 transition-transform duration-300 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/lainfaraday.png\" alt=\"Lain-lain\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <span class=\"text-[13px] font-bold text-neutral-800 text-center\">Lain-lain<\/span>\n                    <\/a>\n\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"katalog\" class=\"py-16 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex flex-col sm:flex-row items-start sm:items-center justify-between mb-10 gap-4\">\n                <div>\n                    <h2 class=\"text-2xl sm:text-3xl font-black uppercase tracking-tight text-neutral-900\">PRODUK & REALTIME STOK<\/h2>\n                    <p class=\"text-neutral-500 text-sm mt-1\">Koleksi perangkat audio & elektronik siap kirim dengan garansi resmi.<\/p>\n                <\/div>\n                <!-- Redirect View All ke url olshop -->\n                <a href=\"https:\/\/olshop.faradayelektronik.id\/\" target=\"_blank\" class=\"w-full sm:w-auto bg-neutral-900 hover:bg-faraday-red text-white text-xs font-bold px-6 py-3 rounded transition uppercase tracking-wider text-center flex items-center justify-center space-x-2\">\n                    <span>View All<\/span>\n                    <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i>\n                <\/a>\n            <\/div>\n\n            <div id=\"productGrid\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n                <!-- Rendered by JS -->\n            <\/div>\n        <\/section>\n\n        <section class=\"py-12 bg-black text-white overflow-hidden border-y border-neutral-900\">\n            <div class=\"max-w-7xl mx-auto px-4 mb-6 text-center\">\n                <span class=\"text-xs font-bold tracking-widest text-neutral-400 uppercase\">OFFICIAL DISTRIBUTOR & TRUSTED BRANDS<\/span>\n            <\/div>\n            <div class=\"relative w-full overflow-hidden whitespace-nowrap\">\n                <div class=\"animate-marquee flex items-center space-x-16\">\n                    <span class=\"text-2xl font-black tracking-widest text-neutral-400 hover:text-faraday-red transition\">YAMAHA AUDIO<\/span>\n                    <span class=\"text-2xl font-black tracking-widest text-neutral-400 hover:text-faraday-red transition\">JBL PROFESSIONAL<\/span>\n                    <span class=\"text-2xl font-black tracking-widest text-neutral-400 hover:text-faraday-red transition\">SHURE MIC<\/span>\n                    <span class=\"text-2xl font-black tracking-widest text-neutral-400 hover:text-faraday-red transition\">PIONEER DJ<\/span>\n                    <span class=\"text-2xl font-black tracking-widest text-neutral-400 hover:text-faraday-red transition\">ALLEN & HEATH<\/span>\n                    <span class=\"text-2xl font-black tracking-widest text-neutral-400 hover:text-faraday-red transition\">DB TECHNOLOGIES<\/span>\n                    <span class=\"text-2xl font-black tracking-widest text-neutral-400 hover:text-faraday-red transition\">QSC AUDIO<\/span>\n                    <span class=\"text-2xl font-black tracking-widest text-neutral-400 hover:text-faraday-red transition\">NEUMANN<\/span>\n                    <!-- Duplicate for infinite loop illusion -->\n                    <span class=\"text-2xl font-black tracking-widest text-neutral-400 hover:text-faraday-red transition\">YAMAHA AUDIO<\/span>\n                    <span class=\"text-2xl font-black tracking-widest text-neutral-400 hover:text-faraday-red transition\">JBL PROFESSIONAL<\/span>\n                    <span class=\"text-2xl font-black tracking-widest text-neutral-400 hover:text-faraday-red transition\">SHURE MIC<\/span>\n                    <span class=\"text-2xl font-black tracking-widest text-neutral-400 hover:text-faraday-red transition\">PIONEER DJ<\/span>\n                    <span class=\"text-2xl font-black tracking-widest text-neutral-400 hover:text-faraday-red transition\">ALLEN & HEATH<\/span>\n                    <span class=\"text-2xl font-black tracking-widest text-neutral-400 hover:text-faraday-red transition\">DB TECHNOLOGIES<\/span>\n                    <span class=\"text-2xl font-black tracking-widest text-neutral-400 hover:text-faraday-red transition\">QSC AUDIO<\/span>\n                    <span class=\"text-2xl font-black tracking-widest text-neutral-400 hover:text-faraday-red transition\">NEUMANN<\/span>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"tentang\" class=\"py-16 bg-white border-b border-neutral-200\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center max-w-2xl mx-auto mb-12\">\n                    <h2 class=\"text-2xl sm:text-3xl font-black uppercase text-neutral-900\">Kenapa di Faraday?<\/h2>\n                    <div class=\"w-12 h-1 bg-faraday-red mx-auto my-3\"><\/div>\n                    <p class=\"text-neutral-600 text-sm\">Keunggulan utama yang menjadikan kami mitra terpercaya di seluruh Indonesia.<\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                    <div class=\"p-6 bg-neutral-50 rounded-xl border border-neutral-200 text-center\">\n                        <div class=\"w-12 h-12 bg-faraday-red text-white rounded-full flex items-center justify-center mx-auto mb-4 font-bold text-lg\">1<\/div>\n                        <h3 class=\"font-bold text-lg mb-2\">100% Original & Bergaransi<\/h3>\n                        <p class=\"text-neutral-500 text-sm\">Semua produk dijamin resmi dengan layanan purna jual dan garansi pabrik.<\/p>\n                    <\/div>\n                    <div class=\"p-6 bg-neutral-50 rounded-xl border border-neutral-200 text-center\">\n                        <div class=\"w-12 h-12 bg-faraday-red text-white rounded-full flex items-center justify-center mx-auto mb-4 font-bold text-lg\">2<\/div>\n                        <h3 class=\"font-bold text-lg mb-2\">Stok Realtime & Siap Kirim<\/h3>\n                        <p class=\"text-neutral-500 text-sm\">Sistem terintegrasi memastikan ketersediaan barang akurat untuk setiap proyek Anda.<\/p>\n                    <\/div>\n                    <div class=\"p-6 bg-neutral-50 rounded-xl border border-neutral-200 text-center\">\n                        <div class=\"w-12 h-12 bg-faraday-red text-white rounded-full flex items-center justify-center mx-auto mb-4 font-bold text-lg\">3<\/div>\n                        <h3 class=\"font-bold text-lg mb-2\">Konsultasi & Instalasi Ahli<\/h3>\n                        <p class=\"text-neutral-500 text-sm\">Tim teknis berpengalaman mendampingi perancangan audio dari awal hingga selesai.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"py-16 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"mb-10\">\n                <h2 class=\"text-2xl sm:text-4xl font-black uppercase tracking-tight text-neutral-900\">Instalasi yang sudah pernah di kerjakan<\/h2>\n                <p class=\"text-neutral-500 text-sm mt-1\">Dokumentasi hasil instalasi sound system dan perangkat profesional di berbagai lokasi.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                <!-- Portofolio Items - Aspect Square -->\n                <div class=\"relative rounded-2xl overflow-hidden shadow-lg border border-neutral-200 group aspect-square\">\n                    <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/gereja.jpeg\" alt=\"Instalasi Gereja\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/30 to-transparent flex flex-col justify-end p-6 text-white\">\n                        <span class=\"text-faraday-red text-xs font-bold uppercase tracking-wider mb-1\">Makassar, Sulsel<\/span>\n                        <h3 class=\"text-xl font-bold\">Instalasi Gereja<\/h3>\n                    <\/div>\n                <\/div>\n                <div class=\"relative rounded-2xl overflow-hidden shadow-lg border border-neutral-200 group aspect-square\">\n                    <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/hotel.jpeg\" alt=\"Ballroom Hotel\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/30 to-transparent flex flex-col justify-end p-6 text-white\">\n                        <span class=\"text-faraday-red text-xs font-bold uppercase tracking-wider mb-1\">Gowa-SulSel<\/span>\n                        <h3 class=\"text-xl font-bold\">Ballroom Hotel<\/h3>\n                    <\/div>\n                <\/div>\n                <div class=\"relative rounded-2xl overflow-hidden shadow-lg border border-neutral-200 group aspect-square\">\n                    <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/sekolah.jpeg\" alt=\"Auditorium Sekolah\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/30 to-transparent flex flex-col justify-end p-6 text-white\">\n                        <span class=\"text-faraday-red text-xs font-bold uppercase tracking-wider mb-1\">Bandung<\/span>\n                        <h3 class=\"text-xl font-bold\">Auditorium Sekolah<\/h3>\n                    <\/div>\n                <\/div>\n                <div class=\"relative rounded-2xl overflow-hidden shadow-lg border border-neutral-200 group aspect-square\">\n                    <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/masjid.jpeg\" alt=\"Instalasi Masjid\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/30 to-transparent flex flex-col justify-end p-6 text-white\">\n                        <span class=\"text-faraday-red text-xs font-bold uppercase tracking-wider mb-1\">Maros<\/span>\n                        <h3 class=\"text-xl font-bold\">Instalasi TOA Masjid<\/h3>\n                    <\/div>\n                <\/div>\n                <div class=\"relative rounded-2xl overflow-hidden shadow-lg border border-neutral-200 group aspect-square\">\n                    <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/studio.jpeg\" alt=\"Studio Rekaman\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/30 to-transparent flex flex-col justify-end p-6 text-white\">\n                        <span class=\"text-faraday-red text-xs font-bold uppercase tracking-wider mb-1\">Makassar<\/span>\n                        <h3 class=\"text-xl font-bold\">Studio Rekaman<\/h3>\n                    <\/div>\n                <\/div>\n                <div class=\"relative rounded-2xl overflow-hidden shadow-lg border border-neutral-200 group aspect-square\">\n                    <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/pemerintah.jpeg\" alt=\"Proyek Pemerintah\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/30 to-transparent flex flex-col justify-end p-6 text-white\">\n                        <span class=\"text-faraday-red text-xs font-bold uppercase tracking-wider mb-1\">Ruang Rapat, Takalar<\/span>\n                        <h3 class=\"text-xl font-bold\">Proyek Pemerintah<\/h3>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"py-16 bg-neutral-100 border-t border-neutral-200\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                <div class=\"text-center max-w-2xl mx-auto mb-12\">\n                    <h2 class=\"text-2xl sm:text-3xl font-black uppercase text-neutral-900\">Ulasan Dari Customer<\/h2>\n                    <div class=\"w-12 h-1 bg-faraday-red mx-auto my-3\"><\/div>\n                    <p class=\"text-neutral-600 text-sm\">Apa kata mereka yang telah mempercayakan kebutuhan audio profesionalnya kepada Faraday.<\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                    <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-neutral-200 space-y-4\">\n                        <div class=\"flex text-amber-400 text-sm space-x-1\">\n                            <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n                        <\/div>\n                        <p class=\"text-neutral-600 text-sm italic\">\"Pelayanan sangat memuaskan, konsultasi line array untuk event lapangan dibantu sampai tuntas dan barang original bergaransi.\"<\/p>\n                        <div>\n                            <h4 class=\"font-bold text-neutral-900 text-sm\">Bpk. Hendra Wijaya<\/h4>\n                            <span class=\"text-xs text-neutral-400\">Event Organizer, Surabaya<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-neutral-200 space-y-4\">\n                        <div class=\"flex text-amber-400 text-sm space-x-1\">\n                            <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n                        <\/div>\n                        <p class=\"text-neutral-600 text-sm italic\">\"Pengiriman cepat, packing aman berlapis kayu, mixer digital berfungsi normal tanpa ada kendala sama sekali.\"<\/p>\n                        <div>\n                            <h4 class=\"font-bold text-neutral-900 text-sm\">Rian Pratama<\/h4>\n                            <span class=\"text-xs text-neutral-400\">Studio Owner, Jakarta<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-neutral-200 space-y-4\">\n                        <div class=\"flex text-amber-400 text-sm space-x-1\">\n                            <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n                        <\/div>\n                        <p class=\"text-neutral-600 text-sm italic\">\"Instalasi sound system masjid di tempat kami dikerjakan dengan sangat rapi oleh teknisi ahli Faraday. Sangat recommended!\"<\/p>\n                        <div>\n                            <h4 class=\"font-bold text-neutral-900 text-sm\">Pengurus Masjid Al-Markaz<\/h4>\n                            <span class=\"text-xs text-neutral-400\">Makassar<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"py-16 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-2xl mx-auto mb-12\">\n                <h2 class=\"text-2xl sm:text-3xl font-black uppercase text-neutral-900\">Berita & Artikel<\/h2>\n                <div class=\"w-12 h-1 bg-faraday-red mx-auto my-3\"><\/div>\n                <p class=\"text-neutral-600 text-sm\">Tips seputar audio profesional, panduan instalasi, dan update teknologi terbaru.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                <div class=\"bg-white rounded-2xl border border-neutral-200 overflow-hidden shadow-sm hover:shadow-md transition flex flex-col\">\n                    <div class=\"aspect-square bg-neutral-900 overflow-hidden\">\n                        <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/konser.jpeg\" alt=\"Artikel 1\" class=\"w-full h-full object-cover\">\n                    <\/div>\n                    <div class=\"p-6 space-y-3 flex-grow\">\n                        <span class=\"text-xs font-bold text-faraday-red\">10 AGUSTUS 2026<\/span>\n                        <h3 class=\"font-bold text-lg text-neutral-900\">Panduan Memilih Line Array untuk Open Air Concert<\/h3>\n                        <p class=\"text-neutral-500 text-sm\">Kenali spesifikasi daya dorong dan sudut dispersi speaker lapangan yang ideal...<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"bg-white rounded-2xl border border-neutral-200 overflow-hidden shadow-sm hover:shadow-md transition flex flex-col\">\n                    <div class=\"aspect-square bg-neutral-900 overflow-hidden\">\n                        <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/mixer.jpeg\" alt=\"Artikel 2\" class=\"w-full h-full object-cover\">\n                    <\/div>\n                    <div class=\"p-6 space-y-3 flex-grow\">\n                        <span class=\"text-xs font-bold text-faraday-red\">05 AGUSTUS 2026<\/span>\n                        <h3 class=\"font-bold text-lg text-neutral-900\">Keunggulan Mixer Digital Dibandingkan Analog<\/h3>\n                        <p class=\"text-neutral-500 text-sm\">Alasan mengapa studio modern dan soundman profesional beralih ke konsol digital...<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"bg-white rounded-2xl border border-neutral-200 overflow-hidden shadow-sm hover:shadow-md transition flex flex-col\">\n                    <div class=\"aspect-square bg-neutral-900 overflow-hidden\">\n                        <img decoding=\"async\" src=\"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/akustik-studio.jpeg\" alt=\"Artikel 3\" class=\"w-full h-full object-cover\">\n                    <\/div>\n                    <div class=\"p-6 space-y-3 flex-grow\">\n                        <span class=\"text-xs font-bold text-faraday-red\">28 JULI 2026<\/span>\n                        <h3 class=\"font-bold text-lg text-neutral-900\">Dasar-Dasar Peredaman Akustik Studio Rekaman<\/h3>\n                        <p class=\"text-neutral-500 text-sm\">Tips mengatur bass trap dan panel diffuser agar hasil mixing lebih akurat...<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <footer id=\"kontak\" class=\"bg-black text-white py-16 border-t border-neutral-900\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n                <div class=\"space-y-6\">\n                    <div class=\"flex items-center space-x-3\">\n                        <!-- Using small logo instead of letter F if available -->\n                        <div class=\"w-10 h-10 bg-faraday-red text-white rounded-full flex items-center justify-center font-bold text-lg\">F<\/div>\n                        <span class=\"font-extrabold text-xl tracking-wider\">FARADAY ELEKTRONIK<\/span>\n                    <\/div>\n\n                    <div class=\"flex items-start space-x-3 text-sm text-neutral-300\">\n                        <i class=\"fa-solid fa-location-dot text-faraday-red mt-1\"><\/i>\n                        <p>Jl. Dr. Wahidin Sudirohusodo No.210, Kec. Wajo, Kota Makassar, Sulawesi Selatan 90165<\/p>\n                    <\/div>\n\n                    <div class=\"flex items-center space-x-3 text-sm text-neutral-300\">\n                        <i class=\"fa-solid fa-phone text-faraday-red\"><\/i>\n                        <span>+62 812 3456 7890<\/span>\n                    <\/div>\n\n                    <div class=\"flex items-center space-x-3 text-sm text-neutral-300\">\n                        <i class=\"fa-solid fa-envelope text-faraday-red\"><\/i>\n                        <span>admin@faradayelektronik.co.id<\/span>\n                    <\/div>\n\n                    <div class=\"pt-4 space-y-3\">\n                        <div class=\"flex items-center space-x-3 text-sm text-neutral-300\">\n                            <i class=\"fa-brands fa-instagram text-faraday-red text-lg w-5\"><\/i>\n                            <span>@FaradayElektronik-instagram<\/span>\n                        <\/div>\n                        <div class=\"flex items-center space-x-3 text-sm text-neutral-300\">\n                            <i class=\"fa-brands fa-tiktok text-faraday-red text-lg w-5\"><\/i>\n                            <span>@FaradayElektronik-tiktok<\/span>\n                        <\/div>\n                        <div class=\"flex items-center space-x-3 text-sm text-neutral-300\">\n                            <i class=\"fa-solid fa-bag-shopping text-faraday-red text-lg w-5\"><\/i>\n                            <span>@FaradayElektronik-shoppee<\/span>\n                        <\/div>\n                        <div class=\"flex items-center space-x-3 text-sm text-neutral-300\">\n                            <i class=\"fa-solid fa-store text-faraday-red text-lg w-5\"><\/i>\n                            <span>@FaradayElektronik-tokopedia<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"space-y-6\">\n                    <h3 class=\"font-bold text-lg text-white\">LOKASI SHOWROOM<\/h3>\n                    <div class=\"rounded-xl overflow-hidden border border-neutral-800 shadow-lg relative h-[360px] bg-neutral-900\">\n                        <iframe width=\"100%\" height=\"100%\" style=\"border:0;\" loading=\"lazy\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3973.737156948574!2d119.418!3d-5.133!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNsKwMDgnMDAuMCJTIDExOWKwMjUnMDAuMCJF!5e0!3m2!1sid!2sid!4v1620000000000!5m2!1sid!2sid\" allowfullscreen=\"\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"border-t border-neutral-900 mt-12 pt-8 text-center text-xs text-neutral-500\">\n                &copy; 2026 Faraday Elektronik. Hak Cipta Dilindungi Undang-Undang.\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <div id=\"purchasePopup\" class=\"fixed bottom-6 left-4 sm:left-6 z-40 bg-white rounded-xl shadow-2xl border border-neutral-100 p-3 sm:p-4 flex items-center space-x-3 sm:space-x-4 transform translate-y-16 opacity-0 transition-all duration-500 max-w-[280px] sm:max-w-sm pointer-events-none\">\n        <div class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-red-50 text-faraday-red flex items-center justify-center font-bold flex-shrink-0 text-sm sm:text-lg\">\n            <i class=\"fa-solid fa-shopping-bag\"><\/i>\n        <\/div>\n        <div class=\"flex-grow\">\n            <p class=\"text-[10px] sm:text-xs text-neutral-500 mb-0.5\"><span id=\"popupName\" class=\"font-bold text-neutral-900\">Nama<\/span> baru saja membeli<\/p>\n            <p id=\"popupProduct\" class=\"text-xs sm:text-sm font-bold text-faraday-red line-clamp-2 leading-tight\">Produk<\/p>\n            <p class=\"text-[9px] sm:text-[10px] text-neutral-400 mt-1 flex items-center\"><i class=\"fa-regular fa-clock mr-1\"><\/i><span id=\"popupTime\">Beberapa saat yang lalu<\/span><\/p>\n        <\/div>\n    <\/div>\n\n    <!-- WhatsApp Floating Button -->\n    <a href=\"https:\/\/wa.me\/6281234567890\" target=\"_blank\" class=\"fixed bottom-6 right-6 z-50 bg-green-600 hover:bg-green-700 text-white w-14 h-14 rounded-full flex items-center justify-center text-2xl shadow-2xl transition transform hover:scale-110\">\n        <i class=\"fa-brands fa-whatsapp\"><\/i>\n    <\/a>\n\n    <script>\n        const products = [\n            { id: 1, name: \"Mixer Digital 32 Channel\", cat: \"Audio\", price: 32900000, desc: \"Konsol digital dengan motorized fader, efek internal, dan kontrol via tablet.\", img: \"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/slider-equalizer.png\" },\n            { id: 2, name: \"Moving Head Light 230W\", cat: \"Lighting\", price: 12500000, desc: \"Lampu panggung beam tajam, warna dinamis, dan kontrol DMX 512 profesional.\", img: \"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/slider-moving.png\" },\n            { id: 3, name: \"Active Line Array Speaker\", cat: \"Audio\", price: 18750000, desc: \"Speaker sound system lapangan jernih dengan daya dorong maksimal dan bass solid.\", img: \"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/slider-speakeractive.jpeg\" },\n            { id: 4, name: \"Wireless Microphone Dual\", cat: \"Microphones\", price: 3400000, desc: \"Mikrofon tanpa kabel anti interferensi dengan jangkauan luas untuk event.\", img: \"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/slider-mic.jpeg\" },\n            { id: 5, name: \"Electric Guitar Ibanez Pro Series\", cat: \"Alat Musik\", price: 7800000, desc: \"Gitar elektrik bersuara nyaring dengan neck nyaman untuk panggung & studio.\", img: \"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/slider-gitar.png\" },\n            { id: 6, name: \"Studio Monitor Speaker 18 inch\", cat: \"Studio\", price: 9900000, desc: \"Speaker flat response akurat untuk mixing dan mastering studio rekaman.\", img: \"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/slider-subwofer.png\" }\n        ];\n\n        let currentSlide = 0;\n        const totalSlides = 10;\n        let slideInterval = null;\n        \n        const slideData = [\n            { title: \"Mixer Digital 32 Channel\", desc: \"Konsol digital dengan motorized fader, efek internal, dan kontrol via tablet.\", price: \"Rp 32.900.000\", img: \"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/slider-equalizer.png\" },\n            { title: \"Moving Head Beam 230W\", desc: \"Lampu panggung beam tajam, warna dinamis, dan kontrol DMX 512 profesional.\", price: \"Rp 12.500.000\", img: \"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/slider-moving.png\" },\n            { title: \"Line Array Active Speaker\", desc: \"Sound system lapangan bertenaga tinggi untuk konser dan event besar.\", price: \"Rp 18.750.000\", img: \"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/slider-speakeractive.jpeg\" },\n            { title: \"Wireless Microphone System\", desc: \"Mikrofon nirkabel dual channel jernih tanpa jeda untuk tempat ibadah & panggung.\", price: \"Rp 3.400.000\", img: \"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/slider-mic.jpeg\" },\n            { title: \"Professional Power Amplifier\", desc: \"Amplifier bertenaga besar dengan proteksi suhu dan arus pendek optimal.\", price: \"Rp 8.500.000\", img: \"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/slider-amplifier.jpeg\" },\n            { title: \"Studio Recording Bundle\", desc: \"Audio interface dan condenser mic untuk hasil rekaman kualitas profesional.\", price: \"Rp 5.200.000\", img: \"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/slider-recording.png\" },\n            { title: \"Electric Guitar Pro Series\", desc: \"Gitar elektrik berkualitas tinggi untuk musisi panggung dan rekaman studio.\", price: \"Rp 7.800.000\", img: \"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/slider-gitar.png\" },\n            { title: \"Stage Par LED Lighting\", desc: \"Pencahayaan warna-warni hemat energi untuk dekorasi panggung indoor\/outdoor.\", price: \"Rp 1.850.000\", img: \"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/slider-led-par.png\" },\n            { title: \"Subwoofer Active 18 inch\", desc: \"Bass menggelegar dan padat untuk melengkapi instalasi sound system Anda.\", price: \"Rp 9.900.000\", img: \"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/slider-subwofer.png\" },\n            { title: \"Stage Multicore Cable 30M\", desc: \"Kabel multi-channel tebal dan tahan banting untuk koneksi panggung handal.\", price: \"Rp 4.500.000\", img: \"https:\/\/faradayelektronik.id\/wp-content\/uploads\/2026\/09\/slider-kabel.png\" }\n        ];\n\n        function renderSlide() {\n            const data = slideData[currentSlide];\n            const container = document.getElementById('carouselContainer');\n            container.innerHTML = `\n                <div class=\"space-y-6 fade-in\">\n                    <span class=\"bg-faraday-red text-white text-xs font-bold px-3 py-1 rounded uppercase\">Best Seller #${currentSlide + 1}<\/span>\n                    <h3 class=\"text-2xl sm:text-4xl font-extrabold text-neutral-900\">${data.title}<\/h3>\n                    <p class=\"text-neutral-600 text-sm sm:text-base leading-relaxed\">${data.desc}<\/p>\n                    <div class=\"text-2xl sm:text-3xl font-black text-faraday-red\">${data.price}<\/div>\n                    <div class=\"flex flex-wrap gap-4 pt-2\">\n                        <a href=\"https:\/\/olshop.faradayelektronik.id\/\" target=\"_blank\" class=\"border border-neutral-300 hover:border-neutral-900 text-neutral-900 px-6 py-2.5 rounded-full text-sm font-bold transition\">Lihat Detail<\/a>\n                        <a href=\"https:\/\/olshop.faradayelektronik.id\/\" target=\"_blank\" class=\"bg-faraday-red hover:bg-faraday-darkred text-white px-8 py-2.5 rounded-full text-sm font-bold transition\">Order di Aplikasi<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"flex justify-center\">\n                    <img decoding=\"async\" src=\"${data.img}\" alt=\"${data.title}\" class=\"rounded-xl shadow-md border border-neutral-200 w-[512px] h-[512px] object-cover\" onerror=\"this.src='https:\/\/placehold.co\/512x512\/f3f4f6\/dc2626?text=Audio+Product'\">\n                <\/div>\n            `;\n\n            const dotsContainer = document.getElementById('carouselDots');\n            dotsContainer.innerHTML = '';\n            for(let i=0; i<totalSlides; i++) {\n                dotsContainer.innerHTML += `<button onclick=\"goToSlide(${i})\" class=\"w-3 h-3 rounded-full transition ${i === currentSlide ? 'bg-faraday-red w-6' : 'bg-neutral-300'}\"><\/button>`;\n            }\n        }\n\n        function nextSlide() {\n            currentSlide = (currentSlide + 1) % totalSlides;\n            renderSlide();\n            resetTimer();\n        }\n\n        function prevSlide() {\n            currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\n            renderSlide();\n            resetTimer();\n        }\n\n        function goToSlide(index) {\n            currentSlide = index;\n            renderSlide();\n            resetTimer();\n        }\n\n        function startTimer() {\n            if (slideInterval) clearInterval(slideInterval);\n            slideInterval = setInterval(() => {\n                currentSlide = (currentSlide + 1) % totalSlides;\n                renderSlide();\n            }, 4000);\n        }\n\n        function resetTimer() {\n            startTimer();\n        }\n\n        const indoNames = [\n            \/\/ 15 Nama Pria\n            \"Budi\", \"Andi\", \"Rian\", \"Hendra\", \"Joko\", \"Reza\", \"Diki\", \"Bayu\", \"Aditya\", \"Dimas\", \"Gilang\", \"Fajar\", \"Ilham\", \"Rizki\", \"Pratama\",\n            \/\/ 15 Nama Wanita\n            \"Siti\", \"Ayu\", \"Rina\", \"Dewi\", \"Putri\", \"Sari\", \"Lestari\", \"Intan\", \"Citra\", \"Ratna\", \"Anisa\", \"Melati\", \"Dian\", \"Maya\", \"Nisa\"\n        ];\n        \n        let popupTimeoutId = null;\n        let hideTimeoutId = null;\n\n        function showRandomPurchase() {\n            const popup = document.getElementById('purchasePopup');\n            if(!popup) return;\n\n            \/\/ Acak nama\n            const name = indoNames[Math.floor(Math.random() * indoNames.length)];\n            \n            \/\/ Gabungkan list produk untuk diacak\n            const allProducts = slideData.map(item => item.title).concat(products.map(p => p.name));\n            const product = allProducts[Math.floor(Math.random() * allProducts.length)];\n            \n            \/\/ Acak waktu text\n            const times = [\"Baru saja\", \"Beberapa detik yang lalu\", \"1 menit yang lalu\", \"2 menit yang lalu\"];\n            const randomTime = times[Math.floor(Math.random() * times.length)];\n\n            document.getElementById('popupName').innerText = name;\n            document.getElementById('popupProduct').innerText = product;\n            document.getElementById('popupTime').innerText = randomTime;\n\n            \/\/ Munculkan popup (animasi naik)\n            popup.classList.remove('translate-y-16', 'opacity-0');\n            \n            \/\/ Hilangkan otomatis setelah 4.5 detik\n            if(hideTimeoutId) clearTimeout(hideTimeoutId);\n            hideTimeoutId = setTimeout(() => {\n                popup.classList.add('translate-y-16', 'opacity-0');\n                \/\/ Jadwalkan popup berikutnya setelah ini hilang\n                scheduleNextPopup();\n            }, 4500);\n        }\n\n        function scheduleNextPopup() {\n            \/\/ Delay acak antara 5.000 ms (5 detik) sampai 10.000 ms (10 detik)\n            const delay = Math.floor(Math.random() * (10000 - 5000 + 1)) + 5000; \n            if(popupTimeoutId) clearTimeout(popupTimeoutId);\n            popupTimeoutId = setTimeout(showRandomPurchase, delay);\n        }\n\n        function renderProducts(items) {\n            const grid = document.getElementById('productGrid');\n            if (!grid) return;\n            grid.innerHTML = '';\n            items.forEach(p => {\n                grid.innerHTML += `\n                    <div class=\"bg-white rounded-xl border border-neutral-200 overflow-hidden shadow-sm hover:shadow-md transition flex flex-col justify-between\">\n                        <div>\n                            <div class=\"aspect-square bg-neutral-900 relative overflow-hidden\">\n                                <img decoding=\"async\" src=\"${p.img}\" alt=\"${p.name}\" class=\"w-full h-full object-cover\" onerror=\"this.src='https:\/\/placehold.co\/512x512\/111111\/dc2626?text=Audio'\">\n                                <span class=\"absolute top-3 left-3 bg-black text-white text-[10px] font-bold px-2 py-1 rounded\">${p.cat}<\/span>\n                            <\/div>\n                            <div class=\"p-5 space-y-2\">\n                                <h3 class=\"font-bold text-lg text-neutral-900\">${p.name}<\/h3>\n                                <p class=\"text-neutral-500 text-xs leading-relaxed\">${p.desc}<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"p-5 pt-0 flex items-center justify-between mt-4\">\n                            <span class=\"font-black text-neutral-900 text-base\">Rp ${p.price.toLocaleString('id-ID')}<\/span>\n                            <a href=\"https:\/\/olshop.faradayelektronik.id\/\" target=\"_blank\" class=\"bg-faraday-red hover:bg-faraday-darkred text-white text-xs font-bold px-4 py-2 rounded transition text-center flex items-center space-x-1\">\n                                <span>Order di Aplikasi<\/span>\n                                <i class=\"fa-solid fa-arrow-up-right-from-square text-[10px]\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                `;\n            });\n        }\n\n        window.onload = function() {\n            renderSlide();\n            renderProducts(products);\n            startTimer();\n            \n            setTimeout(scheduleNextPopup, 2000); \/\/ Popup pertama muncul lebih cepat (2 detik)\n        }\n    <\/script>\n<\/body>\n<\/html>\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>Faraday Elektronik &#8211; Distributor Perangkat Audio Profesional APLIKASI FARADAY BEST SELLER PRODUCT Studio Equipment Elektronik RumahTangga Alat Musik Audio Speaker Tools &#038; Perkakas Lighting Aksesoris &#038; Perk&#8230; Lain-lain PRODUK &#038; REALTIME STOK Koleksi perangkat audio &#038; elektronik siap kirim dengan garansi resmi. View All OFFICIAL DISTRIBUTOR &#038; TRUSTED BRANDS YAMAHA AUDIO JBL PROFESSIONAL SHURE MIC [&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-31","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/faradayelektronik.id\/home\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/faradayelektronik.id\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/faradayelektronik.id\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/faradayelektronik.id\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/faradayelektronik.id\/home\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":55,"href":"https:\/\/faradayelektronik.id\/home\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":127,"href":"https:\/\/faradayelektronik.id\/home\/wp-json\/wp\/v2\/pages\/31\/revisions\/127"}],"wp:attachment":[{"href":"https:\/\/faradayelektronik.id\/home\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}