{"id":122,"date":"2026-03-02T17:25:53","date_gmt":"2026-03-02T17:25:53","guid":{"rendered":"https:\/\/demo.djoeraganwebsite.com\/hp\/?page_id=122"},"modified":"2026-03-02T17:26:31","modified_gmt":"2026-03-02T17:26:31","slug":"tentang-kami","status":"publish","type":"page","link":"https:\/\/demo.djoeraganwebsite.com\/hp\/tentang-kami\/","title":{"rendered":"Tentang Kami"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"122\" class=\"elementor elementor-122\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8848fb1 e-con-full e-flex e-con e-parent\" data-id=\"8848fb1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3854408 elementor-widget elementor-widget-html\" data-id=\"3854408\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n<style>\r\n    \/* =========================================\r\n       1. BASE & ANIMASI\r\n       ========================================= *\/\r\n    #jm-about-page {\r\n        font-family: 'Inter', 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;\r\n        background-color: #f8fafc; \/* slate-50 *\/\r\n        color: #0f172a; \/* slate-900 *\/\r\n        overflow-x: hidden;\r\n    }\r\n    #jm-about-page .reveal {\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n        transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n    #jm-about-page .reveal.visible {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n    \r\n    \/* Pola Grid Background Gelap (Konsistensi Tema) *\/\r\n    .jm-hero-bg {\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; bottom: 0;\r\n        z-index: 0;\r\n        background-image: \r\n            linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);\r\n        background-size: 40px 40px;\r\n        -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, #000 40%, transparent 100%);\r\n        mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, #000 40%, transparent 100%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Gradient Text *\/\r\n    .text-gradient {\r\n        background: linear-gradient(135deg, #c084fc, #38bdf8);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n<\/style>\r\n\r\n<div id=\"jm-about-page\">\r\n    \r\n    <section class=\"relative bg-slate-900 pt-28 pb-40 md:pt-36 md:pb-48 lg:pt-40 lg:pb-56 overflow-hidden rounded-b-[2.5rem] md:rounded-b-[4rem]\">\r\n        <div class=\"jm-hero-bg\"><\/div>\r\n        <div class=\"absolute inset-0 bg-gradient-to-b from-transparent to-slate-900\/90 z-0\"><\/div>\r\n\r\n        <div class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center reveal\">\r\n            <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-purple-500\/20 border border-purple-500\/30 text-purple-300 text-sm font-semibold mb-6 backdrop-blur-sm\">\r\n                <i data-lucide=\"info\" class=\"w-4 h-4\"><\/i> Tentang Kami\r\n            <\/div>\r\n            \r\n            <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-extrabold text-white leading-tight mb-6 max-w-4xl mx-auto\">\r\n                Mengembalikan Nyawa Gadget Anda dengan <span class=\"text-gradient\">Presisi & Dedikasi<\/span>\r\n            <\/h1>\r\n            \r\n            <p class=\"text-lg md:text-xl text-slate-300 max-w-2xl mx-auto leading-relaxed\">\r\n                Bukan sekadar tempat reparasi. Kami adalah laboratorium pemulihan gawai yang memadukan keahlian teknis tingkat tinggi dengan transparansi layanan.\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"relative z-20 -mt-20 md:-mt-28 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 reveal\" style=\"transition-delay: 200ms;\">\r\n        <div class=\"bg-white rounded-3xl shadow-xl shadow-slate-200\/50 border border-slate-100 p-8 md:p-12\">\r\n            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-4 text-center divide-x-0 md:divide-x divide-slate-100\">\r\n                \r\n                <div class=\"space-y-2\">\r\n                    <div class=\"flex justify-center mb-3 text-purple-600\"><i data-lucide=\"award\" class=\"w-8 h-8\"><\/i><\/div>\r\n                    <h3 class=\"text-3xl md:text-4xl font-bold text-slate-900\">5+<\/h3>\r\n                    <p class=\"text-sm font-medium text-slate-500 uppercase tracking-wide\">Tahun Pengalaman<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"space-y-2\">\r\n                    <div class=\"flex justify-center mb-3 text-blue-500\"><i data-lucide=\"cpu\" class=\"w-8 h-8\"><\/i><\/div>\r\n                    <h3 class=\"text-3xl md:text-4xl font-bold text-slate-900\">2.500+<\/h3>\r\n                    <p class=\"text-sm font-medium text-slate-500 uppercase tracking-wide\">Device Diperbaiki<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"space-y-2 mt-8 md:mt-0\">\r\n                    <div class=\"flex justify-center mb-3 text-green-500\"><i data-lucide=\"smile\" class=\"w-8 h-8\"><\/i><\/div>\r\n                    <h3 class=\"text-3xl md:text-4xl font-bold text-slate-900\">98%<\/h3>\r\n                    <p class=\"text-sm font-medium text-slate-500 uppercase tracking-wide\">Klien Puas<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"space-y-2 mt-8 md:mt-0\">\r\n                    <div class=\"flex justify-center mb-3 text-orange-500\"><i data-lucide=\"shield-check\" class=\"w-8 h-8\"><\/i><\/div>\r\n                    <h3 class=\"text-3xl md:text-4xl font-bold text-slate-900\">100%<\/h3>\r\n                    <p class=\"text-sm font-medium text-slate-500 uppercase tracking-wide\">Garansi Servis<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"py-16 md:py-24 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center\">\r\n            \r\n            <div class=\"relative reveal\">\r\n                <div class=\"absolute -top-6 -left-6 w-24 h-24 bg-purple-100 rounded-2xl -z-10\"><\/div>\r\n                <div class=\"absolute -bottom-6 -right-6 w-32 h-32 bg-blue-50 rounded-full -z-10\"><\/div>\r\n                \r\n                <div class=\"rounded-3xl overflow-hidden shadow-2xl shadow-slate-300\/50 border-8 border-white relative\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1597872200969-2b65d56bd16b?auto=format&fit=crop&q=80&w=1000\" alt=\"Ruang Kerja Teknisi\" class=\"w-full h-auto object-cover hover:scale-105 transition-transform duration-700\">\r\n                    \r\n                    <div class=\"absolute bottom-4 left-4 bg-white\/90 backdrop-blur-md px-4 py-2 rounded-xl shadow-sm flex items-center gap-3\">\r\n                        <div class=\"w-3 h-3 bg-green-500 rounded-full animate-pulse\"><\/div>\r\n                        <span class=\"text-sm font-bold text-slate-800\">Meja Kerja Standar Pabrik<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"space-y-8 reveal\" style=\"transition-delay: 150ms;\">\r\n                <div>\r\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-6 leading-tight\">Berawal dari Ketelitian, Berakhir pada Kepercayaan.<\/h2>\r\n                    <p class=\"text-slate-600 leading-relaxed mb-4 text-lg\">\r\n                        Berdiri dengan semangat untuk memberikan solusi nyata bagi kerusakan perangkat pintar. Kami memahami bahwa *smartphone* bukan lagi sekadar alat komunikasi, melainkan dompet, asisten kerja, dan penyimpan memori berharga Anda.\r\n                    <\/p>\r\n                    <p class=\"text-slate-600 leading-relaxed text-lg\">\r\n                        Itulah mengapa kami tidak pernah berkompromi soal kualitas *sparepart* dan prosedur perbaikan. Dari alat solder mikroskopis hingga kalibrasi layar, setiap langkah dikerjakan oleh teknisi bersertifikat.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"flex flex-col sm:flex-row gap-4 pt-4 border-t border-slate-200\">\r\n                    <div class=\"flex items-center gap-3\">\r\n                        <div class=\"bg-purple-100 p-2 rounded-lg text-purple-600\"><i data-lucide=\"target\" class=\"w-5 h-5\"><\/i><\/div>\r\n                        <div>\r\n                            <h4 class=\"font-bold text-slate-900\">Visi Kami<\/h4>\r\n                            <p class=\"text-sm text-slate-500\">Menjadi pusat servis gadget terpercaya No. 1.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"flex items-center gap-3\">\r\n                        <div class=\"bg-blue-100 p-2 rounded-lg text-blue-600\"><i data-lucide=\"compass\" class=\"w-5 h-5\"><\/i><\/div>\r\n                        <div>\r\n                            <h4 class=\"font-bold text-slate-900\">Misi Kami<\/h4>\r\n                            <p class=\"text-sm text-slate-500\">Perbaikan cepat, aman, dan transparan.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"py-16 md:py-24 bg-white border-t border-slate-100 relative overflow-hidden\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            \r\n            <div class=\"text-center max-w-2xl mx-auto mb-16 reveal\">\r\n                <span class=\"text-purple-600 font-bold tracking-wider uppercase text-sm mb-2 block\">Standar Layanan<\/span>\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\">Mengapa Memilih Kami?<\/h2>\r\n                <p class=\"text-slate-600 text-lg\">Kami tidak hanya memperbaiki perangkat, kami memulihkan ketenangan pikiran Anda melalui 4 pilar layanan utama.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n                \r\n                <div class=\"bg-slate-50 rounded-3xl p-8 border border-slate-100 hover:border-purple-200 hover:shadow-lg hover:shadow-purple-100\/50 transition-all group reveal\" style=\"transition-delay: 0ms;\">\r\n                    <div class=\"w-14 h-14 bg-white rounded-2xl shadow-sm flex items-center justify-center text-purple-600 mb-6 group-hover:scale-110 group-hover:bg-purple-600 group-hover:text-white transition-all\">\r\n                        <i data-lucide=\"search\" class=\"w-7 h-7\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Transparansi Total<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">Analisa kerusakan dilakukan di depan Anda (jika memungkinkan) atau dilaporkan detail beserta estimasi biaya sebelum dibongkar.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bg-slate-50 rounded-3xl p-8 border border-slate-100 hover:border-blue-200 hover:shadow-lg hover:shadow-blue-100\/50 transition-all group reveal\" style=\"transition-delay: 100ms;\">\r\n                    <div class=\"w-14 h-14 bg-white rounded-2xl shadow-sm flex items-center justify-center text-blue-500 mb-6 group-hover:scale-110 group-hover:bg-blue-500 group-hover:text-white transition-all\">\r\n                        <i data-lucide=\"zap\" class=\"w-7 h-7\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Pengerjaan Ekspres<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">Waktu adalah uang. Kerusakan ringan seperti ganti baterai atau LCD dapat diselesaikan dalam waktu kurang dari 2 jam.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bg-slate-50 rounded-3xl p-8 border border-slate-100 hover:border-green-200 hover:shadow-lg hover:shadow-green-100\/50 transition-all group reveal\" style=\"transition-delay: 200ms;\">\r\n                    <div class=\"w-14 h-14 bg-white rounded-2xl shadow-sm flex items-center justify-center text-green-500 mb-6 group-hover:scale-110 group-hover:bg-green-500 group-hover:text-white transition-all\">\r\n                        <i data-lucide=\"shield-check\" class=\"w-7 h-7\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Suku Cadang Ori<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">Kami hanya menggunakan *sparepart* Grade A atau Original bawaan pabrik untuk menjamin keawetan perangkat Anda.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bg-slate-50 rounded-3xl p-8 border border-slate-100 hover:border-orange-200 hover:shadow-lg hover:shadow-orange-100\/50 transition-all group reveal\" style=\"transition-delay: 300ms;\">\r\n                    <div class=\"w-14 h-14 bg-white rounded-2xl shadow-sm flex items-center justify-center text-orange-500 mb-6 group-hover:scale-110 group-hover:bg-orange-500 group-hover:text-white transition-all\">\r\n                        <i data-lucide=\"badge-check\" class=\"w-7 h-7\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Garansi Uang Kembali<\/h3>\r\n                    <p class=\"text-slate-600 text-sm leading-relaxed\">Setiap pengerjaan dilindungi garansi mulai dari 14 hari hingga 90 hari. Jika kendala berulang, kami tangani tanpa biaya tambahan.<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ 1. Inisialisasi Ikon Lucide\r\n        if(typeof lucide !== 'undefined') {\r\n            lucide.createIcons();\r\n        }\r\n\r\n        \/\/ 2. Animasi Scroll (Reveal)\r\n        const revealElements = document.querySelectorAll('#jm-about-page .reveal');\r\n        \r\n        const revealObserver = new IntersectionObserver((entries, observer) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('visible');\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { \r\n            rootMargin: '0px 0px -50px 0px', \r\n            threshold: 0.1 \r\n        });\r\n\r\n        revealElements.forEach(el => revealObserver.observe(el));\r\n    });\r\n<\/script>\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>Tentang Kami Mengembalikan Nyawa Gadget Anda dengan Presisi &#038; Dedikasi Bukan sekadar tempat reparasi. Kami adalah laboratorium pemulihan gawai yang memadukan keahlian teknis tingkat tinggi dengan transparansi layanan. 5+ Tahun Pengalaman 2.500+ Device Diperbaiki 98% Klien Puas 100% Garansi Servis Meja Kerja Standar Pabrik Berawal dari Ketelitian, Berakhir pada Kepercayaan. Berdiri dengan semangat untuk memberikan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-122","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/demo.djoeraganwebsite.com\/hp\/wp-json\/wp\/v2\/pages\/122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.djoeraganwebsite.com\/hp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.djoeraganwebsite.com\/hp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.djoeraganwebsite.com\/hp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.djoeraganwebsite.com\/hp\/wp-json\/wp\/v2\/comments?post=122"}],"version-history":[{"count":7,"href":"https:\/\/demo.djoeraganwebsite.com\/hp\/wp-json\/wp\/v2\/pages\/122\/revisions"}],"predecessor-version":[{"id":129,"href":"https:\/\/demo.djoeraganwebsite.com\/hp\/wp-json\/wp\/v2\/pages\/122\/revisions\/129"}],"wp:attachment":[{"href":"https:\/\/demo.djoeraganwebsite.com\/hp\/wp-json\/wp\/v2\/media?parent=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}