{"id":20,"date":"2026-05-28T04:11:40","date_gmt":"2026-05-28T04:11:40","guid":{"rendered":"https:\/\/sigmasolusimandiri.com\/?page_id=20"},"modified":"2026-05-28T09:26:12","modified_gmt":"2026-05-28T09:26:12","slug":"home","status":"publish","type":"page","link":"https:\/\/sigmasolusimandiri.com\/?page_id=20","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \n \n \n SIGMA Solusi Mandiri | The Property Problem Solver<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n 'display': ['Playfair Display', 'serif'],\n 'body': ['DM Sans', 'sans-serif'],\n },\n colors: {\n 'brand': {\n 50: '#FFFBEB',\n 100: '#FEF3C7',\n 200: '#FDE68A',\n 300: '#FCD34D',\n 400: '#FBBF24',\n 500: '#D4A012',\n 600: '#B8860B',\n 700: '#92400E',\n 800: '#78350F',\n 900: '#451A03',\n },\n 'surface': {\n 50: '#FAFAF9',\n 100: '#F5F5F4',\n 200: '#E7E5E4',\n 300: '#D6D3D1',\n 800: '#1C1917',\n 900: '#0C0A09',\n }\n }\n }\n }\n }\n <\/script>\n \n <style>\n :root {\n --brand-primary: #D4A012;\n --brand-gold: #B8860B;\n --brand-light: #FEF3C7;\n --surface-dark: #0C0A09;\n --surface-light: #FAFAF9;\n --text-primary: #1C1917;\n --text-secondary: #57534E;\n --border-color: #E7E5E4;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n font-family: 'DM Sans', sans-serif;\n background-color: var(--surface-light) !important;\n color: var(--text-primary);\n overflow-x: hidden;\n }\n \n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n \n ::-webkit-scrollbar-track {\n background: var(--surface-light);\n }\n \n ::-webkit-scrollbar-thumb {\n background: var(--brand-gold);\n border-radius: 4px;\n }\n \n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n @keyframes scaleIn {\n from {\n opacity: 0;\n transform: scale(0.9);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n \n @keyframes shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n \n @keyframes pulse-glow {\n 0%, 100% { box-shadow: 0 0 20px rgba(212, 160, 18, 0.3); }\n 50% { box-shadow: 0 0 40px rgba(212, 160, 18, 0.6); }\n }\n \n .animate-fade-up {\n animation: fadeInUp 0.8s ease-out forwards;\n }\n \n .animate-fade-left {\n animation: fadeInLeft 0.8s ease-out forwards;\n }\n \n .animate-fade-right {\n animation: fadeInRight 0.8s ease-out forwards;\n }\n \n .animate-scale {\n animation: scaleIn 0.6s ease-out forwards;\n }\n \n .animate-float {\n animation: float 3s ease-in-out infinite;\n }\n \n \/* Reveal Animation *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n \n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .reveal-delay-1 { transition-delay: 0.1s; }\n .reveal-delay-2 { transition-delay: 0.2s; }\n .reveal-delay-3 { transition-delay: 0.3s; }\n .reveal-delay-4 { transition-delay: 0.4s; }\n \n \/* Gradient Text *\/\n .gradient-text {\n background: linear-gradient(135deg, var(--brand-primary) 0%, #F59E0B 50%, var(--brand-gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n \/* Button Styles *\/\n .btn-primary {\n background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-gold) 100%);\n color: #FFFFFF !important;\n text-decoration: none !important;\n padding: 16px 32px;\n border-radius: 8px;\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n box-shadow: 0 4px 20px rgba(212, 160, 18, 0.3);\n position: relative;\n overflow: hidden;\n }\n \n .btn-primary::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n transition: left 0.5s;\n }\n \n .btn-primary:hover::before {\n left: 100%;\n }\n \n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(212, 160, 18, 0.4);\n }\n \n .btn-secondary {\n background: transparent;\n color: var(--text-primary) !important;\n text-decoration: none !important;\n padding: 16px 32px;\n border-radius: 8px;\n font-weight: 600;\n border: 2px solid var(--brand-primary);\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n }\n \n .btn-secondary:hover {\n background: var(--brand-primary);\n color: #FFFFFF !important;\n transform: translateY(-2px);\n }\n \n \/* Card Styles *\/\n .service-card {\n background: #FFFFFF;\n border-radius: 16px;\n padding: 32px;\n border: 1px solid var(--border-color);\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n position: relative;\n overflow: hidden;\n }\n \n .service-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(90deg, var(--brand-primary), var(--brand-gold));\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.4s ease;\n }\n \n .service-card:hover::before {\n transform: scaleX(1);\n }\n \n .service-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.08);\n }\n \n \/* Package Cards *\/\n .package-card {\n background: #FFFFFF;\n border-radius: 20px;\n padding: 40px 32px;\n border: 1px solid var(--border-color);\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n position: relative;\n overflow: hidden;\n }\n \n .package-card.featured {\n background: linear-gradient(180deg, var(--surface-dark) 0%, #292524 100%);\n border-color: transparent;\n transform: scale(1.02);\n }\n \n .package-card.featured .package-badge {\n display: block;\n }\n \n .package-badge {\n display: none;\n position: absolute;\n top: 20px;\n right: 20px;\n background: linear-gradient(135deg, var(--brand-primary), var(--brand-gold));\n color: #FFFFFF;\n padding: 6px 16px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n \n .package-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 25px 50px rgba(0,0,0,0.12);\n }\n \n .package-card.featured:hover {\n transform: scale(1.02) translateY(-8px);\n }\n \n \/* Navbar *\/\n .navbar {\n background: rgba(250, 250, 249, 0.85);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n }\n \n .navbar.scrolled {\n background: rgba(250, 250, 249, 0.95);\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n }\n \n .nav-link {\n color: var(--text-secondary) !important;\n text-decoration: none !important;\n font-weight: 500;\n padding: 8px 16px;\n position: relative;\n transition: color 0.3s ease;\n }\n \n .nav-link::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 2px;\n background: var(--brand-primary);\n transition: all 0.3s ease;\n transform: translateX(-50%);\n }\n \n .nav-link:hover {\n color: var(--brand-primary) !important;\n }\n \n .nav-link:hover::after {\n width: 80%;\n }\n \n \/* Hero Section *\/\n .hero-section {\n position: relative;\n min-height: 100vh;\n overflow: hidden;\n }\n \n .hero-bg-pattern {\n position: absolute;\n top: 0;\n right: 0;\n width: 50%;\n height: 100%;\n background: linear-gradient(135deg, rgba(212, 160, 18, 0.05) 0%, transparent 50%);\n z-index: 0;\n }\n \n .hero-image-container {\n position: relative;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 30px 60px rgba(0,0,0,0.15);\n }\n \n .hero-image-container::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(212, 160, 18, 0.2) 0%, transparent 50%);\n z-index: 1;\n }\n \n \/* Stats Counter *\/\n .stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 48px;\n font-weight: 700;\n color: var(--brand-primary);\n line-height: 1;\n }\n \n \/* Client Logo *\/\n .client-logo {\n filter: grayscale(100%);\n opacity: 0.5;\n transition: all 0.3s ease;\n }\n \n .client-logo:hover {\n filter: grayscale(0%);\n opacity: 1;\n }\n \n \/* Floating WhatsApp *\/\n .wa-float {\n position: fixed;\n bottom: 30px;\n right: 30px;\n width: 60px;\n height: 60px;\n background: #25D366;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4);\n z-index: 1000;\n transition: all 0.3s ease;\n animation: pulse-glow 2s infinite;\n }\n \n .wa-float:hover {\n transform: scale(1.1);\n box-shadow: 0 12px 35px rgba(37, 211, 102, 0.5);\n }\n \n .wa-float svg {\n width: 32px;\n height: 32px;\n fill: white;\n }\n \n \/* Decorative Elements *\/\n .deco-circle {\n position: absolute;\n border-radius: 50%;\n background: linear-gradient(135deg, rgba(212, 160, 18, 0.1) 0%, transparent 70%);\n pointer-events: none;\n }\n \n .deco-line {\n position: absolute;\n width: 1px;\n background: linear-gradient(180deg, transparent, var(--brand-primary), transparent);\n pointer-events: none;\n }\n \n \/* Focus States *\/\n a:focus-visible,\n button:focus-visible {\n outline: 2px solid var(--brand-primary);\n outline-offset: 4px;\n }\n \n \/* Reduced Motion *\/\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \n \/* Mobile Menu *\/\n .mobile-menu {\n transform: translateX(100%);\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n \n .mobile-menu.active {\n transform: translateX(0);\n }\n \n \/* Accordion *\/\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n \n .accordion-content.open {\n max-height: 500px;\n }\n \n .accordion-icon {\n transition: transform 0.3s ease;\n }\n \n .accordion-item.open .accordion-icon {\n transform: rotate(180deg);\n }\n <\/style>\n<\/head>\n<body>\n <!-- Navigation -->\n <nav class=\"navbar fixed top-0 left-0 right-0 z-50\">\n <div class=\"max-w-7xl mx-auto px-6 lg:px-8\">\n <div class=\"flex items-center justify-between h-20\">\n <!-- Logo -->\n \n <a href=\"#home\" class=\"flex items-center gap-3\" aria-label=\"SIGMA Solusi Mandiri\">\n <div class=\"w-40 h-20 rounded-lg bg-gradient-to-br flex items-center justify-center\"><img src=https:\/\/sigmasolusimandiri.com\/wp-content\/uploads\/2026\/05\/sigma-no-bg-black.png><\/image>\n <svg class=\"w-6 h-6 text-white\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\n <\/svg>\n <\/div>\n \n <\/a>\n \n <!-- Desktop Navigation -->\n <div class=\"hidden md:flex items-center gap-2\">\n <a href=\"#home\" class=\"nav-link\">Beranda<\/a>\n <a href=\"#about\" class=\"nav-link\">Tentang<\/a>\n <a href=\"#services\" class=\"nav-link\">Layanan<\/a>\n <a href=\"#packages\" class=\"nav-link\">Paket<\/a>\n <a href=\"#portfolio\" class=\"nav-link\">Portofolio<\/a>\n <a href=\"#contact\" class=\"nav-link\">Kontak<\/a>\n <\/div>\n \n <!-- CTA Button -->\n <div class=\"hidden md:block\">\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285714125055&text=Halo%20Admin%20SIGMA,%20Boleh%20Info%20detail%20untuk%20konsultasi%20project?\" class=\"btn-primary text-sm\" target=\"_blank\" rel=\"noopener\">\n Hubungi Kami\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/>\n <\/svg>\n <\/a>\n <\/div>\n \n <!-- Mobile Menu Button -->\n <button class=\"md:hidden p-2 rounded-lg hover:bg-surface-100 transition-colors\" id=\"menuBtn\" aria-label=\"Toggle menu\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/nav>\n \n <!-- Mobile Menu Overlay -->\n <div class=\"mobile-menu fixed inset-0 bg-white z-40 md:hidden\" id=\"mobileMenu\">\n <div class=\"flex flex-col items-center justify-center h-full gap-6\">\n <a href=\"#home\" class=\"text-2xl font-medium text-surface-800 hover:text-brand-500 transition-colors mobile-link\">Beranda<\/a>\n <a href=\"#about\" class=\"text-2xl font-medium text-surface-800 hover:text-brand-500 transition-colors mobile-link\">Tentang<\/a>\n <a href=\"#services\" class=\"text-2xl font-medium text-surface-800 hover:text-brand-500 transition-colors mobile-link\">Layanan<\/a>\n <a href=\"#packages\" class=\"text-2xl font-medium text-surface-800 hover:text-brand-500 transition-colors mobile-link\">Paket<\/a>\n <a href=\"#portfolio\" class=\"text-2xl font-medium text-surface-800 hover:text-brand-500 transition-colors mobile-link\">Portofolio<\/a>\n <a href=\"#contact\" class=\"text-2xl font-medium text-surface-800 hover:text-brand-500 transition-colors mobile-link\">Kontak<\/a>\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285714125055&text=Halo%20Admin%20SIGMA,%20Boleh%20Info%20detail%20untuk%20konsultasi%20project?\" class=\"btn-primary mt-4\" target=\"_blank\" rel=\"noopener\">\n Hubungi Kami\n <\/a>\n <\/div>\n <\/div>\n \n <main>\n <!-- Hero Section -->\n <section id=\"home\" class=\"hero-section min-h-screen flex items-center pt-20\">\n <div class=\"hero-bg-pattern\"><\/div>\n <div class=\"deco-circle w-96 h-96 -top-20 -left-20 opacity-50\"><\/div>\n <div class=\"deco-circle w-64 h-64 bottom-20 right-1\/4 opacity-30\"><\/div>\n \n <div class=\"max-w-7xl mx-auto px-6 lg:px-8 py-20 lg:py-0\">\n <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-20 items-center\">\n <!-- Left Content -->\n <div class=\"relative z-10\">\n <div class=\"animate-fade-up\">\n <span class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-brand-50 text-brand-600 text-sm font-medium mb-6\">\n <span class=\"w-2 h-2 rounded-full bg-brand-500 animate-pulse\"><\/span>\n The Property Problem Solver\n <\/span>\n <\/div>\n \n <h1 class=\"font-display text-4xl sm:text-5xl lg:text-6xl font-semibold text-surface-800 leading-tight mb-6 animate-fade-up\" style=\"animation-delay: 0.1s\">\n Solusi Profesional untuk\n <span class=\"gradient-text\">Perumahan Mangkrak<\/span>\n & Aset Properti Anda\n <\/h1>\n \n <p class=\"text-lg text-surface-600 leading-relaxed mb-8 max-w-xl animate-fade-up\" style=\"animation-delay: 0.2s\">\n Kami mengubah tantangan properti menjadi peluang. Dengan pengalaman mengelola lebih dari 150 proyek perumahan di Jabodetabek, SIGMA hadir sebagai mitra terpercaya untuk menghidupkan kembali potensi aset Anda.\n <\/p>\n \n <div class=\"flex flex-col sm:flex-row gap-4 animate-fade-up\" style=\"animation-delay: 0.3s\">\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285714125055&text=Halo%20Admin%20SIGMA,%20Boleh%20Info%20detail%20untuk%20konsultasi%20project?\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener\">\n Konsultasi Gratis\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/>\n <\/svg>\n <\/a>\n <a href=\"#services\" class=\"btn-secondary\">\n Lihat Layanan\n <\/a>\n <\/div>\n \n <!-- Stats -->\n <div class=\"grid grid-cols-3 gap-8 mt-12 pt-12 border-t border-surface-200 animate-fade-up\" style=\"animation-delay: 0.4s\">\n <div>\n <div class=\"stat-number\" data-count=\"150\">0<\/div>\n <p class=\"text-surface-500 text-sm mt-1\">Proyek Dikelola<\/p>\n <\/div>\n <div>\n <div class=\"stat-number\" data-count=\"50\">0<\/div>\n <p class=\"text-surface-500 text-sm mt-1\">Klien Puas<\/p>\n <\/div>\n <div>\n <div class=\"stat-number\" data-count=\"5\">0<\/div>\n <p class=\"text-surface-500 text-sm mt-1\">Partner Aktif<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Right Image -->\n <div class=\"relative animate-fade-right\" style=\"animation-delay: 0.2s\">\n <div class=\"hero-image-container\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x600\/1C1917\/D4A012?text=Modern+Property+Development\" alt=\"Modern Property Development by SIGMA\" class=\"w-full h-auto object-cover\" loading=\"eager\">\n <\/div>\n \n <!-- Floating Card -->\n <div class=\"absolute -bottom-6 -left-6 bg-white rounded-2xl p-5 shadow-xl border border-surface-100 animate-float hidden sm:block\">\n <div class=\"flex items-center gap-4\">\n <div class=\"w-12 h-12 rounded-xl bg-gradient-to-br from-brand-400 to-brand-600 flex items-center justify-center\">\n <svg class=\"w-6 h-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <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\"\/>\n <\/svg>\n <\/div>\n <div>\n <p class=\"font-semibold text-surface-800\">Proyek Berhasil<\/p>\n <p class=\"text-sm text-surface-500\">Turnaround Rate 95%<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- About Section -->\n <section id=\"about\" class=\"py-24 lg:py-32 bg-white relative overflow-hidden\">\n <div class=\"deco-circle w-80 h-80 -right-40 top-20 opacity-30\"><\/div>\n \n <div class=\"max-w-7xl mx-auto px-6 lg:px-8\">\n <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n <!-- Left Content -->\n <div class=\"reveal\">\n <span class=\"text-brand-500 font-semibold tracking-wider uppercase text-sm\">Tentang Kami<\/span>\n <h2 class=\"font-display text-3xl lg:text-4xl font-semibold text-surface-800 mt-4 mb-6\">\n Visi Kami: Mengubah Potensi Aset Menjadi Nilai Nyata\n <\/h2>\n \n <div class=\"space-y-4 text-surface-600 leading-relaxed\">\n <p>\n SIGMA Solusi Mandiri didirikan pada tahun 2024 dengan satu tujuan jelas: menjadi mitra konsultan properti terpercaya di Indonesia yang memberikan solusi berkelanjutan bagi setiap tantangan pengembangan properti.\n <\/p>\n <p>\n Kami tidak hanya memberikan laporan dan rekomendasi \u2014 kami turun langsung ke lapangan, memastikan setiap strategi yang dirancang benar-benar bisa dieksekusi dan menghasilkan nilai nyata bagi klien kami.\n <\/p>\n <\/div>\n \n <!-- USP Box -->\n <div class=\"mt-8 p-6 rounded-2xl bg-gradient-to-br from-surface-800 to-surface-900 text-white\">\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-lg bg-brand-500 flex items-center justify-center flex-shrink-0\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\n <\/svg>\n <\/div>\n <div>\n <p class=\"font-semibold text-lg\">Keunggulan Kami<\/p>\n <p class=\"text-surface-300 mt-1 text-sm\">Kami turun langsung ke lapangan, memastikan setiap strategi benar-benar terekskusi dan menghasilkan nilai nyata.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Right Content - Mission -->\n <div class=\"reveal reveal-delay-2\">\n <div class=\"space-y-4\">\n <h3 class=\"font-display text-2xl font-semibold text-surface-800 mb-6\">Misi Kami<\/h3>\n \n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-4 p-4 rounded-xl hover:bg-surface-50 transition-colors group\">\n <div class=\"w-8 h-8 rounded-full bg-brand-100 text-brand-600 flex items-center justify-center flex-shrink-0 font-semibold text-sm group-hover:bg-brand-500 group-hover:text-white transition-colors\">1<\/div>\n <p class=\"text-surface-600 leading-relaxed\">Memberikan analisis feasibility yang akurat dan berbasis data sebagai fondasi pengambilan keputusan developer dan investor properti.<\/p>\n <\/div>\n \n <div class=\"flex items-start gap-4 p-4 rounded-xl hover:bg-surface-50 transition-colors group\">\n <div class=\"w-8 h-8 rounded-full bg-brand-100 text-brand-600 flex items-center justify-center flex-shrink-0 font-semibold text-sm group-hover:bg-brand-500 group-hover:text-white transition-colors\">2<\/div>\n <p class=\"text-surface-600 leading-relaxed\">Menghidupkan kembali proyek perumahan mangkrak menjadi aset yang profitable melalui strategi turnaround yang terstruktur.<\/p>\n <\/div>\n \n <div class=\"flex items-start gap-4 p-4 rounded-xl hover:bg-surface-50 transition-colors group\">\n <div class=\"w-8 h-8 rounded-full bg-brand-100 text-brand-600 flex items-center justify-center flex-shrink-0 font-semibold text-sm group-hover:bg-brand-500 group-hover:text-white transition-colors\">3<\/div>\n <p class=\"text-surface-600 leading-relaxed\">Mengoptimalkan pengelolaan aset tanah dan properti untuk menghasilkan nilai maksimal bagi pemilik aset.<\/p>\n <\/div>\n \n <div class=\"flex items-start gap-4 p-4 rounded-xl hover:bg-surface-50 transition-colors group\">\n <div class=\"w-8 h-8 rounded-full bg-brand-100 text-brand-600 flex items-center justify-center flex-shrink-0 font-semibold text-sm group-hover:bg-brand-500 group-hover:text-white transition-colors\">4<\/div>\n <p class=\"text-surface-600 leading-relaxed\">Membangun ekosistem properti yang sehat melalui edukasi, pendampingan, dan sistem bisnis yang efisien dan scalable.<\/p>\n <\/div>\n \n <div class=\"flex items-start gap-4 p-4 rounded-xl hover:bg-surface-50 transition-colors group\">\n <div class=\"w-8 h-8 rounded-full bg-brand-100 text-brand-600 flex items-center justify-center flex-shrink-0 font-semibold text-sm group-hover:bg-brand-500 group-hover:text-white transition-colors\">5<\/div>\n <p class=\"text-surface-600 leading-relaxed\">Menghadirkan solusi marketing properti berbasis data yang menghasilkan closing nyata dan terukur.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- Services Section -->\n <section id=\"services\" class=\"py-24 lg:py-32 relative\">\n <div class=\"deco-circle w-96 h-96 -left-48 bottom-20 opacity-20\"><\/div>\n \n <div class=\"max-w-7xl mx-auto px-6 lg:px-8\">\n <!-- Header -->\n <div class=\"text-center max-w-3xl mx-auto mb-16 reveal\">\n <span class=\"text-brand-500 font-semibold tracking-wider uppercase text-sm\">Layanan Kami<\/span>\n <h2 class=\"font-display text-3xl lg:text-4xl font-semibold text-surface-800 mt-4 mb-6\">\n Solusi Lengkap untuk Pengembangan Properti\n <\/h2>\n <p class=\"text-surface-600 leading-relaxed\">\n Dari perencanaan hingga eksekusi, SIGMA menyediakan layanan komprehensif untuk mengatasi setiap tantangan properti Anda.\n <\/p>\n <\/div>\n \n <!-- Services Grid -->\n <div class=\"grid md:grid-cols-2 gap-6 lg:gap-8\">\n <!-- Service 1 -->\n <div class=\"service-card reveal reveal-delay-1\">\n <div class=\"w-14 h-14 rounded-2xl bg-gradient-to-br from-brand-400 to-brand-600 flex items-center justify-center mb-6\">\n <svg class=\"w-7 h-7 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-xl font-semibold text-surface-800 mb-3\">Konsultan Perencanaan Pembangunan<\/h3>\n <p class=\"text-surface-600 leading-relaxed\">Merencanakan dan mengembangkan proyek perumahan dengan konsep yang tepat sasaran dan sesuai kebutuhan pasar.<\/p>\n <\/div>\n \n <!-- Service 2 -->\n <div class=\"service-card reveal reveal-delay-2\">\n <div class=\"w-14 h-14 rounded-2xl bg-gradient-to-br from-brand-400 to-brand-600 flex items-center justify-center mb-6\">\n <svg class=\"w-7 h-7 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-xl font-semibold text-surface-800 mb-3\">Feasibility Market & Analisis Investasi<\/h3>\n <p class=\"text-surface-600 leading-relaxed\">Menganalisis kelayakan pasar dan investasi properti dengan data akurat untuk pengambilan keputusan yang tepat.<\/p>\n <\/div>\n \n <!-- Service 3 -->\n <div class=\"service-card reveal reveal-delay-3\">\n <div class=\"w-14 h-14 rounded-2xl bg-gradient-to-br from-brand-400 to-brand-600 flex items-center justify-center mb-6\">\n <svg class=\"w-7 h-7 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-xl font-semibold text-surface-800 mb-3\">Pelatihan Tim Developer & Marketing<\/h3>\n <p class=\"text-surface-600 leading-relaxed\">Meningkatkan kapasitas tim developer, sales, dan marketing properti dengan pelatihan berbasis praktik terbaik industri.<\/p>\n <\/div>\n \n <!-- Service 4 -->\n <div class=\"service-card reveal reveal-delay-4\">\n <div class=\"w-14 h-14 rounded-2xl bg-gradient-to-br from-brand-400 to-brand-600 flex items-center justify-center mb-6\">\n <svg class=\"w-7 h-7 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-xl font-semibold text-surface-800 mb-3\">Pengurusan Legalitas & Perizinan<\/h3>\n <p class=\"text-surface-600 leading-relaxed\">Membantu proses pengurusan legalitas dan perizinan proyek properti dengan prosedur yang tepat dan efisien.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- Packages Section -->\n <section id=\"packages\" class=\"py-24 lg:py-32 bg-gradient-to-b from-white to-surface-50 relative overflow-hidden\">\n <div class=\"deco-circle w-80 h-80 right-0 top-10 opacity-20\"><\/div>\n <div class=\"deco-circle w-64 h-64 left-10 bottom-20 opacity-15\"><\/div>\n \n <div class=\"max-w-7xl mx-auto px-6 lg:px-8\">\n <!-- Header -->\n <div class=\"text-center max-w-3xl mx-auto mb-16 reveal\">\n <span class=\"text-brand-500 font-semibold tracking-wider uppercase text-sm\">Paket Layanan<\/span>\n <h2 class=\"font-display text-3xl lg:text-4xl font-semibold text-surface-800 mt-4 mb-6\">\n Pilih Paket Sesuai Kebutuhan Anda\n <\/h2>\n <p class=\"text-surface-600 leading-relaxed\">\n Tiga paket layanan yang dirancang untuk memberikan solusi terbaik bagi setiap skala proyek properti Anda.\n <\/p>\n <\/div>\n \n <!-- Packages Grid -->\n <div class=\"grid lg:grid-cols-3 gap-8 items-start\">\n <!-- Package 1 - Basic -->\n <div class=\"package-card reveal reveal-delay-1\">\n <div class=\"mb-6\">\n <span class=\"text-brand-500 font-semibold text-sm uppercase tracking-wider\">Paket Basic<\/span>\n <h3 class=\"font-display text-2xl font-semibold text-surface-800 mt-2\">Feasibility Report<\/h3>\n <p class=\"text-surface-500 mt-1\">Selesai dalam 7 hari kerja<\/p>\n <\/div>\n \n <ul class=\"space-y-4 mb-8\">\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 text-brand-500 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n <\/svg>\n <span class=\"text-surface-600\">Analisis Lokasi & Pasar<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 text-brand-500 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n <\/svg>\n <span class=\"text-surface-600\">Analisis Finansial<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 text-brand-500 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n <\/svg>\n <span class=\"text-surface-600\">Rekomendasi Produk<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 text-brand-500 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n <\/svg>\n <span class=\"text-surface-600\">Kesimpulan & Risiko<\/span>\n <\/li>\n <\/ul>\n \n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285714125055&text=Halo%20Admin%20SIGMA,%20Boleh%20Info%20detail%20untuk%20konsultasi%20project?\" class=\"btn-secondary w-full justify-center\" target=\"_blank\" rel=\"noopener\">\n Pilih Paket\n <\/a>\n <\/div>\n \n <!-- Package 2 - Standard (Featured) -->\n <div class=\"package-card featured reveal reveal-delay-2\">\n <span class=\"package-badge\">Popular<\/span>\n <div class=\"mb-6\">\n <span class=\"text-brand-400 font-semibold text-sm uppercase tracking-wider\">Paket Standard<\/span>\n <h3 class=\"font-display text-2xl font-semibold text-white mt-2\">Feasibility + Marketing<\/h3>\n <p class=\"text-surface-400 mt-1\">Selesai dalam 14 hari kerja<\/p>\n <\/div>\n \n <ul class=\"space-y-4 mb-8\">\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 text-brand-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n <\/svg>\n <span class=\"text-surface-300\">Semua Paket Basic<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 text-brand-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n <\/svg>\n <span class=\"text-surface-300\">Strategi Marketing<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 text-brand-400 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n <\/svg>\n <span class=\"text-surface-300\">Action Plan<\/span>\n <\/li>\n <\/ul>\n \n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285714125055&text=Halo%20Admin%20SIGMA,%20Boleh%20Info%20detail%20untuk%20konsultasi%20project?\" class=\"btn-primary w-full justify-center\" target=\"_blank\" rel=\"noopener\">\n Pilih Paket\n <\/a>\n <\/div>\n \n <!-- Package 3 - Premium -->\n <div class=\"package-card reveal reveal-delay-3\">\n <div class=\"mb-6\">\n <span class=\"text-brand-500 font-semibold text-sm uppercase tracking-wider\">Paket Premium<\/span>\n <h3 class=\"font-display text-2xl font-semibold text-surface-800 mt-2\">Full Turnaround<\/h3>\n <p class=\"text-surface-500 mt-1\">Selesai dalam 30 hari kerja<\/p>\n <\/div>\n \n <ul class=\"space-y-4 mb-8\">\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 text-brand-500 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n <\/svg>\n <span class=\"text-surface-600\">Diagnosa & Audit<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 text-brand-500 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n <\/svg>\n <span class=\"text-surface-600\">Feasibility & Redesign<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 text-brand-500 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n <\/svg>\n <span class=\"text-surface-600\">Strategi Marketing<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 text-brand-500 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n <\/svg>\n <span class=\"text-surface-600\">Eksekusi & Pendampingan<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 text-brand-500 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n <\/svg>\n <span class=\"text-surface-600\">Laporan & Evaluasi Akhir<\/span>\n <\/li>\n <\/ul>\n \n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285714125055&text=Halo%20Admin%20SIGMA,%20Boleh%20Info%20detail%20untuk%20konsultasi%20project?\" class=\"btn-secondary w-full justify-center\" target=\"_blank\" rel=\"noopener\">\n Pilih Paket\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- Portfolio Section -->\n <section id=\"portfolio\" class=\"py-24 lg:py-32 relative overflow-hidden\">\n <div class=\"max-w-7xl mx-auto px-6 lg:px-8\">\n <!-- Header -->\n <div class=\"text-center max-w-3xl mx-auto mb-16 reveal\">\n <span class=\"text-brand-500 font-semibold tracking-wider uppercase text-sm\">Portofolio<\/span>\n <h2 class=\"font-display text-3xl lg:text-4xl font-semibold text-surface-800 mt-4 mb-6\">\n Dipercaya Oleh Developer Terkemuka\n <\/h2>\n <p class=\"text-surface-600 leading-relaxed\">\n Kemitraan strategis dengan berbagai developer properti untuk menghasilkan proyek yang sukses dan berkelanjutan.\n <\/p>\n <\/div>\n \n <!-- Client Logos -->\n <div class=\"grid grid-cols-2 md:grid-cols-5 gap-8 items-center mb-16 reveal\">\n <div class=\"bg-white rounded-xl p-6 border border-surface-200 hover:border-brand-300 transition-colors group\">\n <p class=\"font-display text-lg font-semibold text-surface-400 group-hover:text-brand-500 transition-colors text-center\">Nawa Residence<\/p>\n <\/div>\n <div class=\"bg-white rounded-xl p-6 border border-surface-200 hover:border-brand-300 transition-colors group\">\n <p class=\"font-display text-lg font-semibold text-surface-400 group-hover:text-brand-500 transition-colors text-center\">Oemah Biya Group<\/p>\n <\/div>\n <div class=\"bg-white rounded-xl p-6 border border-surface-200 hover:border-brand-300 transition-colors group\">\n <p class=\"font-display text-lg font-semibold text-surface-400 group-hover:text-brand-500 transition-colors text-center\">Madania Residence<\/p>\n <\/div>\n <div class=\"bg-white rounded-xl p-6 border border-surface-200 hover:border-brand-300 transition-colors group\">\n <p class=\"font-display text-lg font-semibold text-surface-400 group-hover:text-brand-500 transition-colors text-center\">Vila Kebun Raya<\/p>\n <\/div>\n <div class=\"bg-white rounded-xl p-6 border border-surface-200 hover:border-brand-300 transition-colors group\">\n <p class=\"font-display text-lg font-semibold text-surface-400 group-hover:text-brand-500 transition-colors text-center\">Damas Residence<\/p>\n <\/div>\n <\/div>\n \n <!-- Portfolio Grid -->\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6\">\n <div class=\"group relative rounded-2xl overflow-hidden reveal reveal-delay-1\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/1C1917\/D4A012?text=Nawa+Residence\" alt=\"Nawa Residence Project\" class=\"w-full h-64 object-cover transition-transform duration-500 group-hover:scale-110\" loading=\"lazy\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-surface-900\/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\">\n <div class=\"absolute bottom-6 left-6\">\n <p class=\"text-brand-400 text-sm font-medium\">Residential<\/p>\n <h4 class=\"text-white text-lg font-semibold\">Nawa Residence<\/h4>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"group relative rounded-2xl overflow-hidden reveal reveal-delay-2\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/1C1917\/D4A012?text=Madania+Residence\" alt=\"Madania Residence Project\" class=\"w-full h-64 object-cover transition-transform duration-500 group-hover:scale-110\" loading=\"lazy\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-surface-900\/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\">\n <div class=\"absolute bottom-6 left-6\">\n <p class=\"text-brand-400 text-sm font-medium\">Residential<\/p>\n <h4 class=\"text-white text-lg font-semibold\">Madania Residence<\/h4>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"group relative rounded-2xl overflow-hidden reveal reveal-delay-3\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/1C1917\/D4A012?text=Vila+Kebun+Raya\" alt=\"Vila Kebun Raya Project\" class=\"w-full h-64 object-cover transition-transform duration-500 group-hover:scale-110\" loading=\"lazy\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-surface-900\/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\">\n <div class=\"absolute bottom-6 left-6\">\n <p class=\"text-brand-400 text-sm font-medium\">Resort<\/p>\n <h4 class=\"text-white text-lg font-semibold\">Vila Kebun Raya Cibinong<\/h4>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- Testimonial\/FAQ Section -->\n <section class=\"py-24 lg:py-32 bg-gradient-to-b from-surface-50 to-white relative\">\n <div class=\"max-w-4xl mx-auto px-6 lg:px-8\">\n <!-- Header -->\n <div class=\"text-center mb-16 reveal\">\n <span class=\"text-brand-500 font-semibold tracking-wider uppercase text-sm\">FAQ<\/span>\n <h2 class=\"font-display text-3xl lg:text-4xl font-semibold text-surface-800 mt-4\">\n Pertanyaan yang Sering Diajukan\n <\/h2>\n <\/div>\n \n <!-- FAQ Items -->\n <div class=\"space-y-4 reveal\">\n <div class=\"accordion-item bg-white rounded-xl border border-surface-200 overflow-hidden\">\n <button class=\"w-full flex items-center justify-between p-6 text-left\" aria-expanded=\"false\">\n <span class=\"font-semibold text-surface-800\">Apa itu Perumahan Mangkrak dan bagaimana SIGMA membantu?<\/span>\n <svg class=\"accordion-icon w-5 h-5 text-surface-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n <\/svg>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"px-6 pb-6 text-surface-600 leading-relaxed\">\n Perumahan mangkrak adalah proyek perumahan yang terhenti pembangunannya. SIGMA hadir untuk menganalisis penyebab, memberikan solusi turnaround, dan menghidupkan kembali proyek tersebut menjadi aset yang profitable.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"accordion-item bg-white rounded-xl border border-surface-200 overflow-hidden\">\n <button class=\"w-full flex items-center justify-between p-6 text-left\" aria-expanded=\"false\">\n <span class=\"font-semibold text-surface-800\">Berapa lama proses konsultasi hingga implementasi?<\/span>\n <svg class=\"accordion-icon w-5 h-5 text-surface-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n <\/svg>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"px-6 pb-6 text-surface-600 leading-relaxed\">\n Tergantung paket yang dipilih. Paket Basic membutuhkan 7 hari, Standard 14 hari, dan Premium 30 hari kerja untuk pendampingan menyeluruh.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"accordion-item bg-white rounded-xl border border-surface-200 overflow-hidden\">\n <button class=\"w-full flex items-center justify-between p-6 text-left\" aria-expanded=\"false\">\n <span class=\"font-semibold text-surface-800\">Apakah SIGMA hanya melayani wilayah Jabodetabek?<\/span>\n <svg class=\"accordion-icon w-5 h-5 text-surface-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n <\/svg>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"px-6 pb-6 text-surface-600 leading-relaxed\">\n Meskipun fokus utama kami di Jabodetabek dengan pengalaman lebih dari 150 proyek, kami juga melayani klien dari seluruh Indonesia dengan skema pendampingan yang dapat disesuaikan.\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"accordion-item bg-white rounded-xl border border-surface-200 overflow-hidden\">\n <button class=\"w-full flex items-center justify-between p-6 text-left\" aria-expanded=\"false\">\n <span class=\"font-semibold text-surface-800\">Bagaimana cara memulai konsultasi dengan SIGMA?<\/span>\n <svg class=\"accordion-icon w-5 h-5 text-surface-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n <\/svg>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"px-6 pb-6 text-surface-600 leading-relaxed\">\n Anda dapat menghubungi kami melalui WhatsApp atau email untuk konsultasi awal gratis. Tim kami akan membantu mengidentifikasi kebutuhan Anda dan merekomendasikan paket yang sesuai.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- Contact Section -->\n <section id=\"contact\" class=\"py-24 lg:py-32 relative overflow-hidden\">\n <div class=\"deco-circle w-96 h-96 -right-48 top-0 opacity-20\"><\/div>\n \n <div class=\"max-w-7xl mx-auto px-6 lg:px-8\">\n <div class=\"grid lg:grid-cols-2 gap-16\">\n <!-- Left Content -->\n <div class=\"reveal\">\n <span class=\"text-brand-500 font-semibold tracking-wider uppercase text-sm\">Kontak Kami<\/span>\n <h2 class=\"font-display text-3xl lg:text-4xl font-semibold text-surface-800 mt-4 mb-6\">\n Siap Mengubah Tantangan Properti Menjadi Peluang?\n <\/h2>\n <p class=\"text-surface-600 leading-relaxed mb-8\">\n Hubungi tim SIGMA sekarang untuk konsultasi awal gratis dan temukan solusi terbaik untuk proyek properti Anda.\n <\/p>\n \n <!-- Contact Info -->\n <div class=\"space-y-6\">\n <div class=\"flex items-center gap-4\">\n <div class=\"w-12 h-12 rounded-xl bg-brand-100 flex items-center justify-center\">\n <svg class=\"w-6 h-6 text-brand-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\n <\/svg>\n <\/div>\n <div>\n <p class=\"text-sm text-surface-500\">Email<\/p>\n <a href=\"mailto:sigmasolusimandiri@gmail.com\" class=\"text-surface-800 font-medium hover:text-brand-500 transition-colors\">sigmasolusimandiri@gmail.com<\/a>\n <\/div>\n <\/div>\n \n <div class=\"flex items-center gap-4\">\n <div class=\"w-12 h-12 rounded-xl bg-brand-100 flex items-center justify-center\">\n <svg class=\"w-6 h-6 text-brand-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"\/>\n <\/svg>\n <\/div>\n <div>\n <p class=\"text-sm text-surface-500\">WhatsApp<\/p>\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285714125055\" class=\"text-surface-800 font-medium hover:text-brand-500 transition-colors\" target=\"_blank\" rel=\"noopener\">+62 857-1412-5055<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n \n <\/div>\n \n <!-- Right Content - CTA Card -->\n <div class=\"reveal reveal-delay-2\">\n <div class=\"bg-gradient-to-br from-surface-800 to-surface-900 rounded-3xl p-8 lg:p-10 text-white relative overflow-hidden\">\n <!-- Decorative -->\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-brand-500\/10 rounded-full blur-3xl\"><\/div>\n \n <div class=\"relative z-10\">\n <h3 class=\"font-display text-2xl lg:text-3xl font-semibold mb-4\">\n Jadwalkan Meeting Gratis\n <\/h3>\n <p class=\"text-surface-300 mb-8 leading-relaxed\">\n Konsultasikan kebutuhan proyek Anda dengan tim ahli kami. Tanpa komitmen, tanpa biaya.\n <\/p>\n \n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285714125055&text=Halo%20Admin%20SIGMA,%20Boleh%20Info%20detail%20untuk%20konsultasi%20project?\" class=\"btn-primary w-full justify-center text-lg\" target=\"_blank\" rel=\"noopener\">\n <svg class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <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\"\/>\n <\/svg>\n Hubungi via WhatsApp\n <\/a>\n \n <p class=\"text-center text-surface-400 text-sm mt-6\">\n Respons cepat dalam 1x24 jam\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n \n \n <!-- Floating WhatsApp Button -->\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285714125055&text=Halo%20Admin%20SIGMA,%20Boleh%20Info%20detail%20untuk%20konsultasi%20project?\" class=\"wa-float\" target=\"_blank\" rel=\"noopener\" aria-label=\"Chat WhatsApp\">\n <svg viewBox=\"0 0 24 24\">\n <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\"\/>\n <\/svg>\n <\/a>\n \n <script>\n \/\/ Initialize all variables first\n const navbar = document.querySelector('.navbar');\n const menuBtn = document.getElementById('menuBtn');\n const mobileMenu = document.getElementById('mobileMenu');\n const mobileLinks = document.querySelectorAll('.mobile-link');\n const accordionItems = document.querySelectorAll('.accordion-item');\n const revealElements = document.querySelectorAll('.reveal');\n const statNumbers = document.querySelectorAll('.stat-number');\n \n \/\/ Navbar scroll effect\n function handleScroll() {\n if (window.scrollY > 50) {\n navbar.classList.add('scrolled');\n } else {\n navbar.classList.remove('scrolled');\n }\n }\n \n window.addEventListener('scroll', handleScroll);\n \n \/\/ Mobile menu toggle\n menuBtn.addEventListener('click', function() {\n mobileMenu.classList.toggle('active');\n document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : '';\n });\n \n \/\/ Close mobile menu on link click\n mobileLinks.forEach(function(link) {\n link.addEventListener('click', function() {\n mobileMenu.classList.remove('active');\n document.body.style.overflow = '';\n });\n });\n \n \/\/ Accordion functionality\n accordionItems.forEach(function(item) {\n const button = item.querySelector('button');\n const content = item.querySelector('.accordion-content');\n \n button.addEventListener('click', function() {\n const isOpen = item.classList.contains('open');\n \n \/\/ Close all\n accordionItems.forEach(function(i) {\n i.classList.remove('open');\n i.querySelector('.accordion-content').classList.remove('open');\n i.querySelector('button').setAttribute('aria-expanded', 'false');\n });\n \n \/\/ Open clicked if it was closed\n if (!isOpen) {\n item.classList.add('open');\n content.classList.add('open');\n button.setAttribute('aria-expanded', 'true');\n }\n });\n });\n \n \/\/ Intersection Observer for reveal animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n \n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, observerOptions);\n \n revealElements.forEach(function(el) {\n observer.observe(el);\n });\n \n \/\/ Counter animation\n let countersAnimated = false;\n \n function animateCounters() {\n if (countersAnimated) return;\n countersAnimated = true;\n \n statNumbers.forEach(function(counter) {\n const target = parseInt(counter.getAttribute('data-count'));\n const duration = 2000;\n const step = target \/ (duration \/ 16);\n let current = 0;\n \n function updateCounter() {\n current += step;\n if (current < target) {\n counter.textContent = Math.floor(current) + '+';\n requestAnimationFrame(updateCounter);\n } else {\n counter.textContent = target + '+';\n }\n }\n \n updateCounter();\n });\n }\n \n \/\/ Counter observer\n const counterSection = document.querySelector('.stat-number');\n if (counterSection) {\n const counterObserver = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n animateCounters();\n }\n });\n }, { threshold: 0.5 });\n \n counterObserver.observe(counterSection.parentElement.parentElement);\n }\n \n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\n anchor.addEventListener('click', function(e) {\n const href = this.getAttribute('href');\n if (href !== '#') {\n e.preventDefault();\n const target = document.querySelector(href);\n if (target) {\n const offset = 80;\n const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - offset;\n window.scrollTo({\n top: targetPosition,\n behavior: 'smooth'\n });\n }\n }\n });\n });\n \n \/\/ Reduced motion check\n const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n \n if (prefersReducedMotion.matches) {\n document.querySelectorAll('.animate-fade-up, .animate-fade-left, .animate-fade-right, .animate-float').forEach(function(el) {\n el.style.animation = 'none';\n });\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SIGMA Solusi Mandiri | The Property Problem Solver Beranda Tentang Layanan Paket Portofolio Kontak Hubungi Kami Beranda Tentang Layanan Paket […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sigmasolusimandiri.com\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sigmasolusimandiri.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sigmasolusimandiri.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sigmasolusimandiri.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sigmasolusimandiri.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":26,"href":"https:\/\/sigmasolusimandiri.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/sigmasolusimandiri.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/sigmasolusimandiri.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}