{"id":2,"date":"2026-05-28T02:58:32","date_gmt":"2026-05-28T02:58:32","guid":{"rendered":"https:\/\/sigmasolusimandiri.com\/?page_id=2"},"modified":"2026-05-28T10:14:04","modified_gmt":"2026-05-28T10:14:04","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/sigmasolusimandiri.com\/?page_id=2","title":{"rendered":"Sample Page"},"content":{"rendered":"\t\t
\n\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 - Penyelesai Masalah Proyek Properti Anda<\/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=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@300;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: ['Cormorant Garamond', 'serif'],\n sans: ['DM Sans', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n \n <style>\n :root {\n --bg-primary: #FAFAF8;\n --bg-secondary: #FFFFFF;\n --bg-dark: #1A1A1A;\n --fg-primary: #1A1A1A;\n --fg-secondary: #4A4A4A;\n --fg-muted: #7A7A7A;\n --accent-gold: #B8860B;\n --accent-gold-light: #D4A843;\n --accent-gold-dark: #8B6914;\n --border-light: #E5E5E0;\n --border-gold: rgba(184, 134, 11, 0.3);\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 @media (prefers-reduced-motion: reduce) {\n html {\n scroll-behavior: auto;\n }\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \n body {\n font-family: 'DM Sans', sans-serif;\n background-color: var(--bg-primary) !important;\n color: var(--fg-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n \n .font-display {\n font-family: 'Cormorant Garamond', serif;\n }\n \n \/* Hero Background *\/\n .hero-section {\n position: relative;\n min-height: 100vh;\n background-image: url('https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?w=1920&q=80');\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n }\n \n @media (max-width: 768px) {\n .hero-section {\n background-attachment: scroll;\n }\n }\n \n .hero-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 135deg,\n rgba(26, 26, 26, 0.92) 0%,\n rgba(26, 26, 26, 0.85) 40%,\n rgba(184, 134, 11, 0.15) 100%\n );\n }\n \n \/* About Background *\/\n .about-bg-section {\n position: relative;\n background-image: url('https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?w=1920&q=80');\n background-size: cover;\n background-position: center;\n }\n \n .about-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n to right,\n rgba(250, 250, 248, 0.97) 0%,\n rgba(250, 250, 248, 0.92) 50%,\n rgba(250, 250, 248, 0.85) 100%\n );\n }\n \n \/* Services Background *\/\n .services-bg-section {\n position: relative;\n background-image: url('https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?w=1920&q=80');\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n }\n \n @media (max-width: 768px) {\n .services-bg-section {\n background-attachment: scroll;\n }\n }\n \n .services-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.95) 0%,\n rgba(255, 255, 255, 0.88) 50%,\n rgba(255, 255, 255, 0.95) 100%\n );\n }\n \n \/* Contact Background *\/\n .contact-bg-section {\n position: relative;\n background-image: url('https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?w=1920&q=80');\n background-size: cover;\n background-position: center;\n }\n \n .contact-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 135deg,\n rgba(250, 250, 248, 0.96) 0%,\n rgba(250, 250, 248, 0.9) 100%\n );\n }\n \n \/* CTA Section Background *\/\n .cta-bg-section {\n position: relative;\n background-image: url('https:\/\/images.unsplash.com\/photo-1480714378408-67cf0d13bc1b?w=1920&q=80');\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n }\n \n @media (max-width: 768px) {\n .cta-bg-section {\n background-attachment: scroll;\n }\n }\n \n .cta-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 135deg,\n rgba(26, 26, 26, 0.94) 0%,\n rgba(139, 105, 20, 0.3) 100%\n );\n }\n \n \/* Elegant divider *\/\n .gold-divider {\n width: 80px;\n height: 2px;\n background: linear-gradient(90deg, var(--accent-gold-dark), var(--accent-gold), var(--accent-gold-dark));\n }\n \n \/* Navbar styles *\/\n .navbar {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n background: rgba(255, 255, 255, 0.85) !important;\n border-bottom: 1px solid rgba(184, 134, 11, 0.1);\n transition: all 0.3s ease;\n }\n \n .navbar.scrolled {\n background: rgba(255, 255, 255, 0.95) !important;\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);\n }\n \n .navbar.hero-nav {\n background: rgba(255, 255, 255, 0.1) !important;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n \n .navbar.hero-nav.scrolled {\n background: rgba(255, 255, 255, 0.95) !important;\n border-bottom: 1px solid rgba(184, 134, 11, 0.1);\n }\n \n .navbar.hero-nav .nav-link {\n color: rgba(255, 255, 255, 0.9) !important;\n }\n \n .navbar.hero-nav.scrolled .nav-link {\n color: var(--fg-secondary) !important;\n }\n \n .navbar.hero-nav .logo-text {\n color: #FFFFFF;\n }\n \n .navbar.hero-nav.scrolled .logo-text {\n color: var(--fg-primary);\n }\n \n .navbar.hero-nav .logo-subtext {\n color: rgba(255, 255, 255, 0.7);\n }\n \n .navbar.hero-nav.scrolled .logo-subtext {\n color: var(--fg-muted);\n }\n \n .nav-link {\n position: relative;\n color: var(--fg-secondary) !important;\n text-decoration: none !important;\n font-weight: 500;\n padding: 0.5rem 0;\n transition: color 0.3s ease;\n }\n \n .nav-link::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 1px;\n background: var(--accent-gold);\n transition: width 0.3s ease;\n }\n \n .nav-link:hover {\n color: var(--accent-gold) !important;\n }\n \n .nav-link:hover::after {\n width: 100%;\n }\n \n \/* Button styles *\/\n .btn-primary {\n background: linear-gradient(135deg, var(--accent-gold-dark), var(--accent-gold), var(--accent-gold-light)) !important;\n color: #FFFFFF !important;\n text-decoration: none !important;\n padding: 1rem 2rem;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 20px rgba(184, 134, 11, 0.3);\n display: inline-block;\n border: none;\n cursor: pointer;\n }\n \n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(184, 134, 11, 0.4);\n }\n \n .btn-primary:active {\n transform: translateY(0);\n }\n \n .btn-secondary {\n background: transparent !important;\n color: var(--accent-gold) !important;\n text-decoration: none !important;\n padding: 1rem 2rem;\n border: 1.5px solid var(--accent-gold);\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n display: inline-block;\n }\n \n .btn-secondary:hover {\n background: var(--accent-gold) !important;\n color: #FFFFFF !important;\n }\n \n .btn-white {\n background: rgba(255, 255, 255, 0.15) !important;\n color: #FFFFFF !important;\n text-decoration: none !important;\n padding: 1rem 2rem;\n border: 1.5px solid rgba(255, 255, 255, 0.5);\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n display: inline-block;\n }\n \n .btn-white:hover {\n background: #FFFFFF !important;\n color: var(--accent-gold) !important;\n }\n \n \/* Card styles *\/\n .service-card {\n background: var(--bg-secondary) !important;\n border: 1px solid var(--border-light);\n border-radius: 8px;\n padding: 2rem;\n transition: all 0.4s ease;\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: 3px;\n background: linear-gradient(90deg, var(--accent-gold-dark), var(--accent-gold), var(--accent-gold-dark));\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.4s ease;\n }\n \n .service-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);\n border-color: var(--border-gold);\n }\n \n .service-card:hover::before {\n transform: scaleX(1);\n }\n \n \/* Package cards *\/\n .package-card {\n background: var(--bg-secondary) !important;\n border: 1px solid var(--border-light);\n border-radius: 12px;\n padding: 2.5rem;\n transition: all 0.4s ease;\n position: relative;\n }\n \n .package-card.featured {\n border: 2px solid var(--accent-gold);\n transform: scale(1.02);\n }\n \n .package-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);\n }\n \n .package-card.featured:hover {\n transform: scale(1.02) translateY(-10px);\n }\n \n \/* Partner Cards *\/\n .partner-card {\n position: relative;\n border-radius: 12px;\n overflow: hidden;\n aspect-ratio: 4\/3;\n cursor: pointer;\n transition: all 0.4s ease;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n }\n \n .partner-card img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\n \n .partner-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n }\n \n .partner-card:hover img {\n transform: scale(1.1);\n }\n \n .partner-card .partner-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n to top,\n rgba(26, 26, 26, 0.95) 0%,\n rgba(26, 26, 26, 0.6) 50%,\n rgba(26, 26, 26, 0.2) 100%\n );\n transition: background 0.4s ease;\n }\n \n .partner-card:hover .partner-overlay {\n background: linear-gradient(\n to top,\n rgba(139, 105, 20, 0.95) 0%,\n rgba(26, 26, 26, 0.7) 50%,\n rgba(26, 26, 26, 0.3) 100%\n );\n }\n \n .partner-card .partner-content {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 1.5rem;\n transform: translateY(10px);\n transition: transform 0.4s ease;\n }\n \n .partner-card:hover .partner-content {\n transform: translateY(0);\n }\n \n .partner-card .partner-name {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.25rem;\n font-weight: 600;\n color: #FFFFFF;\n margin-bottom: 0.25rem;\n }\n \n .partner-card .partner-type {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: var(--accent-gold-light);\n }\n \n .partner-card .partner-badge {\n position: absolute;\n top: 1rem;\n right: 1rem;\n padding: 0.35rem 0.75rem;\n border-radius: 4px;\n font-size: 0.65rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n background: rgba(184, 134, 11, 0.9);\n color: #FFFFFF;\n opacity: 0;\n transform: translateY(-10px);\n transition: all 0.3s ease;\n }\n \n .partner-card:hover .partner-badge {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Hero 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 fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-20px); }\n }\n \n .animate-fade-in-up {\n animation: fadeInUp 0.8s ease forwards;\n }\n \n .animate-fade-in {\n animation: fadeIn 0.8s ease forwards;\n }\n \n .animate-float {\n animation: float 6s ease-in-out infinite;\n }\n \n .delay-100 { animation-delay: 0.1s; }\n .delay-200 { animation-delay: 0.2s; }\n .delay-300 { animation-delay: 0.3s; }\n .delay-400 { animation-delay: 0.4s; }\n .delay-500 { animation-delay: 0.5s; }\n \n \/* Scroll reveal *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease;\n }\n \n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Floating WhatsApp *\/\n .floating-wa {\n position: fixed;\n bottom: 30px;\n right: 30px;\n z-index: 999;\n background: #25D366 !important;\n color: #FFFFFF !important;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 6px 30px rgba(37, 211, 102, 0.4);\n transition: all 0.3s ease;\n text-decoration: none !important;\n }\n \n .floating-wa:hover {\n transform: scale(1.1);\n box-shadow: 0 8px 40px rgba(37, 211, 102, 0.5);\n }\n \n \/* Stats counter *\/\n .stat-number {\n font-size: clamp(3rem, 8vw, 5rem);\n font-weight: 700;\n background: linear-gradient(135deg, var(--accent-gold-light), var(--accent-gold), var(--accent-gold-dark));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n }\n \n \/* Mobile menu *\/\n .mobile-menu {\n position: fixed;\n top: 0;\n right: -100%;\n width: 80%;\n max-width: 320px;\n height: 100vh;\n background: var(--bg-secondary) !important;\n z-index: 1000;\n transition: right 0.4s ease;\n box-shadow: -10px 0 40px rgba(0, 0, 0, 0.1);\n }\n \n .mobile-menu.active {\n right: 0;\n }\n \n .mobile-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n background: rgba(0, 0, 0, 0.5);\n z-index: 999;\n opacity: 0;\n visibility: hidden;\n transition: all 0.3s ease;\n }\n \n .mobile-overlay.active {\n opacity: 1;\n visibility: visible;\n }\n \n \/* Focus states *\/\n a:focus-visible,\n button:focus-visible {\n outline: 2px solid var(--accent-gold);\n outline-offset: 2px;\n }\n \n \/* Section padding *\/\n section {\n padding: 5rem 0;\n }\n \n @media (min-width: 768px) {\n section {\n padding: 7rem 0;\n }\n }\n \n \/* Decorative elements *\/\n .hero-decoration {\n position: absolute;\n width: 300px;\n height: 300px;\n border-radius: 50%;\n border: 1px solid rgba(184, 134, 11, 0.2);\n pointer-events: none;\n }\n \n .hero-decoration-1 {\n top: 15%;\n right: 5%;\n animation: float 8s ease-in-out infinite;\n }\n \n .hero-decoration-2 {\n bottom: 20%;\n left: 5%;\n width: 200px;\n height: 200px;\n animation: float 6s ease-in-out infinite reverse;\n }\n \n \/* Glass effect *\/\n .glass-card {\n background: rgba(255, 255, 255, 0.85) !important;\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n }\n <\/style>\n<\/head>\n<body>\n <!-- Navigation -->\n <header>\n <nav class=\"navbar fixed top-0 left-0 right-0 z-50 hero-nav\" role=\"navigation\" aria-label=\"Main navigation\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex items-center justify-between h-20\">\n <!-- Logo -->\n <a href=\"#home\" class=\"flex items-center gap-3\" aria-label=\"SIGMA SOLUSI MANDIRI Home\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-amber-700 to-amber-500 rounded flex items-center justify-center\">\n <span class=\"text-white font-display font-bold text-xl\">S<\/span>\n <\/div>\n <div class=\"hidden sm:block\">\n <span class=\"font-display text-xl font-semibold tracking-wide logo-text\" style=\"color: var(--fg-primary);\">SIGMA<\/span>\n <span class=\"block text-xs tracking-widest uppercase logo-subtext\" style=\"color: var(--fg-muted);\">Solusi Mandiri<\/span>\n <\/div>\n <\/a>\n \n <!-- Desktop Navigation -->\n <div class=\"hidden lg:flex items-center gap-8\">\n <a href=\"#home\" class=\"nav-link\">Beranda<\/a>\n <a href=\"#about\" class=\"nav-link\">Tentang Kami<\/a>\n <a href=\"#services\" class=\"nav-link\">Layanan<\/a>\n <a href=\"#packages\" class=\"nav-link\">Paket<\/a>\n <a href=\"#contact\" class=\"nav-link\">Kontak<\/a>\n <\/div>\n \n <!-- CTA Button -->\n <div class=\"hidden lg:block\">\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6282224222700&text=Halo%20Admin%20SIGMA,%20Boleh%20Info%20detail%20untuk%20konsultasi%20project?\" class=\"btn-primary text-sm\" target=\"_blank\" rel=\"noopener noreferrer\">\n Konsultasi Gratis\n <\/a>\n <\/div>\n \n <!-- Mobile Menu Toggle -->\n <button class=\"lg:hidden p-2 text-white\" aria-label=\"Toggle menu\" aria-expanded=\"false\" id=\"menuToggle\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\n <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\n <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/nav>\n \n <!-- Mobile Menu -->\n <div class=\"mobile-overlay\" id=\"mobileOverlay\"><\/div>\n <div class=\"mobile-menu\" id=\"mobileMenu\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"p-6\">\n <div class=\"flex justify-between items-center mb-8\">\n <span class=\"font-display text-xl font-semibold\">Menu<\/span>\n <button id=\"closeMenu\" aria-label=\"Close menu\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n <\/div>\n <nav class=\"flex flex-col gap-4\">\n <a href=\"#home\" class=\"nav-link text-lg py-2\">Beranda<\/a>\n <a href=\"#about\" class=\"nav-link text-lg py-2\">Tentang Kami<\/a>\n <a href=\"#services\" class=\"nav-link text-lg py-2\">Layanan<\/a>\n <a href=\"#packages\" class=\"nav-link text-lg py-2\">Paket<\/a>\n <a href=\"#contact\" class=\"nav-link text-lg py-2\">Kontak<\/a>\n <div class=\"mt-4\">\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6282224222700&text=Halo%20Admin%20SIGMA,%20Boleh%20Info%20detail%20untuk%20konsultasi%20project?\" class=\"btn-primary w-full text-center block\" target=\"_blank\" rel=\"noopener noreferrer\">\n Konsultasi Gratis\n <\/a>\n <\/div>\n <\/nav>\n <\/div>\n <\/div>\n <\/header>\n\n <main>\n <!-- Hero Section -->\n <section id=\"home\" class=\"hero-section flex items-center justify-center relative pt-20\">\n <div class=\"hero-overlay\"><\/div>\n \n <!-- Decorative Elements -->\n <div class=\"hero-decoration hero-decoration-1 hidden lg:block\"><\/div>\n <div class=\"hero-decoration hero-decoration-2 hidden lg:block\"><\/div>\n \n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\n <div class=\"opacity-0 animate-fade-in-up\" style=\"animation-delay: 0s; animation-fill-mode: forwards;\">\n <span class=\"inline-block px-4 py-2 rounded-full text-sm font-medium tracking-wider uppercase mb-6\" style=\"background: rgba(184, 134, 11, 0.2); color: #D4A843; border: 1px solid rgba(184, 134, 11, 0.3);\">\n Konsultan Properti Terpercaya\n <\/span>\n <\/div>\n \n <h1 class=\"font-display text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-semibold leading-tight mb-6 text-white opacity-0 animate-fade-in-up\" style=\"animation-delay: 0.15s; animation-fill-mode: forwards;\">\n Kami Adalah<br>\n <span style=\"color: #D4A843;\">Penyelesai Masalah<\/span><br>\n Proyek Anda\n <\/h1>\n \n <p class=\"text-lg sm:text-xl max-w-2xl mx-auto mb-8 text-gray-300 opacity-0 animate-fade-in-up\" style=\"animation-delay: 0.3s; animation-fill-mode: forwards;\">\n Spesialis turnaround proyek mangkrak dengan pengalaman mengelola lebih dari 150 proyek perumahan di Jabodetabek dan Banten.\n <\/p>\n \n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center opacity-0 animate-fade-in-up\" style=\"animation-delay: 0.45s; animation-fill-mode: forwards;\">\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6282224222700&text=Halo%20Admin%20SIGMA,%20Boleh%20Info%20detail%20untuk%20konsultasi%20project?\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\n Konsultasi Gratis\n <\/a>\n <a href=\"#services\" class=\"btn-white\">\n Lihat Layanan\n <\/a>\n <\/div>\n \n <!-- Stats -->\n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-8 mt-16 pt-16 border-t opacity-0 animate-fade-in-up\" style=\"border-color: rgba(255, 255, 255, 0.1); animation-delay: 0.6s; animation-fill-mode: forwards;\">\n <div class=\"text-center\">\n <div class=\"stat-number\" data-count=\"150\">0<\/div>\n <p class=\"text-sm uppercase tracking-wider mt-2 text-gray-400\">Proyek Dikelola<\/p>\n <\/div>\n <div class=\"text-center\">\n <div class=\"stat-number\" data-count=\"10\">0<\/div>\n <p class=\"text-sm uppercase tracking-wider mt-2 text-gray-400\">Tahun Pengalaman<\/p>\n <\/div>\n <div class=\"text-center col-span-2 md:col-span-1\">\n <div class=\"stat-number\">2+<\/div>\n <p class=\"text-sm uppercase tracking-wider mt-2 text-gray-400\">Regional<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Scroll indicator -->\n <div class=\"absolute bottom-8 left-1\/2 transform -translate-x-1\/2 opacity-0 animate-fade-in\" style=\"animation-delay: 1s; animation-fill-mode: forwards;\">\n <div class=\"w-6 h-10 border-2 rounded-full flex justify-center pt-2\" style=\"border-color: var(--accent-gold);\">\n <div class=\"w-1 h-2 rounded-full animate-bounce\" style=\"background: var(--accent-gold);\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Problem & Solution Section -->\n <section class=\"py-20\" style=\"background: var(--bg-primary) !important;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-20 items-center\">\n <div class=\"reveal\">\n <span class=\"text-sm uppercase tracking-widest font-medium\" style=\"color: var(--accent-gold);\">Masalah & Solusi<\/span>\n <h2 class=\"font-display text-3xl sm:text-4xl lg:text-5xl font-semibold mt-4 mb-6\" style=\"color: var(--fg-primary);\">\n Punya Proyek Mangkrak?\n <\/h2>\n <p class=\"text-lg mb-6\" style=\"color: var(--fg-secondary);\">\n Proyek mangkrak bukan akhir dari segalanya. Banyak developer dan investor terjebak dalam situasi tanpa kejelasan, padahal sebenarnya masih ada peluang untuk dihidupkan kembali.\n <\/p>\n <ul class=\"space-y-4 mb-8\">\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-6 h-6 flex-shrink-0 mt-0.5\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <span style=\"color: var(--fg-secondary);\">Analisis mendalam untuk menemukan akar masalah<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-6 h-6 flex-shrink-0 mt-0.5\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <span style=\"color: var(--fg-secondary);\">Strategi turnaround yang terstruktur dan terukur<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-6 h-6 flex-shrink-0 mt-0.5\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <span style=\"color: var(--fg-secondary);\">Pendampingan langsung hingga proyek berjalan kembali<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"reveal\" style=\"transition-delay: 0.2s;\">\n <div class=\"relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?w=600&h=500&fit=crop\" alt=\"Proyek Properti\" class=\"rounded-lg w-full shadow-2xl\">\n <div class=\"absolute -bottom-6 -left-6 p-6 rounded-lg shadow-xl glass-card\">\n <div class=\"flex items-center gap-4\">\n <div class=\"w-12 h-12 rounded-full flex items-center justify-center\" style=\"background: rgba(184, 134, 11, 0.1);\">\n <svg class=\"w-6 h-6\" style=\"color: var(--accent-gold);\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <div class=\"text-2xl font-bold\" style=\"color: var(--fg-primary);\">150+<\/div>\n <div class=\"text-sm\" style=\"color: var(--fg-muted);\">Proyek Berhasil<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- About Section with Background -->\n <section id=\"about\" class=\"about-bg-section py-20\">\n <div class=\"about-overlay\"><\/div>\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center mb-16 reveal\">\n <span class=\"text-sm uppercase tracking-widest font-medium\" style=\"color: var(--accent-gold);\">Tentang Kami<\/span>\n <h2 class=\"font-display text-3xl sm:text-4xl lg:text-5xl font-semibold mt-4\" style=\"color: var(--fg-primary);\">\n SIGMA SOLUSI MANDIRI\n <\/h2>\n <div class=\"gold-divider mx-auto mt-6\"><\/div>\n <\/div>\n \n <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-16\">\n <!-- Vision -->\n <div class=\"reveal\">\n <div class=\"p-8 rounded-xl h-full glass-card\">\n <div class=\"w-14 h-14 rounded-lg flex items-center justify-center mb-6\" style=\"background: linear-gradient(135deg, var(--accent-gold-dark), var(--accent-gold));\">\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=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-2xl font-semibold mb-4\" style=\"color: var(--fg-primary);\">Visi<\/h3>\n <p class=\"leading-relaxed\" style=\"color: var(--fg-secondary);\">\n Menjadi mitra konsultan properti terpercaya di Indonesia yang mengubah potensi aset menjadi nilai nyata dan memberikan solusi berkelanjutan bagi setiap tantangan pengembangan properti.\n <\/p>\n <\/div>\n <\/div>\n \n <!-- Mission -->\n <div class=\"reveal\" style=\"transition-delay: 0.15s;\">\n <div class=\"p-8 rounded-xl h-full glass-card\">\n <div class=\"w-14 h-14 rounded-lg flex items-center justify-center mb-6\" style=\"background: linear-gradient(135deg, var(--accent-gold-dark), var(--accent-gold));\">\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 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-2xl font-semibold mb-4\" style=\"color: var(--fg-primary);\">Misi<\/h3>\n <ul class=\"space-y-3\" style=\"color: var(--fg-secondary);\">\n <li class=\"flex items-start gap-2\">\n <span style=\"color: var(--accent-gold);\">01.<\/span>\n <span>Memberikan analisis feasibility yang akurat dan berbasis data<\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span style=\"color: var(--accent-gold);\">02.<\/span>\n <span>Menghidupkan kembali proyek mangkrak menjadi aset yang profitable<\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span style=\"color: var(--accent-gold);\">03.<\/span>\n <span>Mengoptimalkan pengelolaan aset tanah dan properti<\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span style=\"color: var(--accent-gold);\">04.<\/span>\n <span>Membangun ekosistem properti yang sehat dan scalable<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- USP -->\n <div class=\"mt-16 p-8 lg:p-12 rounded-xl text-center reveal relative overflow-hidden\" style=\"background: linear-gradient(135deg, #1A1A1A, #2A2A2A);\">\n <div class=\"absolute top-0 right-0 w-64 h-64 opacity-10\" style=\"background: radial-gradient(circle, var(--accent-gold), transparent 70%);\"><\/div>\n <div class=\"relative z-10\">\n <h3 class=\"font-display text-2xl sm:text-3xl font-semibold text-white mb-4\">\n \"Setiap masalah properti punya jalan keluar\"\n <\/h3>\n <p class=\"text-lg max-w-2xl mx-auto\" style=\"color: rgba(255,255,255,0.7);\">\n Kami hadir dengan solusi konkret yang langsung bisa dieksekusi, bukan sekadar rekomendasi di atas kertas.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Services Section with Background -->\n <section id=\"services\" class=\"services-bg-section py-20\">\n <div class=\"services-overlay\"><\/div>\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"text-center mb-16 reveal\">\n <span class=\"text-sm uppercase tracking-widest font-medium\" style=\"color: var(--accent-gold);\">Layanan Kami<\/span>\n <h2 class=\"font-display text-3xl sm:text-4xl lg:text-5xl font-semibold mt-4\" style=\"color: var(--fg-primary);\">\n Pilar Layanan Utama\n <\/h2>\n <div class=\"gold-divider mx-auto mt-6\"><\/div>\n <\/div>\n \n <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n <div class=\"service-card reveal\">\n <div class=\"w-12 h-12 rounded-lg flex items-center justify-center mb-5\" style=\"background: rgba(184, 134, 11, 0.1);\">\n <svg class=\"w-6 h-6\" style=\"color: var(--accent-gold);\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-xl font-semibold mb-3\" style=\"color: var(--fg-primary);\">Konsultan Perencanaan<\/h3>\n <p class=\"text-sm leading-relaxed\" style=\"color: var(--fg-secondary);\">\n Pembangunan proyek perumahan dari konsep hingga eksekusi dengan perencanaan matang.\n <\/p>\n <\/div>\n \n <div class=\"service-card reveal\" style=\"transition-delay: 0.1s;\">\n <div class=\"w-12 h-12 rounded-lg flex items-center justify-center mb-5\" style=\"background: rgba(184, 134, 11, 0.1);\">\n <svg class=\"w-6 h-6\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-xl font-semibold mb-3\" style=\"color: var(--fg-primary);\">Feasibility Study<\/h3>\n <p class=\"text-sm leading-relaxed\" style=\"color: var(--fg-secondary);\">\n Analisis kelayakan pasar dan investasi properti berbasis data untuk keputusan yang tepat.\n <\/p>\n <\/div>\n \n <div class=\"service-card reveal\" style=\"transition-delay: 0.2s;\">\n <div class=\"w-12 h-12 rounded-lg flex items-center justify-center mb-5\" style=\"background: rgba(184, 134, 11, 0.1);\">\n <svg class=\"w-6 h-6\" style=\"color: var(--accent-gold);\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-xl font-semibold mb-3\" style=\"color: var(--fg-primary);\">Pelatihan Tim<\/h3>\n <p class=\"text-sm leading-relaxed\" style=\"color: var(--fg-secondary);\">\n Training dan pengembangan kapasitas tim developer, sales, dan marketing properti.\n <\/p>\n <\/div>\n \n <div class=\"service-card reveal\" style=\"transition-delay: 0.3s;\">\n <div class=\"w-12 h-12 rounded-lg flex items-center justify-center mb-5\" style=\"background: rgba(184, 134, 11, 0.1);\">\n <svg class=\"w-6 h-6\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-xl font-semibold mb-3\" style=\"color: var(--fg-primary);\">Legalitas & Perizinan<\/h3>\n <p class=\"text-sm leading-relaxed\" style=\"color: var(--fg-secondary);\">\n Pengurusan legalitas dan perizinan proyek properti secara komprehensif.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Packages Section -->\n <section id=\"packages\" class=\"py-20\" style=\"background: var(--bg-primary) !important;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16 reveal\">\n <span class=\"text-sm uppercase tracking-widest font-medium\" style=\"color: var(--accent-gold);\">Paket Layanan<\/span>\n <h2 class=\"font-display text-3xl sm:text-4xl lg:text-5xl font-semibold mt-4\" style=\"color: var(--fg-primary);\">\n Pilih Solusi yang Tepat\n <\/h2>\n <div class=\"gold-divider mx-auto mt-6\"><\/div>\n <\/div>\n \n <div class=\"grid lg:grid-cols-3 gap-8\">\n <!-- Basic Package -->\n <div class=\"package-card reveal\">\n <div class=\"mb-6\">\n <span class=\"text-sm uppercase tracking-wider font-medium\" style=\"color: var(--accent-gold);\">Paket Basic<\/span>\n <h3 class=\"font-display text-2xl font-semibold mt-2\" style=\"color: var(--fg-primary);\">Feasibility Report<\/h3>\n <p class=\"text-sm mt-2\" style=\"color: var(--fg-muted);\">Durasi: 7 Hari Kerja<\/p>\n <\/div>\n <div class=\"h-px mb-6\" style=\"background: var(--border-light);\"><\/div>\n <ul class=\"space-y-4 mb-8\">\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 flex-shrink-0 mt-0.5\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <span style=\"color: var(--fg-secondary);\">Analisis Lokasi dan Pasar<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 flex-shrink-0 mt-0.5\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <span style=\"color: var(--fg-secondary);\">Analisis Finansial<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 flex-shrink-0 mt-0.5\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <span style=\"color: var(--fg-secondary);\">Rekomendasi Produk<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 flex-shrink-0 mt-0.5\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <span style=\"color: var(--fg-secondary);\">Kesimpulan dan Risiko<\/span>\n <\/li>\n <\/ul>\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6282224222700&text=Halo%20Admin%20SIGMA,%20Boleh%20Info%20detail%20untuk%20konsultasi%20project?\" class=\"btn-secondary w-full text-center block\" target=\"_blank\" rel=\"noopener noreferrer\">\n Pilih Paket\n <\/a>\n <\/div>\n \n <!-- Standard Package -->\n <div class=\"package-card featured reveal\" style=\"transition-delay: 0.1s;\">\n <div class=\"absolute top-0 left-1\/2 transform -translate-x-1\/2 -translate-y-1\/2 px-4 py-1 rounded-full text-xs font-semibold uppercase tracking-wider text-white\" style=\"background: var(--accent-gold);\">\n Popular\n <\/div>\n <div class=\"mb-6\">\n <span class=\"text-sm uppercase tracking-wider font-medium\" style=\"color: var(--accent-gold);\">Paket Standard<\/span>\n <h3 class=\"font-display text-2xl font-semibold mt-2\" style=\"color: var(--fg-primary);\">Feasibility + Strategi<\/h3>\n <p class=\"text-sm mt-2\" style=\"color: var(--fg-muted);\">Durasi: 14 Hari Kerja<\/p>\n <\/div>\n <div class=\"h-px mb-6\" style=\"background: var(--border-light);\"><\/div>\n <ul class=\"space-y-4 mb-8\">\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 flex-shrink-0 mt-0.5\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <span style=\"color: var(--fg-secondary);\">Semua di Paket Basic<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 flex-shrink-0 mt-0.5\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <span style=\"color: var(--fg-secondary);\">Strategi Marketing<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 flex-shrink-0 mt-0.5\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <span style=\"color: var(--fg-secondary);\">Action Plan Detail<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 flex-shrink-0 mt-0.5\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <span style=\"color: var(--fg-secondary);\">Laporan dan Evaluasi Akhir<\/span>\n <\/li>\n <\/ul>\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6282224222700&text=Halo%20Admin%20SIGMA,%20Boleh%20Info%20detail%20untuk%20konsultasi%20project?\" class=\"btn-primary w-full text-center block\" target=\"_blank\" rel=\"noopener noreferrer\">\n Pilih Paket\n <\/a>\n <\/div>\n \n <!-- Premium Package -->\n <div class=\"package-card reveal\" style=\"transition-delay: 0.2s;\">\n <div class=\"mb-6\">\n <span class=\"text-sm uppercase tracking-wider font-medium\" style=\"color: var(--accent-gold);\">Paket Premium<\/span>\n <h3 class=\"font-display text-2xl font-semibold mt-2\" style=\"color: var(--fg-primary);\">Full Pendampingan<\/h3>\n <p class=\"text-sm mt-2\" style=\"color: var(--fg-muted);\">Durasi: 30 Hari Kerja<\/p>\n <\/div>\n <div class=\"h-px mb-6\" style=\"background: var(--border-light);\"><\/div>\n <ul class=\"space-y-4 mb-8\">\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 flex-shrink-0 mt-0.5\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <span style=\"color: var(--fg-secondary);\">Diagnosa dan Audit Lengkap<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 flex-shrink-0 mt-0.5\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <span style=\"color: var(--fg-secondary);\">Feasibility dan Redesign<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 flex-shrink-0 mt-0.5\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <span style=\"color: var(--fg-secondary);\">Strategi Marketing Komprehensif<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 flex-shrink-0 mt-0.5\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <span style=\"color: var(--fg-secondary);\">Eksekusi dan Pendampingan<\/span>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 flex-shrink-0 mt-0.5\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <span style=\"color: var(--fg-secondary);\">Laporan dan Evaluasi Akhir<\/span>\n <\/li>\n <\/ul>\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6282224222700&text=Halo%20Admin%20SIGMA,%20Boleh%20Info%20detail%20untuk%20konsultasi%20project?\" class=\"btn-secondary w-full text-center block\" target=\"_blank\" rel=\"noopener noreferrer\">\n Pilih Paket\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Partners Section with Images -->\n <section id=\"partners\" class=\"py-20\" style=\"background: var(--bg-secondary) !important;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16 reveal\">\n <span class=\"text-sm uppercase tracking-widest font-medium\" style=\"color: var(--accent-gold);\">Klien dan Partner<\/span>\n <h2 class=\"font-display text-3xl sm:text-4xl lg:text-5xl font-semibold mt-4\" style=\"color: var(--fg-primary);\">\n Dipercaya Oleh\n <\/h2>\n <div class=\"gold-divider mx-auto mt-6\"><\/div>\n <p class=\"text-lg mt-6 max-w-2xl mx-auto\" style=\"color: var(--fg-secondary);\">\n Berbagai proyek perumahan telah mempercayakan pengembangan mereka kepada kami\n <\/p>\n <\/div>\n \n <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8\">\n <!-- Safa Residence -->\n <div class=\"partner-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?w=600&h=450&fit=crop\" alt=\"Safa Residence\">\n <div class=\"partner-overlay\"><\/div>\n <div class=\"partner-badge\">Premium<\/div>\n <div class=\"partner-content\">\n <h3 class=\"partner-name\">Safa Residence<\/h3>\n <p class=\"partner-type\">Perumahan Mewah<\/p>\n <\/div>\n <\/div>\n \n <!-- Oemah Biya -->\n <div class=\"partner-card reveal\" style=\"transition-delay: 0.1s;\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?w=600&h=450&fit=crop\" alt=\"Oemah Biya\">\n <div class=\"partner-overlay\"><\/div>\n <div class=\"partner-badge\">Terjual Habis<\/div>\n <div class=\"partner-content\">\n <h3 class=\"partner-name\">Oemah Biya<\/h3>\n <p class=\"partner-type\">Cluster Eksklusif<\/p>\n <\/div>\n <\/div>\n \n <!-- Nawa Residence -->\n <div class=\"partner-card reveal\" style=\"transition-delay: 0.2s;\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?w=600&h=450&fit=crop\" alt=\"Nawa Residence\">\n <div class=\"partner-overlay\"><\/div>\n <div class=\"partner-badge\">Best Seller<\/div>\n <div class=\"partner-content\">\n <h3 class=\"partner-name\">Nawa Residence<\/h3>\n <p class=\"partner-type\">Residensial Modern<\/p>\n <\/div>\n <\/div>\n \n <!-- Damas Residence -->\n <div class=\"partner-card reveal\" style=\"transition-delay: 0.3s;\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?w=600&h=450&fit=crop\" alt=\"Damas Residence\">\n <div class=\"partner-overlay\"><\/div>\n <div class=\"partner-badge\">Investasi<\/div>\n <div class=\"partner-content\">\n <h3 class=\"partner-name\">Damas Residence<\/h3>\n <p class=\"partner-type\">Townhouse Premium<\/p>\n <\/div>\n <\/div>\n \n <!-- Vila Kebun Raya Cibinong -->\n <div class=\"partner-card reveal sm:col-span-2 lg:col-span-2\" style=\"transition-delay: 0.4s;\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1613490493576-7fde63acd811?w=1200&h=450&fit=crop\" alt=\"Vila Kebun Raya Cibinong\">\n <div class=\"partner-overlay\"><\/div>\n <div class=\"partner-badge\">Landmark<\/div>\n <div class=\"partner-content\">\n <h3 class=\"partner-name\">Vila Kebun Raya Cibinong<\/h3>\n <p class=\"partner-type\">Resort & Nature Living<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Partner Stats -->\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 mt-16 pt-12 border-t reveal\" style=\"border-color: var(--border-light);\">\n <div class=\"text-center\">\n <div class=\"text-3xl lg:text-4xl font-bold\" style=\"color: var(--accent-gold);\">5+<\/div>\n <p class=\"text-sm mt-1\" style=\"color: var(--fg-muted);\">Proyek Aktif<\/p>\n <\/div>\n <div class=\"text-center\">\n <div class=\"text-3xl lg:text-4xl font-bold\" style=\"color: var(--accent-gold);\">500+<\/div>\n <p class=\"text-sm mt-1\" style=\"color: var(--fg-muted);\">Unit Terjual<\/p>\n <\/div>\n <div class=\"text-center\">\n <div class=\"text-3xl lg:text-4xl font-bold\" style=\"color: var(--accent-gold);\">98%<\/div>\n <p class=\"text-sm mt-1\" style=\"color: var(--fg-muted);\">Kepuasan Klien<\/p>\n <\/div>\n <div class=\"text-center\">\n <div class=\"text-3xl lg:text-4xl font-bold\" style=\"color: var(--accent-gold);\">2<\/div>\n <p class=\"text-sm mt-1\" style=\"color: var(--fg-muted);\">Regional<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA Section with Background -->\n <section class=\"cta-bg-section py-20\">\n <div class=\"cta-overlay\"><\/div>\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10 reveal\">\n <h2 class=\"font-display text-3xl sm:text-4xl lg:text-5xl font-semibold text-white mb-6\">\n Siap Menghidupkan Kembali Proyek Anda?\n <\/h2>\n <p class=\"text-lg sm:text-xl text-gray-300 mb-8 max-w-2xl mx-auto\">\n Konsultasikan kondisi proyek Anda dengan tim ahli kami. Kami siap membantu menemukan solusi terbaik untuk aset properti Anda.\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6282224222700&text=Halo%20Admin%20SIGMA,%20Boleh%20Info%20detail%20untuk%20konsultasi%20project?\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\n Konsultasi Gratis Sekarang\n <\/a>\n <a href=\"tel:+6282224222700\" class=\"btn-white\">\n Hubungi Langsung\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Contact Section with Background -->\n <section id=\"contact\" class=\"contact-bg-section py-20\">\n <div class=\"contact-overlay\"><\/div>\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-20\">\n <div class=\"reveal\">\n <span class=\"text-sm uppercase tracking-widest font-medium\" style=\"color: var(--accent-gold);\">Hubungi Kami<\/span>\n <h2 class=\"font-display text-3xl sm:text-4xl lg:text-5xl font-semibold mt-4 mb-6\" style=\"color: var(--fg-primary);\">\n Mari Diskusikan Proyek Anda\n <\/h2>\n <p class=\"text-lg mb-8\" style=\"color: var(--fg-secondary);\">\n Konsultasikan kondisi proyek Anda dengan tim ahli kami. Kami siap membantu menemukan solusi terbaik untuk aset properti Anda.\n <\/p>\n \n <div class=\"space-y-6\">\n <div class=\"flex items-start gap-4\">\n <div class=\"w-12 h-12 rounded-lg flex items-center justify-center flex-shrink-0\" style=\"background: rgba(184, 134, 11, 0.1);\">\n <svg class=\"w-6 h-6\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h4 class=\"font-semibold mb-1\" style=\"color: var(--fg-primary);\">Telepon \/ WhatsApp<\/h4>\n <a href=\"tel:+6282224222700\" class=\"hover:underline\" style=\"color: var(--accent-gold);\">082224222700<\/a>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start gap-4\">\n <div class=\"w-12 h-12 rounded-lg flex items-center justify-center flex-shrink-0\" style=\"background: rgba(184, 134, 11, 0.1);\">\n <svg class=\"w-6 h-6\" style=\"color: var(--accent-gold);\" 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\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h4 class=\"font-semibold mb-1\" style=\"color: var(--fg-primary);\">Email<\/h4>\n <a href=\"mailto:sigmasolusimandiri@gmail.com\" class=\"hover:underline\" style=\"color: var(--accent-gold);\">sigmasolusimandiri@gmail.com<\/a>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start gap-4\">\n <div class=\"w-12 h-12 rounded-lg flex items-center justify-center flex-shrink-0\" style=\"background: rgba(184, 134, 11, 0.1);\">\n <svg class=\"w-6 h-6\" style=\"color: var(--accent-gold);\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path>\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h4 class=\"font-semibold mb-1\" style=\"color: var(--fg-primary);\">Lokasi<\/h4>\n <p style=\"color: var(--fg-secondary);\">Jabodetabek dan Banten<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Contact Form -->\n <div class=\"reveal\" style=\"transition-delay: 0.15s;\">\n <form class=\"p-8 rounded-xl glass-card\" id=\"contactForm\">\n <div class=\"grid sm:grid-cols-2 gap-6 mb-6\">\n <div>\n <label for=\"name\" class=\"block text-sm font-medium mb-2\" style=\"color: var(--fg-primary);\">Nama Lengkap<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" required class=\"w-full px-4 py-3 rounded-lg border focus:outline-none focus:ring-2 transition-all\" style=\"border-color: var(--border-light); background: var(--bg-primary) !important; color: var(--fg-primary);\" placeholder=\"Masukkan nama Anda\">\n <\/div>\n <div>\n <label for=\"phone\" class=\"block text-sm font-medium mb-2\" style=\"color: var(--fg-primary);\">Nomor Telepon<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" required class=\"w-full px-4 py-3 rounded-lg border focus:outline-none focus:ring-2 transition-all\" style=\"border-color: var(--border-light); background: var(--bg-primary) !important; color: var(--fg-primary);\" placeholder=\"08xxxxxxxxxx\">\n <\/div>\n <\/div>\n <div class=\"mb-6\">\n <label for=\"email\" class=\"block text-sm font-medium mb-2\" style=\"color: var(--fg-primary);\">Email<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required class=\"w-full px-4 py-3 rounded-lg border focus:outline-none focus:ring-2 transition-all\" style=\"border-color: var(--border-light); background: var(--bg-primary) !important; color: var(--fg-primary);\" placeholder=\"email@example.com\">\n <\/div>\n <div class=\"mb-6\">\n <label for=\"project\" class=\"block text-sm font-medium mb-2\" style=\"color: var(--fg-primary);\">Jenis Proyek<\/label>\n <select id=\"project\" name=\"project\" class=\"w-full px-4 py-3 rounded-lg border focus:outline-none focus:ring-2 transition-all\" style=\"border-color: var(--border-light); background: var(--bg-primary) !important; color: var(--fg-primary);\">\n <option value=\"\">Pilih jenis proyek<\/option>\n <option value=\"proyek-mangkrak\">Proyek Mangkrak<\/option>\n <option value=\"feasibility\">Feasibility Study<\/option>\n <option value=\"konsultasi\">Konsultasi Umum<\/option>\n <option value=\"lainnya\">Lainnya<\/option>\n <\/select>\n <\/div>\n <div class=\"mb-6\">\n <label for=\"message\" class=\"block text-sm font-medium mb-2\" style=\"color: var(--fg-primary);\">Pesan<\/label>\n <textarea id=\"message\" name=\"message\" rows=\"4\" class=\"w-full px-4 py-3 rounded-lg border focus:outline-none focus:ring-2 transition-all resize-none\" style=\"border-color: var(--border-light); background: var(--bg-primary) !important; color: var(--fg-primary);\" placeholder=\"Ceritakan tentang proyek Anda...\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn-primary w-full\">\n Kirim Pesan\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <!-- Footer -->\n <footer class=\"py-12\" style=\"background: var(--bg-dark) !important;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-8 mb-12\">\n <!-- Brand -->\n <div class=\"lg:col-span-2\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-amber-700 to-amber-500 rounded flex items-center justify-center\">\n <span class=\"text-white font-display font-bold text-xl\">S<\/span>\n <\/div>\n <div>\n <span class=\"font-display text-xl font-semibold text-white\">SIGMA<\/span>\n <span class=\"block text-xs tracking-widest uppercase text-gray-400\">Solusi Mandiri<\/span>\n <\/div>\n <\/div>\n <p class=\"text-gray-400 max-w-md mb-6\">\n Konsultan properti terpercaya yang mengubah potensi aset menjadi nilai nyata. Spesialis penyelesai masalah proyek mangkrak.\n <\/p>\n <div class=\"flex gap-4\">\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6282224222700\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-10 h-10 rounded-lg flex items-center justify-center transition-colors\" style=\"background: rgba(255,255,255,0.1);\" aria-label=\"WhatsApp\">\n <svg class=\"w-5 h-5 text-gray-400 hover:text-white transition-colors\" 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 <\/a>\n <a href=\"mailto:sigmasolusimandiri@gmail.com\" class=\"w-10 h-10 rounded-lg flex items-center justify-center transition-colors\" style=\"background: rgba(255,255,255,0.1);\" aria-label=\"Email\">\n <svg class=\"w-5 h-5 text-gray-400 hover:text-white transition-colors\" 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\"><\/path>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n \n <!-- Quick Links -->\n <div>\n <h4 class=\"font-semibold text-white mb-4\">Navigasi<\/h4>\n <ul class=\"space-y-3\">\n <li><a href=\"#home\" class=\"text-gray-400 hover:text-white transition-colors\">Beranda<\/a><\/li>\n <li><a href=\"#about\" class=\"text-gray-400 hover:text-white transition-colors\">Tentang Kami<\/a><\/li>\n <li><a href=\"#services\" class=\"text-gray-400 hover:text-white transition-colors\">Layanan<\/a><\/li>\n <li><a href=\"#packages\" class=\"text-gray-400 hover:text-white transition-colors\">Paket<\/a><\/li>\n <li><a href=\"#contact\" class=\"text-gray-400 hover:text-white transition-colors\">Kontak<\/a><\/li>\n <\/ul>\n <\/div>\n \n <!-- Services -->\n <div>\n <h4 class=\"font-semibold text-white mb-4\">Layanan<\/h4>\n <ul class=\"space-y-3\">\n <li><span class=\"text-gray-400\">Konsultan Perencanaan<\/span><\/li>\n <li><span class=\"text-gray-400\">Feasibility Study<\/span><\/li>\n <li><span class=\"text-gray-400\">Pelatihan Tim<\/span><\/li>\n <li><span class=\"text-gray-400\">Legalitas & Perizinan<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"h-px mb-8\" style=\"background: rgba(255,255,255,0.1);\"><\/div>\n \n <div class=\"flex flex-col sm:flex-row justify-between items-center gap-4\">\n <p class=\"text-gray-500 text-sm\">\n 2024 SIGMA SOLUSI MANDIRI. All rights reserved.\n <\/p>\n <p class=\"text-gray-500 text-sm\">\n Spesialis Penyelesai Masalah Proyek Mangkrak\n <\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <!-- Floating WhatsApp -->\n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6282224222700&text=Halo%20Admin%20SIGMA,%20Boleh%20Info%20detail%20untuk%20konsultasi%20project?\" class=\"floating-wa\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Chat via WhatsApp\">\n <svg class=\"w-7 h-7\" 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 <\/a>\n\n <script>\n \/\/ Initialize variables first\n const navbar = document.querySelector('.navbar');\n const menuToggle = document.getElementById('menuToggle');\n const closeMenu = document.getElementById('closeMenu');\n const mobileMenu = document.getElementById('mobileMenu');\n const mobileOverlay = document.getElementById('mobileOverlay');\n const mobileLinks = mobileMenu.querySelectorAll('a');\n const contactForm = document.getElementById('contactForm');\n const revealElements = document.querySelectorAll('.reveal');\n const statNumbers = document.querySelectorAll('.stat-number[data-count]');\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 functions\n function openMobileMenu() {\n mobileMenu.classList.add('active');\n mobileOverlay.classList.add('active');\n document.body.style.overflow = 'hidden';\n menuToggle.setAttribute('aria-expanded', 'true');\n menuToggle.classList.remove('text-white');\n }\n \n function closeMobileMenu() {\n mobileMenu.classList.remove('active');\n mobileOverlay.classList.remove('active');\n document.body.style.overflow = '';\n menuToggle.setAttribute('aria-expanded', 'false');\n if (window.scrollY < 50 && document.getElementById('home')) {\n menuToggle.classList.add('text-white');\n }\n }\n \n menuToggle.addEventListener('click', openMobileMenu);\n closeMenu.addEventListener('click', closeMobileMenu);\n mobileOverlay.addEventListener('click', closeMobileMenu);\n \n mobileLinks.forEach(link => {\n link.addEventListener('click', closeMobileMenu);\n });\n \n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape' && mobileMenu.classList.contains('active')) {\n closeMobileMenu();\n }\n });\n \n \/\/ Scroll reveal\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, observerOptions);\n \n revealElements.forEach(el => observer.observe(el));\n \n \/\/ Animated counter\n function animateCounter(element, target) {\n const duration = 2000;\n const startTime = performance.now();\n \n function updateCounter(currentTime) {\n const elapsed = currentTime - startTime;\n const progress = Math.min(elapsed \/ duration, 1);\n const easeOutQuart = 1 - Math.pow(1 - progress, 4);\n const current = Math.floor(easeOutQuart * target);\n element.textContent = current + (target > 50 ? '+' : '+');\n \n if (progress < 1) {\n requestAnimationFrame(updateCounter);\n }\n }\n \n requestAnimationFrame(updateCounter);\n }\n \n const statObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const target = parseInt(entry.target.dataset.count, 10);\n animateCounter(entry.target, target);\n statObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.5 });\n \n statNumbers.forEach(stat => statObserver.observe(stat));\n \n \/\/ Form submission\n contactForm.addEventListener('submit', function(e) {\n e.preventDefault();\n \n const name = document.getElementById('name').value;\n const phone = document.getElementById('phone').value;\n const email = document.getElementById('email').value;\n const project = document.getElementById('project').value;\n const message = document.getElementById('message').value;\n \n const whatsappMessage = `Halo Admin SIGMA,%0A%0ANama: ${name}%0ATelepon: ${phone}%0AEmail: ${email}%0AJenis Proyek: ${project}%0APesan: ${message}`;\n \n window.open(`https:\/\/api.whatsapp.com\/send?phone=6282224222700&text=${whatsappMessage}`, '_blank');\n });\n \n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n const targetId = this.getAttribute('href');\n if (targetId !== '#') {\n e.preventDefault();\n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n const offsetTop = targetElement.offsetTop - 80;\n window.scrollTo({\n top: offsetTop,\n behavior: 'smooth'\n });\n }\n }\n });\n });\n \n \/\/ Input focus styling\n const inputs = document.querySelectorAll('input, select, textarea');\n inputs.forEach(input => {\n input.addEventListener('focus', function() {\n this.style.borderColor = 'var(--accent-gold)';\n this.style.boxShadow = '0 0 0 3px rgba(184, 134, 11, 0.1)';\n });\n input.addEventListener('blur', function() {\n this.style.borderColor = 'var(--border-light)';\n this.style.boxShadow = 'none';\n });\n });\n \n \/\/ Parallax effect\n let ticking = false;\n window.addEventListener('scroll', function() {\n if (!ticking) {\n window.requestAnimationFrame(function() {\n const scrolled = window.pageYOffset;\n const heroSection = document.querySelector('.hero-section');\n if (heroSection && scrolled < window.innerHeight) {\n heroSection.style.backgroundPositionY = (scrolled * 0.3) + 'px';\n }\n ticking = false;\n });\n ticking = true;\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SIGMA SOLUSI MANDIRI – Penyelesai Masalah Proyek Properti Anda S SIGMA Solusi Mandiri Beranda Tentang Kami Layanan Paket Kontak Konsultasi […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","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-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sigmasolusimandiri.com\/index.php?rest_route=\/wp\/v2\/pages\/2","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=2"}],"version-history":[{"count":3,"href":"https:\/\/sigmasolusimandiri.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/sigmasolusimandiri.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/sigmasolusimandiri.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}