{"id":4234,"date":"2026-11-12T02:21:56","date_gmt":"2026-11-12T02:21:56","guid":{"rendered":"https:\/\/regarcomm.com\/?p=4234"},"modified":"2026-11-12T02:22:37","modified_gmt":"2026-11-12T02:22:37","slug":"promosi-produk-website-sistem-langganan","status":"publish","type":"post","link":"https:\/\/regarcomm.com\/?p=4234","title":{"rendered":"Promosi Produk Website Sistem Langganan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4234\" class=\"elementor elementor-4234\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bdf847 e-con e-atomic-element e-flexbox-base e-default-div e-080fec7 \" data-id=\"6bdf847\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6bdf847\" data-e-type=\"e-flexbox\" data-id=\"6bdf847\">\n    \t\t<div class=\"elementor-element elementor-element-1e96abb elementor-widget elementor-widget-html\" data-id=\"1e96abb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Regarcomm Development \u2014 Jasa Pembuatan Website & Aplikasi Web Sistem Langganan<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        brand: {\r\n                            dark: '#090D16',\r\n                            card: '#111827',\r\n                            accent: '#3B82F6',\r\n                            gold: '#F59E0B',\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        .bg-grid-pattern {\r\n            background-size: 40px 40px;\r\n            background-image: linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),\r\n                              linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-950 text-slate-100 font-sans antialiased selection:bg-blue-600 selection:text-white\">\r\n\r\n    <!-- Navbar \/ Header -->\r\n    <header class=\"sticky top-0 z-50 bg-slate-950\/90 backdrop-blur-md border-b border-slate-800\/80\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"flex items-center justify-between h-20\">\r\n                <!-- Logo di Sebelah Kiri Judul Usaha -->\r\n                <a href=\"https:\/\/regarcomm.com\" target=\"_blank\" class=\"flex items-center gap-3.5 group\">\r\n                    <div class=\"w-11 h-11 rounded-xl overflow-hidden bg-slate-800 border border-slate-700 p-0.5 shadow-lg group-hover:border-blue-500 transition-colors\">\r\n                        <img decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" src=\"https:\/\/i.imgur.com\/PCZ8eZ8.jpeg\" alt=\"Logo Regarcomm Development\" class=\"w-full h-full object-cover rounded-lg\">\r\n                    <\/div>\r\n                    <div>\r\n                        <span class=\"block text-lg sm:text-xl font-extrabold tracking-tight text-white group-hover:text-blue-400 transition-colors\">\r\n                            Regarcomm Development\r\n                        <\/span>\r\n                        <span class=\"block text-xs font-medium text-slate-400\">\r\n                            Web & Application Solutions\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <!-- Navigasi Desktop -->\r\n                <nav class=\"hidden md:flex items-center gap-8 text-sm font-semibold text-slate-300\">\r\n                    <a href=\"#keunggulan\" class=\"hover:text-white transition-colors\">Keunggulan<\/a>\r\n                    <a href=\"#katalog-produk\" class=\"hover:text-white transition-colors\">Produk Website<\/a>\r\n                    <a href=\"#tabel-paket\" class=\"hover:text-white transition-colors\">Paket Langganan<\/a>\r\n                    <a href=\"https:\/\/regarcomm.com\" target=\"_blank\" class=\"text-blue-400 hover:text-blue-300 transition-colors flex items-center gap-1\">\r\n                        Website Utama\r\n                        <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\/><\/svg>\r\n                    <\/a>\r\n                <\/nav>\r\n\r\n                <!-- Tombol CTA Header -->\r\n                <div class=\"flex items-center gap-3\">\r\n                    <button onclick=\"openWaModal('Konsultasi Umum Website Langganan')\" class=\"inline-flex items-center gap-2 bg-emerald-600 hover:bg-emerald-500 text-white text-sm font-bold px-4 py-2.5 rounded-xl shadow-lg shadow-emerald-950\/50 transition-all transform hover:-translate-y-0.5 cursor-pointer\">\r\n                        <svg class=\"w-4 h-4 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12.031 6.172c-3.181 0-5.767 2.586-5.768 5.766-.001 1.298.38 2.27 1.019 3.287l-.582 2.128 2.182-.573c.978.58 1.911.928 3.145.929 3.178 0 5.767-2.587 5.768-5.766.001-3.187-2.575-5.77-5.764-5.771zm3.392 8.244c-.144.405-.837.774-1.17.824-.299.045-.677.063-1.092-.069-.252-.08-.575-.187-.988-.365-1.739-.751-2.874-2.502-2.961-2.617-.087-.116-.708-.94-.708-1.793s.448-1.273.607-1.446c.159-.173.346-.217.462-.217l.332.006c.106.005.249-.04.39.298.144.347.491 1.2.534 1.287.043.087.072.188.014.304-.058.116-.087.188-.173.289l-.26.304c-.087.086-.177.18-.076.354.101.174.449.741.964 1.201.662.591 1.221.774 1.394.86s.274.072.376-.043c.101-.116.433-.506.549-.68.116-.173.231-.145.39-.087s1.011.477 1.184.564.289.13.332.202c.045.072.045.419-.1.824z\"\/><\/svg>\r\n                        <span>Hubungi WA<\/span>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Hero Section dengan Background Premium & Kontras Tinggi -->\r\n    <section class=\"relative overflow-hidden bg-gradient-to-b from-slate-900 via-slate-950 to-slate-950 bg-grid-pattern pt-16 pb-24 lg:pt-24 lg:pb-32\">\r\n        <!-- Cahaya Ambient Dekoratif -->\r\n        <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-[800px] h-[400px] bg-blue-600\/20 blur-[130px] rounded-full pointer-events-none\"><\/div>\r\n        <div class=\"absolute bottom-0 right-0 w-[500px] h-[300px] bg-amber-500\/10 blur-[120px] rounded-full pointer-events-none\"><\/div>\r\n\r\n        <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"grid lg:grid-cols-12 gap-12 items-center\">\r\n                <!-- Kolom Teks Hero -->\r\n                <div class=\"lg:col-span-7 text-left\">\r\n                    <div class=\"inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-blue-500\/10 border border-blue-500\/30 text-blue-300 text-xs sm:text-sm font-semibold mb-6\">\r\n                        <span class=\"w-2 h-2 rounded-full bg-blue-400 animate-pulse\"><\/span>\r\n                        Inovasi Terbaru dari Regarcomm Development\r\n                    <\/div>\r\n                    <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-extrabold text-white tracking-tight leading-[1.15] mb-6\">\r\n                        Miliki Website Profesional Kini Lebih Ringan dengan <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-blue-400 via-cyan-300 to-amber-300\">Sistem Langganan<\/span>\r\n                    <\/h1>\r\n                    <p class=\"text-lg sm:text-xl text-slate-300 leading-relaxed mb-8 max-w-2xl\">\r\n                        Jasa Pembuatan Website dan Aplikasi Web terpercaya. Tanpa beban biaya pembuatan besar di muka, lengkap dengan servis rutin, pembaruan berkala, serta <strong class=\"text-white font-semibold\">gratis biaya perpanjangan<\/strong>.\r\n                    <\/p>\r\n\r\n                    <div class=\"flex flex-col sm:flex-row gap-4\">\r\n                        <a href=\"#tabel-paket\" class=\"inline-flex justify-center items-center gap-2 bg-blue-600 hover:bg-blue-500 text-white font-bold px-7 py-4 rounded-xl shadow-xl shadow-blue-950\/60 transition-all text-base\">\r\n                            Lihat Tabel Paket Langganan\r\n                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/><\/svg>\r\n                        <\/a>\r\n                        <button onclick=\"openWaModal('Tanya Paket Website Sistem Langganan')\" class=\"inline-flex justify-center items-center gap-2 bg-slate-800 hover:bg-slate-700 text-white border border-slate-700 font-bold px-7 py-4 rounded-xl transition-all text-base cursor-pointer\">\r\n                            Konsultasi via WhatsApp\r\n                        <\/button>\r\n                    <\/div>\r\n\r\n                    <div class=\"mt-10 pt-8 border-t border-slate-800\/80 grid grid-cols-3 gap-4 sm:gap-8\">\r\n                        <div>\r\n                            <p class=\"text-2xl sm:text-3xl font-extrabold text-white\">Rp 75rb<\/p>\r\n                            <p class=\"text-xs sm:text-sm text-slate-400 mt-1\">Mulai Langganan\/Bln<\/p>\r\n                        <\/div>\r\n                        <div>\r\n                            <p class=\"text-2xl sm:text-3xl font-extrabold text-emerald-400\">Gratis<\/p>\r\n                            <p class=\"text-xs sm:text-sm text-slate-400 mt-1\">Biaya Perpanjangan<\/p>\r\n                        <\/div>\r\n                        <div>\r\n                            <p class=\"text-2xl sm:text-3xl font-extrabold text-amber-400\">Full<\/p>\r\n                            <p class=\"text-xs sm:text-sm text-slate-400 mt-1\">Servis & Pembaruan<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Kolom Visual Showcase Website -->\r\n                <div class=\"lg:col-span-5\">\r\n                    <div class=\"relative rounded-2xl bg-slate-900 border border-slate-800 p-3 shadow-2xl\">\r\n                        <div class=\"flex items-center gap-2 px-3 py-2 border-b border-slate-800 mb-3\">\r\n                            <span class=\"w-3 h-3 rounded-full bg-rose-500\"><\/span>\r\n                            <span class=\"w-3 h-3 rounded-full bg-amber-500\"><\/span>\r\n                            <span class=\"w-3 h-3 rounded-full bg-emerald-500\"><\/span>\r\n                            <span class=\"ml-2 text-xs text-slate-400 font-mono truncate\">https:\/\/regarcomm.com<\/span>\r\n                        <\/div>\r\n                        <div class=\"relative rounded-xl overflow-hidden aspect-[4\/3] bg-slate-800\">\r\n                            <img decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1000&q=85\" alt=\"Desain Website Modern Regarcomm Development\" class=\"w-full h-full object-cover\">\r\n                            <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950 via-slate-950\/30 to-transparent flex flex-col justify-end p-6\">\r\n                                <span class=\"text-xs font-bold uppercase tracking-wider text-amber-400 mb-1\">Teknologi Modern & Astro<\/span>\r\n                                <p class=\"text-white font-bold text-lg\">Performa Cepat, Desain Responsif & Siap Pakai<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section Keunggulan Sistem Langganan -->\r\n    <section id=\"keunggulan\" class=\"py-20 bg-slate-900\/60 border-y border-slate-800\/80\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                <span class=\"text-blue-400 font-bold text-sm uppercase tracking-wider\">Mengapa Sistem Langganan?<\/span>\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white mt-2\">Solusi Cerdas Tanpa Pusing Urusan Teknis<\/h2>\r\n                <p class=\"text-slate-300 mt-4 text-base sm:text-lg\">Fokus kembangkan bisnis Anda, biar tim Regarcomm Development yang menangani server, pemeliharaan, dan pembaruan website.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid md:grid-cols-3 gap-8\">\r\n                <div class=\"bg-slate-950 border border-slate-800 rounded-2xl p-8 hover:border-blue-500\/50 transition-all\">\r\n                    <div class=\"w-12 h-12 rounded-xl bg-blue-600\/20 text-blue-400 flex items-center justify-center mb-6\">\r\n                        <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Servis & Pemeliharaan<\/h3>\r\n                    <p class=\"text-slate-300 text-sm leading-relaxed\">Pemantauan performa, keamanan sistem, dan perbaikan kendala teknis ditangani langsung oleh tim ahli kami setiap saat.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bg-slate-950 border border-slate-800 rounded-2xl p-8 hover:border-amber-500\/50 transition-all\">\r\n                    <div class=\"w-12 h-12 rounded-xl bg-amber-500\/20 text-amber-400 flex items-center justify-center mb-6\">\r\n                        <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Pembaruan Konten & Sistem<\/h3>\r\n                    <p class=\"text-slate-300 text-sm leading-relaxed\">Website Anda selalu tampil relevan dan mutakhir dengan dukungan pembaruan berkala sesuai kebutuhan perkembangan usaha.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bg-slate-950 border border-slate-800 rounded-2xl p-8 hover:border-emerald-500\/50 transition-all\">\r\n                    <div class=\"w-12 h-12 rounded-xl bg-emerald-500\/20 text-emerald-400 flex items-center justify-center mb-6\">\r\n                        <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Gratis Biaya Perpanjangan<\/h3>\r\n                    <p class=\"text-slate-300 text-sm leading-relaxed\">Tidak ada tagihan tahunan yang membengkak tiba-tiba. Selama berlangganan aktif, biaya perpanjangan sudah ditanggung sepenuhnya.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section Galeri Produk Website -->\r\n    <section id=\"katalog-produk\" class=\"py-24 bg-slate-950\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                <span class=\"text-amber-400 font-bold text-sm uppercase tracking-wider\">Portofolio & Kategori<\/span>\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white mt-2\">Beragam Produk Website Siap Bangun<\/h2>\r\n                <p class=\"text-slate-300 mt-4 text-base sm:text-lg\">Pilih kategori website yang paling sesuai dengan skala bisnis, organisasi, maupun kebutuhan personal Anda.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid md:grid-cols-3 gap-8\">\r\n                <!-- Kartu Produk 1: Basic -->\r\n                <div class=\"group bg-slate-900 border border-slate-800 rounded-2xl overflow-hidden flex flex-col hover:border-blue-500\/60 transition-all shadow-xl\">\r\n                    <div class=\"relative h-56 overflow-hidden\">\r\n                        <img decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" src=\"https:\/\/images.unsplash.com\/photo-1499951360447-b19be8fe80f5?auto=format&fit=crop&w=800&q=80\" alt=\"Website Company Profile & UMKM\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\r\n                        <div class=\"absolute top-4 left-4 bg-blue-600 text-white text-xs font-extrabold px-3 py-1 rounded-full shadow\">\r\n                            Paket Basic\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6 flex-1 flex flex-col justify-between\">\r\n                        <div>\r\n                            <h3 class=\"text-xl font-bold text-white mb-2\">Profil, Katalog & UMKM<\/h3>\r\n                            <p class=\"text-slate-300 text-sm leading-relaxed mb-4\">\r\n                                Cocok untuk profil personal, company profile, organisasi, komunitas, katalog produk, landing page promosi, dan pelaku UMKM.\r\n                            <\/p>\r\n                        <\/div>\r\n                        <div class=\"pt-4 border-t border-slate-800 flex items-center justify-between\">\r\n                            <span class=\"text-sm font-bold text-blue-400\">Setup Rp.400.000<\/span>\r\n                            <button onclick=\"openWaModal('Paket Basic (Rp.75.000\/bulan)')\" class=\"text-xs font-bold bg-slate-800 hover:bg-blue-600 text-white px-3.5 py-2 rounded-lg transition-colors cursor-pointer\">\r\n                                Pilih Paket \u2192\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Kartu Produk 2: Premium -->\r\n                <div class=\"group bg-slate-900 border border-slate-800 rounded-2xl overflow-hidden flex flex-col hover:border-amber-500\/60 transition-all shadow-xl\">\r\n                    <div class=\"relative h-56 overflow-hidden\">\r\n                        <img decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" src=\"https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=800&q=80\" alt=\"Website E-Commerce, Perhotelan & Properti\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\r\n                        <div class=\"absolute top-4 left-4 bg-amber-500 text-slate-950 text-xs font-extrabold px-3 py-1 rounded-full shadow\">\r\n                            Paket Premium\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6 flex-1 flex flex-col justify-between\">\r\n                        <div>\r\n                            <h3 class=\"text-xl font-bold text-white mb-2\">E-Commerce, Hotel & Properti<\/h3>\r\n                            <p class=\"text-slate-300 text-sm leading-relaxed mb-4\">\r\n                                Dirancang untuk toko online (e-commerce), sistem informasi perhotelan, serta listing dan pemasaran agen properti modern.\r\n                            <\/p>\r\n                        <\/div>\r\n                        <div class=\"pt-4 border-t border-slate-800 flex items-center justify-between\">\r\n                            <span class=\"text-sm font-bold text-amber-400\">Setup Rp.500.000<\/span>\r\n                            <button onclick=\"openWaModal('Paket Premium (Rp.90.000\/bulan)')\" class=\"text-xs font-bold bg-slate-800 hover:bg-amber-500 hover:text-slate-950 text-white px-3.5 py-2 rounded-lg transition-colors cursor-pointer\">\r\n                                Pilih Paket \u2192\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Kartu Produk 3: Profesional -->\r\n                <div class=\"group bg-slate-900 border border-slate-800 rounded-2xl overflow-hidden flex flex-col hover:border-emerald-500\/60 transition-all shadow-xl\">\r\n                    <div class=\"relative h-56 overflow-hidden\">\r\n                        <img decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" src=\"https:\/\/images.unsplash.com\/photo-1555066931-4365d14bab8c?auto=format&fit=crop&w=800&q=80\" alt=\"Website Modern Desain Astro\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\r\n                        <div class=\"absolute top-4 left-4 bg-emerald-500 text-slate-950 text-xs font-extrabold px-3 py-1 rounded-full shadow\">\r\n                            Paket Profesional\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6 flex-1 flex flex-col justify-between\">\r\n                        <div>\r\n                            <h3 class=\"text-xl font-bold text-white mb-2\">Semua Website Desain Astro<\/h3>\r\n                            <p class=\"text-slate-300 text-sm leading-relaxed mb-4\">\r\n                                Arsitektur web generasi terbaru menggunakan teknologi Astro untuk kecepatan akses ultra-tinggi dan fleksibilitas penuh untuk semua jenis web.\r\n                            <\/p>\r\n                        <\/div>\r\n                        <div class=\"pt-4 border-t border-slate-800 flex items-center justify-between\">\r\n                            <span class=\"text-sm font-bold text-emerald-400\">Setup Rp.600.000<\/span>\r\n                            <button onclick=\"openWaModal('Paket Profesional (Rp.120.000\/bulan)')\" class=\"text-xs font-bold bg-slate-800 hover:bg-emerald-500 hover:text-slate-950 text-white px-3.5 py-2 rounded-lg transition-colors cursor-pointer\">\r\n                                Pilih Paket \u2192\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section Tabel Perbandingan 4 Kolom -->\r\n    <section id=\"tabel-paket\" class=\"py-24 bg-gradient-to-b from-slate-900 to-slate-950 border-t border-slate-800\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-14\">\r\n                <span class=\"text-blue-400 font-bold text-sm uppercase tracking-wider\">Transparan & Terjangkau<\/span>\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white mt-2\">Tabel Perbandingan Paket Langganan<\/h2>\r\n                <p class=\"text-slate-300 mt-4 text-base sm:text-lg\">Bandingkan detail biaya setup awal, langganan bulanan, jenis website, dan fasilitas pada setiap paket.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Wrapper Tabel Responsif -->\r\n            <div class=\"overflow-x-auto rounded-2xl border border-slate-700\/80 shadow-2xl bg-slate-950\">\r\n                <table class=\"w-full text-left border-collapse min-w-[780px]\">\r\n                    <thead>\r\n                        <tr class=\"border-b border-slate-700\">\r\n                            <!-- Kolom 1: Kriteria -->\r\n                            <th class=\"p-6 bg-slate-900 text-white font-extrabold text-lg w-1\/4 border-r border-slate-800\">\r\n                                Kriteria\r\n                            <\/th>\r\n                            <!-- Kolom 2: Basic -->\r\n                            <th class=\"p-6 bg-slate-900\/90 text-center w-1\/4 border-r border-slate-800\">\r\n                                <span class=\"inline-block px-3 py-1 rounded-full text-xs font-bold bg-blue-500\/20 text-blue-300 mb-2\">Hemat<\/span>\r\n                                <div class=\"text-2xl font-extrabold text-white\">Basic<\/div>\r\n                            <\/th>\r\n                            <!-- Kolom 3: Premium -->\r\n                            <th class=\"p-6 bg-blue-950\/50 text-center w-1\/4 border-r border-slate-800 relative\">\r\n                                <span class=\"inline-block px-3 py-1 rounded-full text-xs font-bold bg-amber-400 text-slate-950 mb-2\">Populer<\/span>\r\n                                <div class=\"text-2xl font-extrabold text-white\">Premium<\/div>\r\n                            <\/th>\r\n                            <!-- Kolom 4: Profesional -->\r\n                            <th class=\"p-6 bg-slate-900\/90 text-center w-1\/4\">\r\n                                <span class=\"inline-block px-3 py-1 rounded-full text-xs font-bold bg-emerald-500\/20 text-emerald-300 mb-2\">Performa Tinggi<\/span>\r\n                                <div class=\"text-2xl font-extrabold text-white\">Profesional<\/div>\r\n                            <\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody class=\"divide-y divide-slate-800 text-slate-200\">\r\n                        <!-- Baris 1: Setup awal -->\r\n                        <tr class=\"hover:bg-slate-900\/60 transition-colors\">\r\n                            <td class=\"p-6 font-bold text-white bg-slate-900\/40 border-r border-slate-800\">\r\n                                Setup awal\r\n                            <\/td>\r\n                            <td class=\"p-6 text-center border-r border-slate-800\">\r\n                                <span class=\"text-xl font-extrabold text-white\">Rp.400.000<\/span>\r\n                            <\/td>\r\n                            <td class=\"p-6 text-center bg-blue-950\/20 border-r border-slate-800\">\r\n                                <span class=\"text-xl font-extrabold text-amber-300\">Rp.500.000<\/span>\r\n                            <\/td>\r\n                            <td class=\"p-6 text-center\">\r\n                                <span class=\"text-xl font-extrabold text-emerald-300\">Rp.600.000<\/span>\r\n                            <\/td>\r\n                        <\/tr>\r\n\r\n                        <!-- Baris 2: Langganan per bulan -->\r\n                        <tr class=\"hover:bg-slate-900\/60 transition-colors\">\r\n                            <td class=\"p-6 font-bold text-white bg-slate-900\/40 border-r border-slate-800\">\r\n                                Langganan per bulan\r\n                            <\/td>\r\n                            <td class=\"p-6 text-center border-r border-slate-800\">\r\n                                <span class=\"text-2xl font-extrabold text-blue-400\">Rp.75.000<\/span>\r\n                                <span class=\"block text-xs text-slate-400 mt-1\">\/ bulan<\/span>\r\n                            <\/td>\r\n                            <td class=\"p-6 text-center bg-blue-950\/20 border-r border-slate-800\">\r\n                                <span class=\"text-2xl font-extrabold text-amber-400\">Rp.90.000<\/span>\r\n                                <span class=\"block text-xs text-slate-400 mt-1\">\/ bulan<\/span>\r\n                            <\/td>\r\n                            <td class=\"p-6 text-center\">\r\n                                <span class=\"text-2xl font-extrabold text-emerald-400\">Rp.120.000<\/span>\r\n                                <span class=\"block text-xs text-slate-400 mt-1\">\/ bulan<\/span>\r\n                            <\/td>\r\n                        <\/tr>\r\n\r\n                        <!-- Baris 3: Jenis web -->\r\n                        <tr class=\"hover:bg-slate-900\/60 transition-colors\">\r\n                            <td class=\"p-6 font-bold text-white bg-slate-900\/40 border-r border-slate-800 align-top\">\r\n                                Jenis web\r\n                            <\/td>\r\n                            <td class=\"p-6 border-r border-slate-800 align-top\">\r\n                                <ul class=\"space-y-2 text-sm text-slate-200\">\r\n                                    <li class=\"flex items-center gap-2\"><span class=\"text-blue-400 font-bold\">\u2022<\/span> Profil personal<\/li>\r\n                                    <li class=\"flex items-center gap-2\"><span class=\"text-blue-400 font-bold\">\u2022<\/span> Company<\/li>\r\n                                    <li class=\"flex items-center gap-2\"><span class=\"text-blue-400 font-bold\">\u2022<\/span> Organisasi<\/li>\r\n                                    <li class=\"flex items-center gap-2\"><span class=\"text-blue-400 font-bold\">\u2022<\/span> Komunitas<\/li>\r\n                                    <li class=\"flex items-center gap-2\"><span class=\"text-blue-400 font-bold\">\u2022<\/span> Katalog<\/li>\r\n                                    <li class=\"flex items-center gap-2\"><span class=\"text-blue-400 font-bold\">\u2022<\/span> Landing page<\/li>\r\n                                    <li class=\"flex items-center gap-2\"><span class=\"text-blue-400 font-bold\">\u2022<\/span> UMKM<\/li>\r\n                                <\/ul>\r\n                            <\/td>\r\n                            <td class=\"p-6 bg-blue-950\/20 border-r border-slate-800 align-top\">\r\n                                <ul class=\"space-y-2 text-sm text-slate-200\">\r\n                                    <li class=\"flex items-center gap-2\"><span class=\"text-amber-400 font-bold\">\u2022<\/span> E-commerce<\/li>\r\n                                    <li class=\"flex items-center gap-2\"><span class=\"text-amber-400 font-bold\">\u2022<\/span> Perhotelan<\/li>\r\n                                    <li class=\"flex items-center gap-2\"><span class=\"text-amber-400 font-bold\">\u2022<\/span> Properti<\/li>\r\n                                <\/ul>\r\n                            <\/td>\r\n                            <td class=\"p-6 align-top\">\r\n                                <div class=\"inline-flex items-center gap-2 bg-emerald-500\/15 border border-emerald-500\/30 text-emerald-300 px-3 py-2 rounded-lg text-sm font-semibold\">\r\n                                    Semua website dengan desain Astro\r\n                                <\/div>\r\n                            <\/td>\r\n                        <\/tr>\r\n\r\n                        <!-- Baris 4: Fasilitas -->\r\n                        <tr class=\"hover:bg-slate-900\/60 transition-colors\">\r\n                            <td class=\"p-6 font-bold text-white bg-slate-900\/40 border-r border-slate-800 align-top\">\r\n                                Fasilitas\r\n                            <\/td>\r\n                            <td class=\"p-6 border-r border-slate-800\">\r\n                                <ul class=\"space-y-2.5 text-sm font-medium text-slate-200\">\r\n                                    <li class=\"flex items-center gap-2\">\r\n                                        <svg class=\"w-5 h-5 text-emerald-400 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n                                        Servis\r\n                                    <\/li>\r\n                                    <li class=\"flex items-center gap-2\">\r\n                                        <svg class=\"w-5 h-5 text-emerald-400 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n                                        Pembaruan\r\n                                    <\/li>\r\n                                    <li class=\"flex items-center gap-2\">\r\n                                        <svg class=\"w-5 h-5 text-emerald-400 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n                                        Gratis biaya perpanjangan\r\n                                    <\/li>\r\n                                <\/ul>\r\n                            <\/td>\r\n                            <td class=\"p-6 bg-blue-950\/20 border-r border-slate-800\">\r\n                                <ul class=\"space-y-2.5 text-sm font-medium text-slate-200\">\r\n                                    <li class=\"flex items-center gap-2\">\r\n                                        <svg class=\"w-5 h-5 text-emerald-400 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n                                        Servis\r\n                                    <\/li>\r\n                                    <li class=\"flex items-center gap-2\">\r\n                                        <svg class=\"w-5 h-5 text-emerald-400 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n                                        Pembaruan\r\n                                    <\/li>\r\n                                    <li class=\"flex items-center gap-2\">\r\n                                        <svg class=\"w-5 h-5 text-emerald-400 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n                                        Gratis biaya perpanjangan\r\n                                    <\/li>\r\n                                <\/ul>\r\n                            <\/td>\r\n                            <td class=\"p-6\">\r\n                                <ul class=\"space-y-2.5 text-sm font-medium text-slate-200\">\r\n                                    <li class=\"flex items-center gap-2\">\r\n                                        <svg class=\"w-5 h-5 text-emerald-400 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n                                        Servis\r\n                                    <\/li>\r\n                                    <li class=\"flex items-center gap-2\">\r\n                                        <svg class=\"w-5 h-5 text-emerald-400 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n                                        Pembaruan\r\n                                    <\/li>\r\n                                    <li class=\"flex items-center gap-2\">\r\n                                        <svg class=\"w-5 h-5 text-emerald-400 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n                                        Gratis biaya perpanjangan\r\n                                    <\/li>\r\n                                <\/ul>\r\n                            <\/td>\r\n                        <\/tr>\r\n\r\n                        <!-- Baris 5: Tombol Aksi -->\r\n                        <tr class=\"bg-slate-900\/50\">\r\n                            <td class=\"p-6 font-bold text-slate-300 border-r border-slate-800\">\r\n                                Pemesanan Langsung\r\n                            <\/td>\r\n                            <td class=\"p-6 text-center border-r border-slate-800\">\r\n                                <button onclick=\"openWaModal('Paket Basic (Setup Rp.400.000 | Langganan Rp.75.000\/bulan)')\" class=\"w-full py-3 px-4 rounded-xl bg-blue-600 hover:bg-blue-500 text-white font-bold text-sm transition-all shadow-lg cursor-pointer\">\r\n                                    Pesan Basic via WA\r\n                                <\/button>\r\n                            <\/td>\r\n                            <td class=\"p-6 text-center bg-blue-950\/30 border-r border-slate-800\">\r\n                                <button onclick=\"openWaModal('Paket Premium (Setup Rp.500.000 | Langganan Rp.90.000\/bulan)')\" class=\"w-full py-3 px-4 rounded-xl bg-amber-500 hover:bg-amber-400 text-slate-950 font-extrabold text-sm transition-all shadow-lg cursor-pointer\">\r\n                                    Pesan Premium via WA\r\n                                <\/button>\r\n                            <\/td>\r\n                            <td class=\"p-6 text-center\">\r\n                                <button onclick=\"openWaModal('Paket Profesional (Setup Rp.600.000 | Langganan Rp.120.000\/bulan)')\" class=\"w-full py-3 px-4 rounded-xl bg-emerald-600 hover:bg-emerald-500 text-white font-bold text-sm transition-all shadow-lg cursor-pointer\">\r\n                                    Pesan Profesional via WA\r\n                                <\/button>\r\n                            <\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Banner CTA Utama -->\r\n    <section class=\"py-20 bg-slate-950\">\r\n        <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"relative rounded-3xl overflow-hidden bg-gradient-to-r from-blue-900 via-slate-900 to-slate-900 border border-blue-500\/30 p-8 sm:p-14 text-center shadow-2xl\">\r\n                <div class=\"relative z-10\">\r\n                    <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white mb-4\">Siap Onlinekan Bisnis Anda Bersama Regarcomm Development?<\/h2>\r\n                    <p class=\"text-slate-200 text-base sm:text-lg max-w-2xl mx-auto mb-8\">\r\n                        Diskusikan kebutuhan website atau aplikasi web Anda sekarang. Tim kami siap membantu memilihkan paket langganan yang paling tepat.\r\n                    <\/p>\r\n                    <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\r\n                        <button onclick=\"openWaModal('Konsultasi Pembuatan Website Langganan')\" class=\"inline-flex items-center justify-center gap-2.5 bg-emerald-500 hover:bg-emerald-400 text-slate-950 font-extrabold px-8 py-4 rounded-xl text-base transition-all shadow-xl cursor-pointer\">\r\n                            <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12.031 6.172c-3.181 0-5.767 2.586-5.768 5.766-.001 1.298.38 2.27 1.019 3.287l-.582 2.128 2.182-.573c.978.58 1.911.928 3.145.929 3.178 0 5.767-2.587 5.768-5.766.001-3.187-2.575-5.77-5.764-5.771zm3.392 8.244c-.144.405-.837.774-1.17.824-.299.045-.677.063-1.092-.069-.252-.08-.575-.187-.988-.365-1.739-.751-2.874-2.502-2.961-2.617-.087-.116-.708-.94-.708-1.793s.448-1.273.607-1.446c.159-.173.346-.217.462-.217l.332.006c.106.005.249-.04.39.298.144.347.491 1.2.534 1.287.043.087.072.188.014.304-.058.116-.087.188-.173.289l-.26.304c-.087.086-.177.18-.076.354.101.174.449.741.964 1.201.662.591 1.221.774 1.394.86s.274.072.376-.043c.101-.116.433-.506.549-.68.116-.173.231-.145.39-.087s1.011.477 1.184.564.289.13.332.202c.045.072.045.419-.1.824z\"\/><\/svg>\r\n                            Chat WhatsApp: 0812-9388-0195\r\n                        <\/button>\r\n                        <a href=\"https:\/\/regarcomm.com\" target=\"_blank\" class=\"inline-flex items-center justify-center gap-2 bg-slate-800 hover:bg-slate-700 text-white border border-slate-600 font-bold px-8 py-4 rounded-xl text-base transition-all\">\r\n                            Kunjungi regarcomm.com\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"bg-slate-950 border-t border-slate-800\/80 py-12 text-slate-400 text-sm\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row items-center justify-between gap-6\">\r\n            <div class=\"flex items-center gap-3\">\r\n                <img decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" src=\"https:\/\/i.imgur.com\/PCZ8eZ8.jpeg\" alt=\"Logo Regarcomm Development\" class=\"w-9 h-9 rounded-lg object-cover border border-slate-700\">\r\n                <div>\r\n                    <span class=\"font-bold text-white block\">Regarcomm Development<\/span>\r\n                    <span class=\"text-xs text-slate-400\">Jasa Pembuatan Website dan Aplikasi Web<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"flex flex-wrap justify-center gap-6\">\r\n                <a href=\"https:\/\/regarcomm.com\" target=\"_blank\" class=\"hover:text-white transition-colors\">https:\/\/regarcomm.com<\/a>\r\n                <a href=\"https:\/\/wa.me\/6281293880195\" target=\"_blank\" class=\"hover:text-emerald-400 transition-colors\">WA: 081293880195<\/a>\r\n            <\/div>\r\n            <p class=\"text-xs text-slate-500\">&copy; 2026 Regarcomm Development. Hak Cipta Dilindungi.<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- Modal Interaktif Pemesanan WhatsApp -->\r\n    <div id=\"waModal\" class=\"fixed inset-0 z-50 hidden items-center justify-center bg-slate-950\/80 backdrop-blur-sm p-4\">\r\n        <div class=\"bg-slate-900 border border-slate-700 rounded-2xl max-w-md w-full p-6 sm:p-8 shadow-2xl relative animate-fade-in\">\r\n            <button onclick=\"closeWaModal()\" class=\"absolute top-4 right-4 text-slate-400 hover:text-white p-1\">\r\n                <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/><\/svg>\r\n            <\/button>\r\n\r\n            <div class=\"flex items-center gap-3 mb-5\">\r\n                <img decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" src=\"https:\/\/i.imgur.com\/PCZ8eZ8.jpeg\" alt=\"Regarcomm\" class=\"w-10 h-10 rounded-lg object-cover border border-slate-700\">\r\n                <div>\r\n                    <h3 class=\"text-lg font-extrabold text-white\">Pesan via WhatsApp<\/h3>\r\n                    <p class=\"text-xs text-slate-400\">Regarcomm Development (081293880195)<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <form id=\"waForm\" onsubmit=\"sendToWhatsApp(event)\" class=\"space-y-4\">\r\n                <div>\r\n                    <label class=\"block text-xs font-bold uppercase tracking-wider text-slate-300 mb-1.5\">Paket Dipilih<\/label>\r\n                    <input type=\"text\" id=\"selectedPackage\" readonly class=\"w-full bg-slate-950 border border-slate-700 rounded-xl px-4 py-2.5 text-sm font-semibold text-amber-300 focus:outline-none\">\r\n                <\/div>\r\n                <div>\r\n                    <label for=\"clientName\" class=\"block text-xs font-bold uppercase tracking-wider text-slate-300 mb-1.5\">Nama Anda \/ Nama Usaha<\/label>\r\n                    <input type=\"text\" id=\"clientName\" required placeholder=\"Contoh: Budi - Toko Maju Jaya\" class=\"w-full bg-slate-950 border border-slate-700 rounded-xl px-4 py-2.5 text-sm text-white placeholder-slate-500 focus:border-blue-500 focus:outline-none\">\r\n                <\/div>\r\n                <div>\r\n                    <label for=\"webType\" class=\"block text-xs font-bold uppercase tracking-wider text-slate-300 mb-1.5\">Jenis Website yang Diinginkan<\/label>\r\n                    <input type=\"text\" id=\"webType\" required placeholder=\"Contoh: Company Profile \/ E-Commerce \/ Landing Page\" class=\"w-full bg-slate-950 border border-slate-700 rounded-xl px-4 py-2.5 text-sm text-white placeholder-slate-500 focus:border-blue-500 focus:outline-none\">\r\n                <\/div>\r\n                <button type=\"submit\" class=\"w-full bg-emerald-600 hover:bg-emerald-500 text-white font-bold py-3.5 rounded-xl shadow-lg transition-all flex items-center justify-center gap-2 cursor-pointer\">\r\n                    <span>Lanjutkan ke WhatsApp<\/span>\r\n                    <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"\/><\/svg>\r\n                <\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        const waModal = document.getElementById('waModal');\r\n        const selectedPackageInput = document.getElementById('selectedPackage');\r\n\r\n        function openWaModal(packageName) {\r\n            selectedPackageInput.value = packageName;\r\n            waModal.classList.remove('hidden');\r\n            waModal.classList.add('flex');\r\n        }\r\n\r\n        function closeWaModal() {\r\n            waModal.classList.add('hidden');\r\n            waModal.classList.remove('flex');\r\n        }\r\n\r\n        function sendToWhatsApp(event) {\r\n            event.preventDefault();\r\n            const pkg = selectedPackageInput.value;\r\n            const name = document.getElementById('clientName').value.trim();\r\n            const webType = document.getElementById('webType').value.trim();\r\n\r\n            const message = `Halo Regarcomm Development,%0A%0ASaya tertarik memesan layanan website sistem langganan dengan detail berikut:%0A- *Nama\/Usaha:* ${encodeURIComponent(name)}%0A- *Pilihan Paket:* ${encodeURIComponent(pkg)}%0A- *Jenis Website:* ${encodeURIComponent(webType)}%0A%0AMohon informasi langkah selanjutnya. Terima kasih.`;\r\n\r\n            const waUrl = `https:\/\/wa.me\/6281293880195?text=${message}`;\r\n            window.open(waUrl, '_blank');\r\n            closeWaModal();\r\n        }\r\n\r\n        \/\/ Tutup modal jika area luar diklik\r\n        waModal.addEventListener('click', function(e) {\r\n            if (e.target === waModal) {\r\n                closeWaModal();\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Regarcomm Development \u2014 Jasa Pembuatan Website &#038; Aplikasi Web Sistem Langganan Regarcomm Development Web &#038; Application Solutions Keunggulan Produk Website Paket Langganan Website Utama Hubungi WA Inovasi Terbaru dari Regarcomm Development Miliki Website Profesional Kini Lebih Ringan dengan Sistem Langganan Jasa Pembuatan Website dan Aplikasi Web terpercaya. Tanpa beban biaya pembuatan besar di muka, lengkap&#8230;<\/p>\n","protected":false},"author":1,"featured_media":4235,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_canvas","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4234","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tak-berkategori"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Promosi Produk Website Sistem Langganan - Regarcomm Development<\/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:\/\/regarcomm.com\/?p=4234\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Promosi Produk Website Sistem Langganan - Regarcomm Development\" \/>\n<meta property=\"og:description\" content=\"Regarcomm Development \u2014 Jasa Pembuatan Website &#038; Aplikasi Web Sistem Langganan Regarcomm Development Web &#038; Application Solutions Keunggulan Produk Website Paket Langganan Website Utama Hubungi WA Inovasi Terbaru dari Regarcomm Development Miliki Website Profesional Kini Lebih Ringan dengan Sistem Langganan Jasa Pembuatan Website dan Aplikasi Web terpercaya. Tanpa beban biaya pembuatan besar di muka, lengkap...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/regarcomm.com\/?p=4234\" \/>\n<meta property=\"og:site_name\" content=\"Regarcomm Development\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-11-12T02:21:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-12T02:22:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/11\/photo_2026-11-09_10-39-03.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1170\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ewin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Erwinbinjai\" \/>\n<meta name=\"twitter:site\" content=\"@Erwinbinjai\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ewin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/regarcomm.com\\\/?p=4234#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/regarcomm.com\\\/?p=4234\"},\"author\":{\"name\":\"Ewin\",\"@id\":\"https:\\\/\\\/regarcomm.com\\\/#\\\/schema\\\/person\\\/c2ef7a42a8b09547b2be7ea118e39912\"},\"headline\":\"Promosi Produk Website Sistem Langganan\",\"datePublished\":\"2026-11-12T02:21:56+00:00\",\"dateModified\":\"2026-11-12T02:22:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/regarcomm.com\\\/?p=4234\"},\"wordCount\":431,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/regarcomm.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/regarcomm.com\\\/?p=4234#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/regarcomm.com\\\/wp-content\\\/uploads\\\/2026\\\/11\\\/photo_2026-11-09_10-39-03.jpg\",\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/regarcomm.com\\\/?p=4234#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/regarcomm.com\\\/?p=4234\",\"url\":\"https:\\\/\\\/regarcomm.com\\\/?p=4234\",\"name\":\"Promosi Produk Website Sistem Langganan - Regarcomm Development\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/regarcomm.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/regarcomm.com\\\/?p=4234#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/regarcomm.com\\\/?p=4234#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/regarcomm.com\\\/wp-content\\\/uploads\\\/2026\\\/11\\\/photo_2026-11-09_10-39-03.jpg\",\"datePublished\":\"2026-11-12T02:21:56+00:00\",\"dateModified\":\"2026-11-12T02:22:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/regarcomm.com\\\/?p=4234#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/regarcomm.com\\\/?p=4234\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/regarcomm.com\\\/?p=4234#primaryimage\",\"url\":\"https:\\\/\\\/regarcomm.com\\\/wp-content\\\/uploads\\\/2026\\\/11\\\/photo_2026-11-09_10-39-03.jpg\",\"contentUrl\":\"https:\\\/\\\/regarcomm.com\\\/wp-content\\\/uploads\\\/2026\\\/11\\\/photo_2026-11-09_10-39-03.jpg\",\"width\":1170,\"height\":1280},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/regarcomm.com\\\/?p=4234#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/regarcomm.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Promosi Produk Website Sistem Langganan\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/regarcomm.com\\\/#website\",\"url\":\"https:\\\/\\\/regarcomm.com\\\/\",\"name\":\"Regarcomm Development\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/regarcomm.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/regarcomm.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/regarcomm.com\\\/#organization\",\"name\":\"Regarcomm Development\",\"url\":\"https:\\\/\\\/regarcomm.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/regarcomm.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"http:\\\/\\\/regarcomm.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/photo_2025-05-13_10-59-37.jpg\",\"contentUrl\":\"http:\\\/\\\/regarcomm.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/photo_2025-05-13_10-59-37.jpg\",\"width\":1280,\"height\":1073,\"caption\":\"Regarcomm Development\"},\"image\":{\"@id\":\"https:\\\/\\\/regarcomm.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/share\\\/1DXa1yP9Ao\\\/\",\"https:\\\/\\\/x.com\\\/Erwinbinjai\",\"https:\\\/\\\/instagram.com\\\/inerwinsyah\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/regarcomm.com\\\/#\\\/schema\\\/person\\\/c2ef7a42a8b09547b2be7ea118e39912\",\"name\":\"Ewin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g\",\"caption\":\"Ewin\"},\"sameAs\":[\"http:\\\/\\\/localhost\\\/regarcomm\"],\"url\":\"https:\\\/\\\/regarcomm.com\\\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Promosi Produk Website Sistem Langganan - Regarcomm Development","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:\/\/regarcomm.com\/?p=4234","og_locale":"id_ID","og_type":"article","og_title":"Promosi Produk Website Sistem Langganan - Regarcomm Development","og_description":"Regarcomm Development \u2014 Jasa Pembuatan Website &#038; Aplikasi Web Sistem Langganan Regarcomm Development Web &#038; Application Solutions Keunggulan Produk Website Paket Langganan Website Utama Hubungi WA Inovasi Terbaru dari Regarcomm Development Miliki Website Profesional Kini Lebih Ringan dengan Sistem Langganan Jasa Pembuatan Website dan Aplikasi Web terpercaya. Tanpa beban biaya pembuatan besar di muka, lengkap...","og_url":"https:\/\/regarcomm.com\/?p=4234","og_site_name":"Regarcomm Development","article_publisher":"https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/","article_published_time":"2026-11-12T02:21:56+00:00","article_modified_time":"2026-11-12T02:22:37+00:00","og_image":[{"width":1170,"height":1280,"url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/11\/photo_2026-11-09_10-39-03.jpg","type":"image\/jpeg"}],"author":"Ewin","twitter_card":"summary_large_image","twitter_creator":"@Erwinbinjai","twitter_site":"@Erwinbinjai","twitter_misc":{"Ditulis oleh":"Ewin","Estimasi waktu membaca":"4 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/regarcomm.com\/?p=4234#article","isPartOf":{"@id":"https:\/\/regarcomm.com\/?p=4234"},"author":{"name":"Ewin","@id":"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912"},"headline":"Promosi Produk Website Sistem Langganan","datePublished":"2026-11-12T02:21:56+00:00","dateModified":"2026-11-12T02:22:37+00:00","mainEntityOfPage":{"@id":"https:\/\/regarcomm.com\/?p=4234"},"wordCount":431,"commentCount":0,"publisher":{"@id":"https:\/\/regarcomm.com\/#organization"},"image":{"@id":"https:\/\/regarcomm.com\/?p=4234#primaryimage"},"thumbnailUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/11\/photo_2026-11-09_10-39-03.jpg","inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/regarcomm.com\/?p=4234#respond"]}]},{"@type":"WebPage","@id":"https:\/\/regarcomm.com\/?p=4234","url":"https:\/\/regarcomm.com\/?p=4234","name":"Promosi Produk Website Sistem Langganan - Regarcomm Development","isPartOf":{"@id":"https:\/\/regarcomm.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/regarcomm.com\/?p=4234#primaryimage"},"image":{"@id":"https:\/\/regarcomm.com\/?p=4234#primaryimage"},"thumbnailUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/11\/photo_2026-11-09_10-39-03.jpg","datePublished":"2026-11-12T02:21:56+00:00","dateModified":"2026-11-12T02:22:37+00:00","breadcrumb":{"@id":"https:\/\/regarcomm.com\/?p=4234#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/regarcomm.com\/?p=4234"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcomm.com\/?p=4234#primaryimage","url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/11\/photo_2026-11-09_10-39-03.jpg","contentUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/11\/photo_2026-11-09_10-39-03.jpg","width":1170,"height":1280},{"@type":"BreadcrumbList","@id":"https:\/\/regarcomm.com\/?p=4234#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/regarcomm.com\/"},{"@type":"ListItem","position":2,"name":"Promosi Produk Website Sistem Langganan"}]},{"@type":"WebSite","@id":"https:\/\/regarcomm.com\/#website","url":"https:\/\/regarcomm.com\/","name":"Regarcomm Development","description":"","publisher":{"@id":"https:\/\/regarcomm.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/regarcomm.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/regarcomm.com\/#organization","name":"Regarcomm Development","url":"https:\/\/regarcomm.com\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/","url":"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg","contentUrl":"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg","width":1280,"height":1073,"caption":"Regarcomm Development"},"image":{"@id":"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/","https:\/\/x.com\/Erwinbinjai","https:\/\/instagram.com\/inerwinsyah"]},{"@type":"Person","@id":"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912","name":"Ewin","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g","caption":"Ewin"},"sameAs":["http:\/\/localhost\/regarcomm"],"url":"https:\/\/regarcomm.com\/?author=1"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/11\/photo_2026-11-09_10-39-03.jpg","_links":{"self":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/4234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4234"}],"version-history":[{"count":5,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/4234\/revisions"}],"predecessor-version":[{"id":4240,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/4234\/revisions\/4240"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/media\/4235"}],"wp:attachment":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4234"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4234"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}