{"id":9,"date":"2026-03-16T23:16:16","date_gmt":"2026-03-16T23:16:16","guid":{"rendered":"https:\/\/cmdigital.id\/company-profile\/?page_id=9"},"modified":"2026-03-21T09:44:45","modified_gmt":"2026-03-21T02:44:45","slug":"home","status":"publish","type":"page","link":"https:\/\/cmdigital.id\/company-profile\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n \r\n CM Digital - Jasa Website Design Profesional | Solusi Digital Terpercaya<\/title>\r\n \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=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <style>\r\n :root {\r\n --bg-primary: #07070d;\r\n --bg-secondary: #0e0e16;\r\n --bg-card: #13131f;\r\n --accent-primary: #9333ea;\r\n --accent-secondary: #7c3aed;\r\n --accent-glow: #a855f7;\r\n --text-primary: #f8f8fc;\r\n --text-secondary: #c4c4d0;\r\n --text-muted: #6b6b80;\r\n --border-color: rgba(147, 51, 234, 0.15);\r\n --gradient-start: #9333ea;\r\n --gradient-end: #4f46e5;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n html {\r\n scroll-behavior: auto;\r\n }\r\n *, *::before, *::after {\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n }\r\n\r\n body {\r\n font-family: 'DM Sans', sans-serif;\r\n background-color: var(--bg-primary) !important;\r\n color: var(--text-primary);\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n .font-display {\r\n font-family: 'Cormorant Garamond', serif;\r\n }\r\n\r\n ::-webkit-scrollbar { width: 8px; }\r\n ::-webkit-scrollbar-track { background: var(--bg-secondary); }\r\n ::-webkit-scrollbar-thumb { background: var(--accent-primary); border-radius: 4px; }\r\n\r\n .navbar {\r\n background: rgba(7, 7, 13, 0.85) !important;\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border-bottom: 1px solid var(--border-color);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .navbar.scrolled {\r\n background: rgba(7, 7, 13, 0.95) !important;\r\n box-shadow: 0 4px 30px rgba(147, 51, 234, 0.1);\r\n }\r\n\r\n .nav-link {\r\n position: relative;\r\n color: var(--text-secondary);\r\n transition: color 0.3s ease;\r\n text-decoration: none !important;\r\n }\r\n\r\n .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -4px;\r\n left: 0;\r\n width: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, var(--accent-primary), var(--accent-glow));\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .nav-link:hover { color: var(--text-primary); }\r\n .nav-link:hover::after { width: 100%; }\r\n\r\n .logo-img { width: 100px !important; height: 100px !important; object-fit: contain !important; }\r\n .footer-logo-img { width: 200px !important; height: 200px !important; object-fit: contain !important; }\r\n .about-image { width: 100% !important; max-width: 600px !important; height: auto !important; object-fit: cover !important; border-radius: 16px !important; border: 1px solid var(--border-color) !important; }\r\n\r\n .hero-section { position: relative; min-height: 100vh; overflow: hidden; }\r\n .hero-bg { position: absolute; inset: 0; z-index: 0; }\r\n .hero-bg img { width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: 0.75 !important; }\r\n .hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7, 7, 13, 0.4) 0%, rgba(7, 7, 13, 0.6) 50%, var(--bg-primary) 100%) !important; }\r\n\r\n .orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.25; animation: float 20s infinite ease-in-out; }\r\n .orb-1 { width: 500px; height: 500px; background: radial-gradient(circle, var(--accent-primary) 0%, transparent 70%); top: -200px; right: -100px; animation-delay: 0s; }\r\n .orb-2 { width: 400px; height: 400px; background: radial-gradient(circle, var(--gradient-end) 0%, transparent 70%); bottom: -150px; left: -100px; animation-delay: -7s; }\r\n .orb-3 { width: 300px; height: 300px; background: radial-gradient(circle, var(--accent-glow) 0%, transparent 70%); top: 50%; left: 50%; transform: translate(-50%, -50%); animation-delay: -14s; }\r\n\r\n @keyframes float { 0%, 100% { transform: translate(0, 0) scale(1); } 25% { transform: translate(30px, -30px) scale(1.1); } 50% { transform: translate(-20px, 20px) scale(0.95); } 75% { transform: translate(20px, 30px) scale(1.05); } }\r\n\r\n .btn-primary {\r\n display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 16px 32px;\r\n background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary)) !important; color: #ffffff !important;\r\n font-weight: 600; border-radius: 8px; text-decoration: none !important;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 20px rgba(147, 51, 234, 0.3); position: relative; overflow: hidden;\r\n }\r\n .btn-primary::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, var(--accent-glow), var(--accent-primary)); opacity: 0; transition: opacity 0.3s ease; }\r\n .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(147, 51, 234, 0.5); }\r\n .btn-primary:hover::before { opacity: 1; }\r\n .btn-primary span { position: relative; z-index: 1; }\r\n\r\n .btn-secondary {\r\n display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 16px 32px;\r\n background: transparent !important; color: var(--text-primary) !important; font-weight: 500; border-radius: 8px;\r\n text-decoration: none !important; border: 1px solid var(--border-color); transition: all 0.3s ease;\r\n }\r\n .btn-secondary:hover { background: rgba(147, 51, 234, 0.1) !important; border-color: var(--accent-primary); }\r\n\r\n .service-card { background: linear-gradient(145deg, var(--bg-card), var(--bg-secondary)) !important; border: 1px solid var(--border-color); border-radius: 16px; padding: 32px; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; }\r\n .service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--accent-primary), transparent); opacity: 0; transition: opacity 0.3s ease; }\r\n .service-card:hover { transform: translateY(-8px); border-color: rgba(147, 51, 234, 0.3); box-shadow: 0 20px 40px rgba(147, 51, 234, 0.15); }\r\n .service-card:hover::before { opacity: 1; }\r\n\r\n .demo-card { background: var(--bg-card) !important; border: 1px solid var(--border-color); border-radius: 20px; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); display: block; text-decoration: none !important; }\r\n .demo-card:hover { transform: translateY(-12px); border-color: rgba(147, 51, 234, 0.4); box-shadow: 0 30px 60px rgba(147, 51, 234, 0.2); }\r\n .demo-image { width: 100%; aspect-ratio: 16\/10; object-fit: cover; transition: transform 0.5s ease; }\r\n .demo-card:hover .demo-image { transform: scale(1.05); }\r\n .demo-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(7, 7, 13, 0.9) 100%); opacity: 0; transition: opacity 0.3s ease; }\r\n .demo-card:hover .demo-overlay { opacity: 1; }\r\n .demo-card-title { color: var(--text-primary) !important; text-decoration: none !important; }\r\n .demo-card-text { color: var(--text-secondary) !important; }\r\n\r\n .stat-item { text-align: center; padding: 24px; }\r\n .stat-number { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 700; background: linear-gradient(135deg, var(--accent-glow), var(--accent-primary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n\r\n .mission-item { display: flex; gap: 16px; padding: 20px; background: rgba(147, 51, 234, 0.05); border-radius: 12px; border-left: 3px solid var(--accent-primary); transition: all 0.3s ease; }\r\n .mission-item:hover { background: rgba(147, 51, 234, 0.1); transform: translateX(8px); }\r\n .mission-number { flex-shrink: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary)); border-radius: 50%; font-weight: 700; font-size: 14px; color: white; }\r\n\r\n .reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }\r\n .reveal.active { opacity: 1; transform: translateY(0); }\r\n .reveal-delay-1 { transition-delay: 0.1s; } .reveal-delay-2 { transition-delay: 0.2s; } .reveal-delay-3 { transition-delay: 0.3s; } .reveal-delay-4 { transition-delay: 0.4s; } .reveal-delay-5 { transition-delay: 0.5s; }\r\n\r\n .grid-pattern { background-image: linear-gradient(rgba(147, 51, 234, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(147, 51, 234, 0.03) 1px, transparent 1px); background-size: 60px 60px; }\r\n .price-tag { font-size: 1.75rem; font-weight: 700; background: linear-gradient(135deg, var(--accent-glow), var(--text-primary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n\r\n footer { background: var(--bg-secondary) !important; border-top: 1px solid var(--border-color); }\r\n\r\n .mobile-menu { display: none; position: fixed; inset: 0; background: rgba(7, 7, 13, 0.98) !important; backdrop-filter: blur(20px); z-index: 100; padding: 100px 24px; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }\r\n .mobile-menu.active { opacity: 1; pointer-events: all; }\r\n .mobile-menu a { display: block; padding: 16px 0; font-size: 24px; color: var(--text-primary); text-decoration: none !important; border-bottom: 1px solid var(--border-color); transition: all 0.3s ease; }\r\n .mobile-menu a:hover { padding-left: 16px; color: var(--accent-glow); }\r\n\r\n .hamburger { display: none; flex-direction: column; gap: 6px; cursor: pointer; padding: 8px; background: transparent !important; border: none; }\r\n .hamburger span { width: 24px; height: 2px; background: var(--text-primary); transition: all 0.3s ease; display: block; }\r\n .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(6px, 6px); }\r\n .hamburger.active span:nth-child(2) { opacity: 0; }\r\n .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); }\r\n\r\n .contact-card { background: linear-gradient(145deg, var(--bg-card), rgba(147, 51, 234, 0.05)) !important; border: 1px solid var(--border-color); border-radius: 16px; padding: 32px; transition: all 0.3s ease; }\r\n .contact-card:hover { border-color: rgba(147, 51, 234, 0.3); }\r\n\r\n a:focus-visible, button:focus-visible { outline: 2px solid var(--accent-primary); outline-offset: 4px; }\r\n\r\n .scroll-indicator { margin-top: 40px; }\r\n .scroll-indicator-inner { width: 28px; height: 46px; border-radius: 14px; border: 2px solid rgba(147, 51, 234, 0.4); display: flex; justify-content: center; padding-top: 10px; margin: 0 auto; }\r\n .scroll-indicator-dot { width: 4px; height: 8px; border-radius: 2px; background: var(--accent-primary); animation: scroll-bounce 2s infinite ease-in-out; }\r\n @keyframes scroll-bounce { 0%, 100% { transform: translateY(0); opacity: 1; } 50% { transform: translateY(12px); opacity: 0.5; } }\r\n\r\n @media (max-width: 768px) {\r\n .hamburger { display: flex; }\r\n .mobile-menu { display: block; }\r\n .nav-links-desktop { display: none; }\r\n .logo-img { width: 70px !important; height: 70px !important; }\r\n .footer-logo-img { width: 140px !important; height: 140px !important; }\r\n .scroll-indicator { margin-top: 32px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"grid-pattern\">\r\n <!-- Navbar -->\r\n <nav class=\"navbar fixed top-0 left-0 right-0 z-50\" role=\"navigation\" aria-label=\"Main navigation\">\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-28\">\r\n <a href=\"#\" class=\"flex items-center\" aria-label=\"CM Digital Home\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.scalev.id\/uploads\/1773657134\/wWLyCLZ-deuDw0MR_JnTXg\/1773657134211-Gemini_Generated_Image_ombojfombojfombo-removebg-preview.webp\" alt=\"CM Digital Logo\" class=\"logo-img\">\r\n <\/a>\r\n\r\n <div class=\"nav-links-desktop hidden md:flex items-center gap-8\">\r\n <a href=\"#services\" class=\"nav-link\">Layanan<\/a>\r\n <a href=\"#demo\" class=\"nav-link\">Demo<\/a>\r\n <a href=\"#about\" class=\"nav-link\">Tentang<\/a>\r\n <a href=\"#vision\" class=\"nav-link\">Visi Misi<\/a>\r\n <a href=\"#contact\" class=\"nav-link\">Kontak<\/a>\r\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6281703615756&text=Halo%20kak%2C%20Saya%20ingin%20konsultasi%20untuk%20pembuatan%20Website....\" class=\"btn-primary text-sm py-3 px-6\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span>Konsultasikan<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <button class=\"hamburger\" aria-label=\"Toggle menu\" aria-expanded=\"false\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- Mobile Menu -->\r\n <div class=\"mobile-menu\" role=\"dialog\" aria-modal=\"true\">\r\n <a href=\"#services\">Layanan<\/a>\r\n <a href=\"#demo\">Demo<\/a>\r\n <a href=\"#about\">Tentang<\/a>\r\n <a href=\"#vision\">Visi Misi<\/a>\r\n <a href=\"#contact\">Kontak<\/a>\r\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6281703615756&text=Halo%20kak%2C%20Saya%20ingin%20konsultasi%20untuk%20pembuatan%20Website....\" class=\"btn-primary mt-6\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span>Konsultasikan<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <main>\r\n <!-- Hero Section -->\r\n <section class=\"hero-section flex items-center justify-center\" aria-labelledby=\"hero-title\">\r\n <div class=\"hero-bg\">\r\n <img decoding=\"async\" src=\"https:\/\/cmdigital.id\/gambar\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_q8xglnq8xglnq8xg-1-1-1-2048x1117.png\" alt=\"Digital Solutions Background\" loading=\"eager\">\r\n <\/div>\r\n <div class=\"hero-overlay\" style=\"background: linear-gradient(180deg, rgba(7, 7, 13, 0.4) 0%, rgba(7, 7, 13, 0.6) 50%, #07070d 100%) !important;\"><\/div>\r\n \r\n <div class=\"orb orb-1\"><\/div>\r\n <div class=\"orb orb-2\"><\/div>\r\n <div class=\"orb orb-3\"><\/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 pt-20\">\r\n <div class=\"reveal\">\r\n <span class=\"inline-block px-4 py-2 rounded-full text-sm font-medium mb-6\" style=\"background: rgba(147, 51, 234, 0.15); color: var(--accent-glow);\">Solusi Digital Terpercaya<\/span>\r\n <\/div>\r\n\r\n <h1 id=\"hero-title\" class=\"font-display text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold leading-tight mb-6 reveal reveal-delay-1\" style=\"color: var(--text-primary);\">\r\n Jasa Website Design<br>\r\n <span style=\"background: linear-gradient(135deg, var(--accent-glow), var(--accent-primary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\">Profesional & Eksklusif<\/span>\r\n <\/h1>\r\n\r\n <p class=\"text-lg sm:text-xl max-w-3xl mx-auto mb-10 reveal reveal-delay-2\" style=\"color: var(--text-secondary);\">\r\n PT Grand Digital adalah mitra transformasi digital Anda. Kami membangun identitas digital yang kuat melalui website profesional untuk memperkuat kredibilitas dan menghasilkan pertumbuhan bisnis yang berkelanjutan.\r\n <\/p>\r\n\r\n <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 reveal reveal-delay-3\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6281703615756&text=Halo%20kak%2C%20Saya%20ingin%20konsultasi%20untuk%20pembuatan%20Website....\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span>Konsultasikan<\/span>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#services\" class=\"btn-secondary\"><span>Lihat Layanan<\/span><\/a>\r\n <\/div>\r\n\r\n <div class=\"scroll-indicator reveal reveal-delay-4\">\r\n <div class=\"scroll-indicator-inner\"><div class=\"scroll-indicator-dot\"><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Stats Section -->\r\n <section class=\"py-20 relative\" style=\"background: var(--bg-secondary) !important;\" aria-label=\"Company statistics\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 reveal\">\r\n <div class=\"stat-item\"><div class=\"stat-number\">150+<\/div><p style=\"color: var(--text-muted);\">Proyek Selesai<\/p><\/div>\r\n <div class=\"stat-item\"><div class=\"stat-number\">98%<\/div><p style=\"color: var(--text-muted);\">Klien Puas<\/p><\/div>\r\n <div class=\"stat-item\"><div class=\"stat-number\">24\/7<\/div><p style=\"color: var(--text-muted);\">Support Aktif<\/p><\/div>\r\n <div class=\"stat-item\"><div class=\"stat-number\">2025<\/div><p style=\"color: var(--text-muted);\">Tahun Berdiri<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Services Section -->\r\n <section id=\"services\" class=\"py-24 relative\" aria-labelledby=\"services-title\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"inline-block px-4 py-2 rounded-full text-sm font-medium mb-4 reveal\" style=\"background: rgba(147, 51, 234, 0.15); color: var(--accent-glow);\">Layanan Kami<\/span>\r\n <h2 id=\"services-title\" class=\"font-display text-3xl sm:text-4xl md:text-5xl font-bold mb-4 reveal reveal-delay-1\" style=\"color: var(--text-primary);\">Pilar Layanan Unggulan<\/h2>\r\n <p class=\"max-w-2xl mx-auto reveal reveal-delay-2\" style=\"color: var(--text-secondary);\">Empat fondasi utama CM Digital dalam membangun kesuksesan bisnis Anda di dunia maya: Kredibilitas, Konversi, Portofolio, dan Konsultasi.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n <article class=\"service-card reveal reveal-delay-1\">\r\n <div class=\"w-14 h-14 rounded-xl mb-6 flex items-center justify-center\" style=\"background: linear-gradient(135deg, rgba(147, 51, 234, 0.2), rgba(147, 51, 234, 0.05));\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"color: var(--accent-glow);\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"font-display text-xl font-semibold mb-3\" style=\"color: var(--text-primary);\">Jasa Website Company Profile<\/h3>\r\n <p class=\"mb-4\" style=\"color: var(--text-secondary);\">Website perusahaan profesional yang meningkatkan kredibilitas dan membangun kepercayaan klien potensial terhadap bisnis Anda.<\/p>\r\n <div class=\"flex items-center justify-between pt-4\" style=\"border-top: 1px solid var(--border-color);\"><span class=\"price-tag\">Rp 2.5 Juta<\/span><span class=\"text-sm\" style=\"color: var(--text-muted);\">4 Hari Kerja<\/span><\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card reveal reveal-delay-2\">\r\n <div class=\"w-14 h-14 rounded-xl mb-6 flex items-center justify-center\" style=\"background: linear-gradient(135deg, rgba(147, 51, 234, 0.2), rgba(147, 51, 234, 0.05));\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"color: var(--accent-glow);\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"font-display text-xl font-semibold mb-3\" style=\"color: var(--text-primary);\">Jasa Website Landing Page<\/h3>\r\n <p class=\"mb-4\" style=\"color: var(--text-secondary);\">Landing page berkinerja tinggi yang dirancang khusus untuk meningkatkan konversi dan efisiensi pemasaran digital Anda.<\/p>\r\n <div class=\"flex items-center justify-between pt-4\" style=\"border-top: 1px solid var(--border-color);\"><span class=\"price-tag\">Rp 1 Juta<\/span><span class=\"text-sm\" style=\"color: var(--text-muted);\">3 Hari Kerja<\/span><\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card reveal reveal-delay-3\">\r\n <div class=\"w-14 h-14 rounded-xl mb-6 flex items-center justify-center\" style=\"background: linear-gradient(135deg, rgba(147, 51, 234, 0.2), rgba(147, 51, 234, 0.05));\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"color: var(--accent-glow);\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M20 21a8 8 0 10-16 0\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"font-display text-xl font-semibold mb-3\" style=\"color: var(--text-primary);\">Jasa Website Personal Portfolio<\/h3>\r\n <p class=\"mb-4\" style=\"color: var(--text-secondary);\">Portfolio eksklusif yang menampilkan karya dan rekam jejak profesional Anda dengan desain yang memukau.<\/p>\r\n <div class=\"flex items-center justify-between pt-4\" style=\"border-top: 1px solid var(--border-color);\"><span class=\"price-tag\">Rp 1.5 Juta<\/span><span class=\"text-sm\" style=\"color: var(--text-muted);\">3 Hari Kerja<\/span><\/div>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"text-center mt-12 reveal reveal-delay-4\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6281703615756&text=Halo%20kak%2C%20Saya%20ingin%20konsultasi%20untuk%20pembuatan%20Website....\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <span>Konsultasikan Kebutuhan Anda<\/span>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Demo Section -->\r\n <section id=\"demo\" class=\"py-24 relative\" style=\"background: var(--bg-secondary) !important;\" aria-labelledby=\"demo-title\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"inline-block px-4 py-2 rounded-full text-sm font-medium mb-4 reveal\" style=\"background: rgba(147, 51, 234, 0.15); color: var(--accent-glow);\">Portfolio Kami<\/span>\r\n <h2 id=\"demo-title\" class=\"font-display text-3xl sm:text-4xl md:text-5xl font-bold mb-4 reveal reveal-delay-1\" style=\"color: var(--text-primary);\">Contoh Demo Website<\/h2>\r\n <p class=\"max-w-2xl mx-auto reveal reveal-delay-2\" style=\"color: var(--text-secondary);\">Lihat hasil karya kami yang telah membantu berbagai bisnis membangun kehadiran digital yang profesional dan efektif.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n <a href=\"https:\/\/cmdigital.id\/company-profile-2\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"demo-card reveal reveal-delay-1\" aria-label=\"Lihat demo Website Company Profile\">\r\n <div class=\"relative overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/cmdigital.id\/gambar\/wp-content\/uploads\/2026\/03\/Konstruksi-1024x528.png\" alt=\"Demo Website Company Profile\" class=\"demo-image\">\r\n <div class=\"demo-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <div class=\"flex items-center gap-2 mb-3\">\r\n <span class=\"px-3 py-1 rounded-full text-xs font-medium\" style=\"background: rgba(147, 51, 234, 0.15); color: var(--accent-glow);\">Company Profile<\/span>\r\n <span class=\"px-3 py-1 rounded-full text-xs font-medium\" style=\"background: rgba(147, 51, 234, 0.1); color: var(--text-muted);\">Corporate<\/span>\r\n <\/div>\r\n <h3 class=\"font-display text-xl font-semibold mb-2 demo-card-title\">Website Company Profile<\/h3>\r\n <p class=\"text-sm demo-card-text\">Website perusahaan dengan desain profesional yang menampilkan profil bisnis, layanan, dan kontak secara lengkap.<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/cmdigital.id\/landing-page1\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"demo-card reveal reveal-delay-2\" aria-label=\"Lihat demo Website Landing Page\">\r\n <div class=\"relative overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/cmdigital.id\/gambar\/wp-content\/uploads\/2026\/03\/Landing-Page-1024x528.png\" alt=\"Demo Website Landing Page\" class=\"demo-image\">\r\n <div class=\"demo-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <div class=\"flex items-center gap-2 mb-3\">\r\n <span class=\"px-3 py-1 rounded-full text-xs font-medium\" style=\"background: rgba(147, 51, 234, 0.15); color: var(--accent-glow);\">Landing Page<\/span>\r\n <span class=\"px-3 py-1 rounded-full text-xs font-medium\" style=\"background: rgba(147, 51, 234, 0.1); color: var(--text-muted);\">Marketing<\/span>\r\n <\/div>\r\n <h3 class=\"font-display text-xl font-semibold mb-2 demo-card-title\">Website Landing Page<\/h3>\r\n <p class=\"text-sm demo-card-text\">Landing page berkinerja tinggi yang dioptimalkan untuk konversi dan kampanye pemasaran digital.<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <article class=\"demo-card reveal reveal-delay-3\">\r\n <div class=\"relative overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/0f0f23\/7c3aed?text=Portfolio+Demo\" alt=\"Demo Website Personal Portfolio\" class=\"demo-image\">\r\n <div class=\"demo-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"p-6\">\r\n <div class=\"flex items-center gap-2 mb-3\">\r\n <span class=\"px-3 py-1 rounded-full text-xs font-medium\" style=\"background: rgba(147, 51, 234, 0.15); color: var(--accent-glow);\">Portfolio<\/span>\r\n <span class=\"px-3 py-1 rounded-full text-xs font-medium\" style=\"background: rgba(147, 51, 234, 0.1); color: var(--text-muted);\">Personal<\/span>\r\n <\/div>\r\n <h3 class=\"font-display text-xl font-semibold mb-2 demo-card-title\">Website Personal Portfolio<\/h3>\r\n <p class=\"text-sm demo-card-text\">Portfolio personal yang menampilkan karya dan pencapaian profesional dengan desain elegan dan modern.<\/p>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- About Section -->\r\n <section id=\"about\" class=\"py-24 relative\" aria-labelledby=\"about-title\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\r\n <div>\r\n <span class=\"inline-block px-4 py-2 rounded-full text-sm font-medium mb-4 reveal\" style=\"background: rgba(147, 51, 234, 0.15); color: var(--accent-glow);\">Mengapa Memilih Kami<\/span>\r\n <h2 id=\"about-title\" class=\"font-display text-3xl sm:text-4xl font-bold mb-6 reveal reveal-delay-1\" style=\"color: var(--text-primary);\">Transformasi Digital yang Menghasilkan<\/h2>\r\n <p class=\"mb-6 reveal reveal-delay-2\" style=\"color: var(--text-secondary);\">Tanpa website company profile, landing page, atau portofolio, sebuah perusahaan akan kehilangan kredibilitas di mata klien, kalah bersaing di mesin pencari, dan sulit mengonversi penjualan.<\/p>\r\n <p class=\"mb-8 reveal reveal-delay-3\" style=\"color: var(--text-secondary);\"><strong style=\"color: var(--text-primary);\">CM Digital<\/strong> menghadirkan solusi infrastruktur digital yang tidak hanya estetik, tetapi juga spesifik industri untuk membangun kredibilitas instan dan mengubah kehadiran online menjadi mesin pertumbuhan bisnis yang bekerja otomatis 24 jam.<\/p>\r\n <div class=\"grid sm:grid-cols-2 gap-4 reveal reveal-delay-4\">\r\n <div class=\"flex items-center gap-3\"><div class=\"w-10 h-10 rounded-lg flex items-center justify-center\" style=\"background: rgba(147, 51, 234, 0.1);\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color: var(--accent-glow);\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><span style=\"color: var(--text-primary);\">Desain Eksklusif<\/span><\/div>\r\n <div class=\"flex items-center gap-3\"><div class=\"w-10 h-10 rounded-lg flex items-center justify-center\" style=\"background: rgba(147, 51, 234, 0.1);\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color: var(--accent-glow);\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><span style=\"color: var(--text-primary);\">SEO Optimized<\/span><\/div>\r\n <div class=\"flex items-center gap-3\"><div class=\"w-10 h-10 rounded-lg flex items-center justify-center\" style=\"background: rgba(147, 51, 234, 0.1);\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color: var(--accent-glow);\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><span style=\"color: var(--text-primary);\">Responsif Penuh<\/span><\/div>\r\n <div class=\"flex items-center gap-3\"><div class=\"w-10 h-10 rounded-lg flex items-center justify-center\" style=\"background: rgba(147, 51, 234, 0.1);\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color: var(--accent-glow);\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><span style=\"color: var(--text-primary);\">Support 24\/7<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"relative reveal reveal-delay-2\">\r\n <div class=\"absolute -inset-4 rounded-2xl opacity-50\" style=\"background: linear-gradient(135deg, rgba(147, 51, 234, 0.3), rgba(79, 70, 229, 0.1)); filter: blur(40px);\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/cmdigital.id\/gambar\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_m9xpinm9xpinm9xp-1-1-2048x1117.png\" alt=\"CM Digital Work Sample\" class=\"about-image relative\" style=\"border: 1px solid var(--border-color) !important;\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Vision & Mission Section -->\r\n <section id=\"vision\" class=\"py-24 relative\" style=\"background: var(--bg-secondary) !important;\" aria-labelledby=\"vision-title\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid lg:grid-cols-2 gap-16\">\r\n <div class=\"reveal\">\r\n <div class=\"p-8 rounded-2xl h-full\" style=\"background: linear-gradient(145deg, var(--bg-card), rgba(147, 51, 234, 0.05)); border: 1px solid var(--border-color);\">\r\n <div class=\"w-14 h-14 rounded-xl mb-6 flex items-center justify-center\" style=\"background: linear-gradient(135deg, var(--accent-primary), var(--gradient-end));\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"color: white;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><line x1=\"21.17\" y1=\"8\" x2=\"12\" y2=\"8\"\/><line x1=\"3.95\" y1=\"6.06\" x2=\"8.54\" y2=\"14\"\/><line x1=\"10.88\" y1=\"21.94\" x2=\"15.46\" y2=\"14\"\/><\/svg><\/div>\r\n <h2 id=\"vision-title\" class=\"font-display text-2xl sm:text-3xl font-bold mb-4\" style=\"color: var(--text-primary);\">Visi<\/h2>\r\n <p style=\"color: var(--text-secondary); line-height: 1.8;\">Menjadi mitra transformasi digital terdepan yang membangun fondasi kesuksesan bisnis melalui infrastruktur web yang inovatif, kredibel, dan berorientasi pada hasil.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reveal reveal-delay-1\">\r\n <h3 class=\"font-display text-2xl sm:text-3xl font-bold mb-6\" style=\"color: var(--text-primary);\">Misi<\/h3>\r\n <div class=\"space-y-4\">\r\n <div class=\"mission-item\"><span class=\"mission-number\">1<\/span><div><strong class=\"block mb-1\" style=\"color: var(--text-primary);\">Menghadirkan Kredibilitas Digital<\/strong><span style=\"color: var(--text-muted); font-size: 14px;\">Membangun website Company Profile dan Portfolio yang eksklusif untuk meningkatkan kepercayaan klien dan mitra bisnis.<\/span><\/div><\/div>\r\n <div class=\"mission-item\"><span class=\"mission-number\">2<\/span><div><strong class=\"block mb-1\" style=\"color: var(--text-primary);\">Mengoptimalkan Pertumbuhan Bisnis<\/strong><span style=\"color: var(--text-muted); font-size: 14px;\">Menciptakan Landing Page berkinerja tinggi untuk meningkatkan konversi dan efisiensi pemasaran digital.<\/span><\/div><\/div>\r\n <div class=\"mission-item\"><span class=\"mission-number\">3<\/span><div><strong class=\"block mb-1\" style=\"color: var(--text-primary);\">Inovasi Berbasis Solusi<\/strong><span style=\"color: var(--text-muted); font-size: 14px;\">Menyediakan solusi teknologi web yang modern, aman, dan user-friendly sesuai kebutuhan setiap industri.<\/span><\/div><\/div>\r\n <div class=\"mission-item\"><span class=\"mission-number\">4<\/span><div><strong class=\"block mb-1\" style=\"color: var(--text-primary);\">Edukasi dan Pendampingan<\/strong><span style=\"color: var(--text-muted); font-size: 14px;\">Menjadi partner strategis yang membantu pelaku usaha memanfaatkan potensi digital secara maksimal.<\/span><\/div><\/div>\r\n <div class=\"mission-item\"><span class=\"mission-number\">5<\/span><div><strong class=\"block mb-1\" style=\"color: var(--text-primary);\">Kualitas Tanpa Kompromi<\/strong><span style=\"color: var(--text-muted); font-size: 14px;\">Menjamin standar estetika dan teknis terbaik dalam setiap piksel karya untuk dampak jangka panjang.<\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Contact Section -->\r\n <section id=\"contact\" class=\"py-24 relative\" aria-labelledby=\"contact-title\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center mb-16\">\r\n <span class=\"inline-block px-4 py-2 rounded-full text-sm font-medium mb-4 reveal\" style=\"background: rgba(147, 51, 234, 0.15); color: var(--accent-glow);\">Hubungi Kami<\/span>\r\n <h2 id=\"contact-title\" class=\"font-display text-3xl sm:text-4xl md:text-5xl font-bold mb-4 reveal reveal-delay-1\" style=\"color: var(--text-primary);\">Siap Memulai Transformasi Digital?<\/h2>\r\n <p class=\"max-w-2xl mx-auto reveal reveal-delay-2\" style=\"color: var(--text-secondary);\">Konsultasikan kebutuhan website Anda dengan tim ahli kami. Kami siap membantu membangun identitas digital yang kuat untuk bisnis Anda.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-6 max-w-4xl mx-auto\">\r\n <div class=\"contact-card text-center reveal reveal-delay-1\">\r\n <div class=\"w-12 h-12 rounded-xl mx-auto mb-4 flex items-center justify-center\" style=\"background: rgba(147, 51, 234, 0.1);\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"color: var(--accent-glow);\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg><\/div>\r\n <h3 class=\"font-semibold mb-2\" style=\"color: var(--text-primary);\">WhatsApp<\/h3>\r\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6281703615756&text=Halo%20kak%2C%20Saya%20ingin%20konsultasi%20untuk%20pembuatan%20Website....\" class=\"text-sm hover:underline\" style=\"color: var(--accent-glow);\" target=\"_blank\" rel=\"noopener noreferrer\">+62 817-0361-5756<\/a>\r\n <\/div>\r\n <div class=\"contact-card text-center reveal reveal-delay-2\">\r\n <div class=\"w-12 h-12 rounded-xl mx-auto mb-4 flex items-center justify-center\" style=\"background: rgba(147, 51, 234, 0.1);\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"color: var(--accent-glow);\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M22 6l-10 7L2 6\"\/><\/svg><\/div>\r\n <h3 class=\"font-semibold mb-2\" style=\"color: var(--text-primary);\">Email<\/h3>\r\n <a href=\"mailto:choirul.musthof2@gmail.com\" class=\"text-sm hover:underline\" style=\"color: var(--accent-glow);\">choirul.musthof2@gmail.com<\/a>\r\n <\/div>\r\n <div class=\"contact-card text-center reveal reveal-delay-3\">\r\n <div class=\"w-12 h-12 rounded-xl mx-auto mb-4 flex items-center justify-center\" style=\"background: rgba(147, 51, 234, 0.1);\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"color: var(--accent-glow);\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><path d=\"M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg><\/div>\r\n <h3 class=\"font-semibold mb-2\" style=\"color: var(--text-primary);\">Instagram<\/h3>\r\n <a href=\"https:\/\/instagram.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-sm hover:underline\" style=\"color: var(--accent-glow);\">@cmdigital<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"text-center mt-12 reveal reveal-delay-4\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6281703615756&text=Halo%20kak%2C%20Saya%20ingin%20konsultasi%20untuk%20pembuatan%20Website....\" class=\"btn-primary text-lg py-4 px-8\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n <span>Konsultasikan Sekarang<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <!-- Footer -->\r\n <footer class=\"py-12\" role=\"contentinfo\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid md:grid-cols-4 gap-8 mb-12\">\r\n <div class=\"md:col-span-2\">\r\n <div class=\"flex items-center gap-4 mb-4\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.scalev.id\/uploads\/1773657134\/wWLyCLZ-deuDw0MR_JnTXg\/1773657134211-Gemini_Generated_Image_ombojfombojfombo-removebg-preview.webp\" alt=\"CM Digital Logo\" class=\"footer-logo-img\">\r\n <\/div>\r\n <p class=\"mb-4\" style=\"color: var(--text-secondary);\">Mitra transformasi digital terpercaya untuk membangun identitas digital yang kuat dan menghasilkan pertumbuhan bisnis berkelanjutan.<\/p>\r\n <p class=\"text-sm\" style=\"color: var(--text-muted);\">PT Grand Digital © 2025. All rights reserved.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-semibold mb-4\" style=\"color: var(--text-primary);\">Layanan<\/h4>\r\n <ul class=\"space-y-2\">\r\n <li><a href=\"#services\" class=\"text-sm transition-colors hover:text-white\" style=\"color: var(--text-muted);\">Company Profile<\/a><\/li>\r\n <li><a href=\"#services\" class=\"text-sm transition-colors hover:text-white\" style=\"color: var(--text-muted);\">Landing Page<\/a><\/li>\r\n <li><a href=\"#services\" class=\"text-sm transition-colors hover:text-white\" style=\"color: var(--text-muted);\">Personal Portfolio<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-semibold mb-4\" style=\"color: var(--text-primary);\">Tautan<\/h4>\r\n <ul class=\"space-y-2\">\r\n <li><a href=\"#services\" class=\"text-sm transition-colors hover:text-white\" style=\"color: var(--text-muted);\">Layanan<\/a><\/li>\r\n <li><a href=\"#demo\" class=\"text-sm transition-colors hover:text-white\" style=\"color: var(--text-muted);\">Demo<\/a><\/li>\r\n <li><a href=\"#about\" class=\"text-sm transition-colors hover:text-white\" style=\"color: var(--text-muted);\">Tentang Kami<\/a><\/li>\r\n <li><a href=\"#vision\" class=\"text-sm transition-colors hover:text-white\" style=\"color: var(--text-muted);\">Visi Misi<\/a><\/li>\r\n <li><a href=\"#contact\" class=\"text-sm transition-colors hover:text-white\" style=\"color: var(--text-muted);\">Kontak<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pt-8 text-center\" style=\"border-top: 1px solid var(--border-color);\"><p class=\"text-sm\" style=\"color: var(--text-muted);\">Dibangun dengan dedikasi untuk kesuksesan digital bisnis Anda.<\/p><\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n const navbar = document.querySelector('.navbar');\r\n const hamburger = document.querySelector('.hamburger');\r\n const mobileMenu = document.querySelector('.mobile-menu');\r\n const mobileMenuLinks = mobileMenu.querySelectorAll('a');\r\n\r\n function handleScroll() { if (window.scrollY > 50) { navbar.classList.add('scrolled'); } else { navbar.classList.remove('scrolled'); } }\r\n window.addEventListener('scroll', handleScroll); handleScroll();\r\n\r\n hamburger.addEventListener('click', function() { const isActive = this.classList.toggle('active'); mobileMenu.classList.toggle('active'); this.setAttribute('aria-expanded', isActive); document.body.style.overflow = isActive ? 'hidden' : ''; });\r\n mobileMenuLinks.forEach(function(link) { link.addEventListener('click', function() { hamburger.classList.remove('active'); mobileMenu.classList.remove('active'); hamburger.setAttribute('aria-expanded', 'false'); document.body.style.overflow = ''; }); });\r\n\r\n const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n if (!prefersReducedMotion) { const revealElements = document.querySelectorAll('.reveal'); const revealObserver = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('active'); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); revealElements.forEach(function(el) { revealObserver.observe(el); }); } else { document.querySelectorAll('.reveal').forEach(function(el) { el.classList.add('active'); }); }\r\n\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) { anchor.addEventListener('click', function(e) { const targetId = this.getAttribute('href'); if (targetId === '#') return; const targetElement = document.querySelector(targetId); if (targetElement) { e.preventDefault(); const navHeight = navbar.offsetHeight; const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - navHeight; window.scrollTo({ top: targetPosition, behavior: prefersReducedMotion ? 'auto' : 'smooth' }); } }); });\r\n\r\n if (!prefersReducedMotion) { let ticking = false; document.addEventListener('mousemove', function(e) { if (!ticking) { window.requestAnimationFrame(function() { const orbs = document.querySelectorAll('.orb'); const x = (e.clientX - window.innerWidth \/ 2) \/ 50; const y = (e.clientY - window.innerHeight \/ 2) \/ 50; orbs.forEach(function(orb, index) { const factor = (index + 1) * 0.5; orb.style.transform = 'translate(' + (x * factor) + 'px, ' + (y * factor) + 'px)'; }); ticking = false; }); ticking = true; } }); }\r\n <\/script>\r\n<\/body>\r\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>CM Digital – Jasa Website Design Profesional | Solusi Digital Terpercaya Layanan Demo Tentang Visi Misi Kontak Konsultasikan Layanan Demo Tentang Visi Misi Kontak Konsultasikan Solusi Digital Terpercaya Jasa Website Design Profesional & Eksklusif PT Grand Digital adalah mitra transformasi digital Anda. Kami membangun identitas digital yang kuat melalui website profesional untuk memperkuat kredibilitas dan […]<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cmdigital.id\/company-profile\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmdigital.id\/company-profile\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cmdigital.id\/company-profile\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cmdigital.id\/company-profile\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cmdigital.id\/company-profile\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":43,"href":"https:\/\/cmdigital.id\/company-profile\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":62,"href":"https:\/\/cmdigital.id\/company-profile\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/62"}],"wp:attachment":[{"href":"https:\/\/cmdigital.id\/company-profile\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}