Kontraktor Terpercaya & Berpengalaman
Jasa Renovasi & Bangun Rumah Profesional di Bekasi dan Jakarta
Layanan renovasi dan pembangunan rumah di jabodetabek khususnya area bekasi & jakarta dengan kualitas terbaik, harga transparan, dan garansi hingga 5 tahun. Percayakan proyek Anda kepada ahlinya!
500+
Proyek Selesai
9
Tahun Pengalaman
98%
Klien Puas
9+
Tahun
Pengalaman
Pengalaman
Tentang Kami
Kontraktor Profesional yang Anda Percaya
Sejak 2015, ProjectRumah.Com telah membantu ratusan keluarga di Jabodetabek mewujudkan rumah impian mereka. Dengan tim arsitek, desainer interior, dan tukang berpengalaman, kami berkomitmen memberikan hasil terbaik dengan standar kualitas tertinggi.
Transparansi & Kejujuran
Harga jelas tanpa biaya tersembunyi. RAB detail sebelum proyek dimulai.
Tepat Waktu
Jadwal kerja terstruktur dengan update progress mingguan.
Material Berkualitas
Hanya menggunakan material grade A dengan sertifikasi SNI.
Layanan Kami
Solusi Lengkap untuk Hunian Anda
Dari perencanaan hingga finishing, kami siap membantu setiap tahap pembangunan rumah impian Anda.
Renovasi Rumah
Perbarui tampilan rumah Anda dengan renovasi berkualitas. Dari perbaikan kecil hingga renovasi total.
- Renovasi kamar mandi
- Renovasi dapur
- Penambahan lantai
Bangun Rumah Baru
Wujudkan rumah impian dari nol dengan desain custom sesuai keinginan dan budget Anda.
- Rumah minimalis
- Rumah klasik modern
- Rumah mewah
Desain & Gambar Kerja
Layanan desain arsitektur lengkap dengan gambar kerja detail untuk izin dan konstruksi.
- Desain 3D rendering
- Gambar IMB
- RAB detail
Interior & Eksterior
Percantik hunian dengan desain interior modern dan eksterior yang memukau.
- Kitchen set custom
- Wardrobe built-in
- Taman & carport
Renovasi Kantor & Ruko
Tingkatkan produktivitas dengan ruang kerja yang nyaman dan profesional.
- Fit out kantor
- Renovasi ruko
- Partisi & plafon
Butuh Layanan Lain?
Konsultasikan kebutuhan renovasi Anda dengan tim ahli kami secara gratis.
Konsultasi GratisTransparan & Kompetitif
Estimasi Harga
Harga yang kompetitif dengan kualitas terjamin. Tidak ada biaya tersembunyi.
POPULER
Renovasi Ringan
Cat ulang, perbaikan minor, upgrade finishing
Mulai Rp 3-4 jt / m²
- Survey lokasi gratis
- RAB detail & transparan
- Garansi 6 bulan
BEST VALUE
Bangun Rumah Baru
Rumah dari nol dengan desain custom
Mulai Rp 5-6 jt / m²
- Desain 3D gratis
- Kontrak kerja resmi
- Garansi hingga 1 tahun
- Progress report berkala
Catatan: Harga dapat menyesuaikan dengan desain, lokasi proyek, dan spesifikasi material yang dipilih. Hubungi kami untuk penawaran akurat dan survey gratis ke lokasi Anda.
Mengapa Memilih Kami
Keunggulan ProjectRumah.Com
Harga Transparan
RAB detail tanpa biaya tersembunyi
Tim Profesional
Arsitek & tukang berpengalaman
Material Berkualitas
Grade A bersertifikat SNI
Garansi 1 Tahun
Jaminan kualitas pekerjaan
Gratis Konsultasi
Survey lokasi tanpa biaya
Portofolio
Proyek Terbaru Kami
Lihat hasil karya kami dan temukan inspirasi untuk rumah impian Anda.
Rumah Modern
Rumah Modern Tropis
Luas: 250m² | 2 Lantai
Renovasi Total
Rumah Scandinavia Bekasi
Luas: 180m² | Renovasi 3 Bulan
Bangun Baru
Rumah Klasic Jakarta
Luas: 400m² | 3 Lantai
Interior
Kitchen Set Modern
Custom Built-in Kitchen
Komersial
Renovasi Ruko
2 Unit Ruko | Tanggerang
Eksterior
Taman & Landscape
Desain Taman Minimalis
Testimoni
Apa Kata Klien Kami
"Sangat puas dengan hasil renovasi rumah kami. Tim ProjectRumah.Com sangat profesional, tepat waktu, dan hasilnya melebihi ekspektasi. Recommended banget!"
AS
Andi Susanto
Jakarta Selatan
"Bangun rumah dari nol bersama ProjectRumah.Com adalah keputusan terbaik. Prosesnya transparan, update rutin, dan hasilnya persis seperti desain 3D yang ditunjukkan."
MW
Maya Wijaya
Bekasi
"Renovasi kantor kami selesai sesuai jadwal tanpa mengganggu operasional. Tim ProjectRumah.Com sangat kooperatif dan hasil pengerjaannya rapi sekali."
BP
Budi Prasetyo
Depok
Konsultasi Gratis
Form Konsultasi Cepat
Isi form di bawah dan tim kami akan menghubungi Anda untuk menjadwalkan survey gratis.
100% Gratis
Survey dan konsultasi tanpa biaya apapun
Respon Cepat
Tim kami siap dalam 24 jam
Direct WhatsApp
Langsung ke WhatsApp kami
Tim Kami Siap Membantu
Siap Wujudkan Rumah Impian Anda?
Konsultasikan rencana renovasi atau pembangunan rumah Anda dengan tim ahli ProjectRumah.Com. Gratis survey dan estimasi biaya!
24 Jam
Respon Cepat
Gratis
Survey & Konsultasi
100%
Tanpa Komitmen
{"page":{"_id":"6975de3d25dc722b20967bb5","title":"Project Rumah","sections":{"byId":{"5a90":{"_id":"5a90","key":"section","name":"Section 1","attributes":{"style":{"position":"initial","marginTop":"0px","paddingTop":"0px","paddingBottom":"0px","paddingLeft":"0px","paddingRight":"0px","width":"100%","alignSelf":"center","backgroundImage":"","backgroundColor":"#FFFFFFFF","color":"#000000FF","desktop":{"paddingTop":"0px","paddingBottom":"0px"},"tablet":{"paddingTop":"0px","paddingBottom":"0px","marginTop":"0px"},"mobile":{"paddingTop":"0px","paddingBottom":"0px","marginTop":"0px"}},"width":"xl","background":true,"backgroundImageStyle":"None","backgroundVideo":false,"backgroundVideoUrl":"","shadowOverride":false,"borderOverride":false,"cornerOverride":false,"border":false,"corner":false,"shadow":false,"className":"","customEditorStyles":{},"fonts":{},"dirty":true},"components":{"byId":{"OkMj":{"_id":"OkMj","key":"other-html","name":"HTML","attributes":{"htmlstring":"<!doctype html>\n<html lang=\"id\" class=\"h-full\">\n <head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <meta name=\"description\" content=\"Jasa renovasi dan bangun rumah profesional. Kontraktor berpengalaman dengan harga transparan dan garansi pekerjaan.\">\n <title>ProjectRumah.Com - Jasa Renovasi & Bangun Rumah Profesional</title>\n <script src=\"https://cdn.tailwindcss.com\"></script>\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=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <script src=\"/_sdk/element_sdk.js\"></script>\n <style>\n body {\n box-sizing: border-box;\n font-family: 'Plus Jakarta Sans', sans-serif;\n }\n \n .hero-gradient {\n background: linear-gradient(135deg, rgba(31,31,31,0.95) 0%, rgba(51,51,51,0.85) 50%, rgba(71,71,71,0.75) 100%);\n }\n \n .wood-accent {\n background: linear-gradient(135deg, #F59E0B 0%, #EF4444 100%);\n }\n \n .card-hover {\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .card-hover:hover {\n transform: translateY(-8px);\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n }\n \n .btn-primary {\n background: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);\n transition: all 0.3s ease;\n }\n \n .btn-primary:hover {\n background: linear-gradient(135deg, #FBBF24 0%, #F59E0B 100%);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(245, 158, 11, 0.4);\n }\n \n .btn-secondary {\n border: 2px solid #F59E0B;\n transition: all 0.3s ease;\n }\n \n .btn-secondary:hover {\n background: #F59E0B;\n color: white;\n }\n \n .section-title {\n position: relative;\n display: inline-block;\n }\n \n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, #F59E0B, #FBBF24);\n border-radius: 2px;\n }\n \n .testimonial-card {\n background: linear-gradient(145deg, #ffffff 0%, #f8f8f8 100%);\n }\n \n .floating-cta {\n animation: float 3s ease-in-out infinite;\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n \n .gradient-text {\n background: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .portfolio-overlay {\n background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%);\n }\n \n .nav-blur {\n backdrop-filter: blur(20px);\n background: rgba(255,255,255,0.9);\n }\n\n .scroll-smooth {\n scroll-behavior: smooth;\n }\n\n .stat-number {\n font-variant-numeric: tabular-nums;\n }\n </style>\n <style>@view-transition { navigation: auto; }</style>\n <script src=\"/_sdk/data_sdk.js\" type=\"text/javascript\"></script>\n </head>\n <body class=\"h-full bg-gray-100 text-gray-800 scroll-smooth\">\n <div id=\"app-wrapper\" class=\"w-full h-full overflow-auto\"><!-- Navigation -->\n <nav id=\"navbar\" class=\"fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-white shadow-md\">\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\"><a href=\"#\" class=\"flex items-center space-x-3\">\n <div class=\"w-10 h-10 wood-accent rounded-lg flex items-center justify-center\">\n <svg class=\"w-6 h-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\" />\n </svg>\n </div><span class=\"text-xl font-bold text-gray-900\">Project<span class=\"gradient-text\">Rumah.Com</span></span> </a>\n <div class=\"hidden md:flex items-center space-x-8\"><a href=\"#tentang\" class=\"text-gray-700 hover:text-gray-900 font-medium transition-colors\">Tentang</a> <a href=\"#layanan\" class=\"text-gray-700 hover:text-gray-900 font-medium transition-colors\">Layanan</a> <a href=\"#portofolio\" class=\"text-gray-700 hover:text-gray-900 font-medium transition-colors\">Portofolio</a> <a href=\"#testimoni\" class=\"text-gray-700 hover:text-gray-900 font-medium transition-colors\">Testimoni</a> <a href=\"#kontak\" class=\"btn-primary text-white px-6 py-2.5 rounded-full font-semibold\">Hubungi Kami</a>\n </div><button id=\"mobile-menu-btn\" class=\"md:hidden p-2 rounded-lg hover:bg-gray-100\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" />\n </svg></button>\n </div>\n </div><!-- Mobile Menu -->\n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t\">\n <div class=\"px-4 py-4 space-y-3\"><a href=\"#tentang\" class=\"block py-2 text-gray-700 font-medium\">Tentang</a> <a href=\"#layanan\" class=\"block py-2 text-gray-700 font-medium\">Layanan</a> <a href=\"#portofolio\" class=\"block py-2 text-gray-700 font-medium\">Portofolio</a> <a href=\"#testimoni\" class=\"block py-2 text-gray-700 font-medium\">Testimoni</a> <a href=\"#kontak\" class=\"block btn-primary text-white px-6 py-3 rounded-full font-semibold text-center\">Hubungi Kami</a>\n </div>\n </div>\n </nav><!-- Hero Section -->\n <section id=\"hero\" class=\"relative min-h-screen flex items-center\"><!-- Background - Real Photo -->\n <div class=\"absolute inset-0\"><img src=\"https://ik.imagekit.io/d0huxmmw5/18.-Rumah-Minimalis-Modern-Bernuansa-Skandinavia.jpeg\" alt=\"Modern luxury house\" class=\"w-full h-full object-cover opacity-40\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='linear-gradient(to bottom right, #1f2937, #374151)'; this.alt='Image unavailable';\"> <!-- Dark Overlay for Text Readability -->\n <div class=\"absolute inset-0 bg-black/70\"></div>\n </div>\n <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-32\">\n <div class=\"flex flex-col items-center text-center\">\n <div class=\"text-white space-y-8 max-w-4xl mx-auto\">\n <div class=\"inline-flex items-center space-x-2 bg-white/10 backdrop-blur-sm px-4 py-2 rounded-full\"><span class=\"w-2 h-2 bg-green-400 rounded-full animate-pulse\"></span> <span class=\"text-sm font-medium\">Kontraktor Terpercaya & Berpengalaman</span>\n </div>\n <h1 id=\"hero-headline\" class=\"text-4xl sm:text-5xl lg:text-6xl font-bold leading-tight\">Jasa Renovasi & Bangun Rumah Profesional di <span class=\"gradient-text\">Bekasi dan Jakarta</span></h1>\n <p id=\"hero-subheadline\" class=\"text-lg sm:text-xl text-gray-300 leading-relaxed mx-auto max-w-3xl\">Layanan renovasi dan pembangunan rumah di jabodetabek khususnya area bekasi & jakarta dengan kualitas terbaik, harga transparan, dan garansi hingga 5 tahun. Percayakan proyek Anda kepada ahlinya!</p>\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center\"><a href=\"#kontak\" class=\"btn-primary text-white px-8 py-4 rounded-full font-semibold text-lg inline-flex items-center justify-center space-x-2\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><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><span>Konsultasi Gratis</span> </a> <a href=\"#layanan\" class=\"btn-secondary text-white px-8 py-4 rounded-full font-semibold text-lg inline-flex items-center justify-center\"> Lihat Layanan </a>\n </div><!-- Stats -->\n <div class=\"grid grid-cols-3 gap-8 pt-8 border-t border-white/10 max-w-2xl mx-auto\">\n <div>\n <div class=\"text-3xl sm:text-4xl font-bold gradient-text stat-number\">\n 500+\n </div>\n <div class=\"text-gray-400 text-sm mt-1\">\n Proyek Selesai\n </div>\n </div>\n <div>\n <div class=\"text-3xl sm:text-4xl font-bold gradient-text stat-number\">\n 9\n </div>\n <div class=\"text-gray-400 text-sm mt-1\">\n Tahun Pengalaman\n </div>\n </div>\n <div>\n <div class=\"text-3xl sm:text-4xl font-bold gradient-text stat-number\">\n 98%\n </div>\n <div class=\"text-gray-400 text-sm mt-1\">\n Klien Puas\n </div>\n </div>\n </div>\n </div>\n </div>\n </div><!-- Scroll Indicator -->\n <div class=\"absolute bottom-8 left-1/2 transform -translate-x-1/2 text-white/50 animate-bounce\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\" />\n </svg>\n </div>\n </section><!-- Tentang Kami -->\n <section id=\"tentang\" class=\"py-24 bg-gray-50\">\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-16 items-center\">\n <div class=\"relative\">\n <div class=\"aspect-square bg-gradient-to-br from-gray-200 to-gray-300 rounded-3xl overflow-hidden\"><img src=\"https://ik.imagekit.io/d0huxmmw5/projecrumah.com\" alt=\"Tim ProjectRumah.Com\" class=\"w-full h-full object-cover\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='linear-gradient(to bottom right, #E5E7EB, #D1D5DB)'; this.alt='Image unavailable';\">\n </div><!-- Experience Badge -->\n <div class=\"absolute -bottom-6 -right-6 bg-white rounded-2xl p-6 shadow-2xl\">\n <div class=\"text-center\">\n <div class=\"text-4xl font-bold gradient-text\">\n 9+\n </div>\n <div class=\"text-gray-600 font-medium\">\n Tahun<br>\n Pengalaman\n </div>\n </div>\n </div>\n </div>\n <div class=\"space-y-8\">\n <div><span class=\"text-sm font-semibold tracking-wider uppercase gradient-text\">Tentang Kami</span>\n <h2 id=\"about-title\" class=\"text-3xl sm:text-4xl font-bold text-gray-900 mt-2 section-title\">Kontraktor Profesional yang Anda Percaya</h2>\n </div>\n <p id=\"about-description\" class=\"text-lg text-gray-600 leading-relaxed\">Sejak 2015, ProjectRumah.Com telah membantu ratusan keluarga di Jabodetabek mewujudkan rumah impian mereka. Dengan tim arsitek, desainer interior, dan tukang berpengalaman, kami berkomitmen memberikan hasil terbaik dengan standar kualitas tertinggi.</p>\n <div class=\"space-y-4\">\n <div class=\"flex items-start space-x-4\">\n <div class=\"w-12 h-12 wood-accent rounded-xl flex items-center justify-center flex-shrink-0\">\n <svg class=\"w-6 h-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" />\n </svg>\n </div>\n <div>\n <h3 class=\"font-bold text-gray-900\">Transparansi & Kejujuran</h3>\n <p class=\"text-gray-600\">Harga jelas tanpa biaya tersembunyi. RAB detail sebelum proyek dimulai.</p>\n </div>\n </div>\n <div class=\"flex items-start space-x-4\">\n <div class=\"w-12 h-12 wood-accent rounded-xl flex items-center justify-center flex-shrink-0\">\n <svg class=\"w-6 h-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n </div>\n <div>\n <h3 class=\"font-bold text-gray-900\">Tepat Waktu</h3>\n <p class=\"text-gray-600\">Jadwal kerja terstruktur dengan update progress mingguan.</p>\n </div>\n </div>\n <div class=\"flex items-start space-x-4\">\n <div class=\"w-12 h-12 wood-accent rounded-xl flex items-center justify-center flex-shrink-0\">\n <svg class=\"w-6 h-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\" />\n </svg>\n </div>\n <div>\n <h3 class=\"font-bold text-gray-900\">Material Berkualitas</h3>\n <p class=\"text-gray-600\">Hanya menggunakan material grade A dengan sertifikasi SNI.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section><!-- Layanan -->\n <section id=\"layanan\" class=\"py-24 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-3xl mx-auto mb-16\"><span class=\"text-sm font-semibold tracking-wider uppercase gradient-text\">Layanan Kami</span>\n <h2 class=\"text-3xl sm:text-4xl font-bold text-gray-900 mt-2\">Solusi Lengkap untuk Hunian Anda</h2>\n <p class=\"text-lg text-gray-600 mt-4\">Dari perencanaan hingga finishing, kami siap membantu setiap tahap pembangunan rumah impian Anda.</p>\n </div>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\"><!-- Service 1 -->\n <div class=\"card-hover bg-white rounded-2xl p-8 border border-gray-100 shadow-lg\">\n <div class=\"w-16 h-16 wood-accent rounded-2xl flex items-center justify-center mb-6\">\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><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\" />\n </svg>\n </div>\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Renovasi Rumah</h3>\n <p class=\"text-gray-600 mb-4\">Perbarui tampilan rumah Anda dengan renovasi berkualitas. Dari perbaikan kecil hingga renovasi total.</p>\n <ul class=\"space-y-2 text-sm text-gray-600\">\n <li class=\"flex items-center\"><span class=\"w-1.5 h-1.5 bg-orange-500 rounded-full mr-2\"></span>Renovasi kamar mandi</li>\n <li class=\"flex items-center\"><span class=\"w-1.5 h-1.5 bg-orange-500 rounded-full mr-2\"></span>Renovasi dapur</li>\n <li class=\"flex items-center\"><span class=\"w-1.5 h-1.5 bg-orange-500 rounded-full mr-2\"></span>Penambahan lantai</li>\n </ul>\n </div><!-- Service 2 -->\n <div class=\"card-hover bg-white rounded-2xl p-8 border border-gray-100 shadow-lg\">\n <div class=\"w-16 h-16 wood-accent rounded-2xl flex items-center justify-center mb-6\">\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\" />\n </svg>\n </div>\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Bangun Rumah Baru</h3>\n <p class=\"text-gray-600 mb-4\">Wujudkan rumah impian dari nol dengan desain custom sesuai keinginan dan budget Anda.</p>\n <ul class=\"space-y-2 text-sm text-gray-600\">\n <li class=\"flex items-center\"><span class=\"w-1.5 h-1.5 bg-orange-500 rounded-full mr-2\"></span>Rumah minimalis</li>\n <li class=\"flex items-center\"><span class=\"w-1.5 h-1.5 bg-orange-500 rounded-full mr-2\"></span>Rumah klasik modern</li>\n <li class=\"flex items-center\"><span class=\"w-1.5 h-1.5 bg-orange-500 rounded-full mr-2\"></span>Rumah mewah</li>\n </ul>\n </div><!-- Service 3 -->\n <div class=\"card-hover bg-white rounded-2xl p-8 border border-gray-100 shadow-lg\">\n <div class=\"w-16 h-16 wood-accent rounded-2xl flex items-center justify-center mb-6\">\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><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=\"text-xl font-bold text-gray-900 mb-3\">Desain & Gambar Kerja</h3>\n <p class=\"text-gray-600 mb-4\">Layanan desain arsitektur lengkap dengan gambar kerja detail untuk izin dan konstruksi.</p>\n <ul class=\"space-y-2 text-sm text-gray-600\">\n <li class=\"flex items-center\"><span class=\"w-1.5 h-1.5 bg-orange-500 rounded-full mr-2\"></span>Desain 3D rendering</li>\n <li class=\"flex items-center\"><span class=\"w-1.5 h-1.5 bg-orange-500 rounded-full mr-2\"></span>Gambar IMB</li>\n <li class=\"flex items-center\"><span class=\"w-1.5 h-1.5 bg-orange-500 rounded-full mr-2\"></span>RAB detail</li>\n </ul>\n </div><!-- Service 4 -->\n <div class=\"card-hover bg-white rounded-2xl p-8 border border-gray-100 shadow-lg\">\n <div class=\"w-16 h-16 wood-accent rounded-2xl flex items-center justify-center mb-6\">\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\" />\n </svg>\n </div>\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Interior & Eksterior</h3>\n <p class=\"text-gray-600 mb-4\">Percantik hunian dengan desain interior modern dan eksterior yang memukau.</p>\n <ul class=\"space-y-2 text-sm text-gray-600\">\n <li class=\"flex items-center\"><span class=\"w-1.5 h-1.5 bg-orange-500 rounded-full mr-2\"></span>Kitchen set custom</li>\n <li class=\"flex items-center\"><span class=\"w-1.5 h-1.5 bg-orange-500 rounded-full mr-2\"></span>Wardrobe built-in</li>\n <li class=\"flex items-center\"><span class=\"w-1.5 h-1.5 bg-orange-500 rounded-full mr-2\"></span>Taman & carport</li>\n </ul>\n </div><!-- Service 5 -->\n <div class=\"card-hover bg-white rounded-2xl p-8 border border-gray-100 shadow-lg\">\n <div class=\"w-16 h-16 wood-accent rounded-2xl flex items-center justify-center mb-6\">\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><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\" />\n </svg>\n </div>\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">Renovasi Kantor & Ruko</h3>\n <p class=\"text-gray-600 mb-4\">Tingkatkan produktivitas dengan ruang kerja yang nyaman dan profesional.</p>\n <ul class=\"space-y-2 text-sm text-gray-600\">\n <li class=\"flex items-center\"><span class=\"w-1.5 h-1.5 bg-orange-500 rounded-full mr-2\"></span>Fit out kantor</li>\n <li class=\"flex items-center\"><span class=\"w-1.5 h-1.5 bg-orange-500 rounded-full mr-2\"></span>Renovasi ruko</li>\n <li class=\"flex items-center\"><span class=\"w-1.5 h-1.5 bg-orange-500 rounded-full mr-2\"></span>Partisi & plafon</li>\n </ul>\n </div><!-- Service 6 - CTA -->\n <div class=\"card-hover bg-gradient-to-br from-gray-900 to-gray-800 rounded-2xl p-8 text-white flex flex-col justify-center\">\n <h3 class=\"text-2xl font-bold mb-4\">Butuh Layanan Lain?</h3>\n <p class=\"text-gray-300 mb-6\">Konsultasikan kebutuhan renovasi Anda dengan tim ahli kami secara gratis.</p><a href=\"#kontak\" class=\"btn-primary text-white px-6 py-3 rounded-full font-semibold inline-flex items-center justify-center space-x-2 w-fit\"> <span>Konsultasi Gratis</span>\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" />\n </svg></a>\n </div>\n </div>\n </div>\n </section><!-- Estimasi Harga -->\n <section id=\"harga\" class=\"py-24 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-3xl mx-auto mb-16\"><span class=\"text-sm font-semibold tracking-wider uppercase gradient-text\">Transparan & Kompetitif</span>\n <h2 class=\"text-3xl sm:text-4xl font-bold text-gray-900 mt-2\">Estimasi Harga</h2>\n <p class=\"text-lg text-gray-600 mt-4\">Harga yang kompetitif dengan kualitas terjamin. Tidak ada biaya tersembunyi.</p>\n </div>\n <div class=\"grid md:grid-cols-2 gap-8 max-w-5xl mx-auto\"><!-- Renovasi Ringan -->\n <div class=\"relative card-hover bg-white rounded-3xl p-8 border-2 border-gray-200 shadow-lg\">\n <div class=\"absolute -top-4 left-8\"><span class=\"bg-gradient-to-r from-blue-500 to-blue-600 text-white px-4 py-2 rounded-full text-sm font-bold shadow-lg\"> POPULER </span>\n </div>\n <div class=\"mt-4\">\n <h3 class=\"text-2xl font-bold text-gray-900 mb-2\">Renovasi Ringan</h3>\n <p class=\"text-gray-600 mb-6\">Cat ulang, perbaikan minor, upgrade finishing</p>\n <div class=\"mb-6\">\n <div class=\"flex items-baseline space-x-2\"><span class=\"text-sm text-gray-500\">Mulai</span> <span class=\"text-4xl font-bold gradient-text\">Rp 3-4 jt</span> <span class=\"text-gray-500\">/ m²</span>\n </div>\n </div>\n <ul class=\"space-y-3 mb-8\">\n <li class=\"flex items-start space-x-3\">\n <svg class=\"w-5 h-5 text-green-500 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" />\n </svg><span class=\"text-gray-700\">Survey lokasi gratis</span></li>\n <li class=\"flex items-start space-x-3\">\n <svg class=\"w-5 h-5 text-green-500 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" />\n </svg><span class=\"text-gray-700\">RAB detail & transparan</span></li>\n <li class=\"flex items-start space-x-3\">\n <svg class=\"w-5 h-5 text-green-500 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" />\n </svg><span class=\"text-gray-700\">Garansi 6 bulan</span></li>\n </ul><a href=\"#kontak\" class=\"btn-secondary text-gray-900 px-6 py-3 rounded-full font-semibold text-center block hover:bg-amber-50 transition-colors\"> Minta Penawaran </a>\n </div>\n </div><!-- Bangun Rumah Baru -->\n <div class=\"relative card-hover bg-gradient-to-br from-gray-900 to-gray-800 rounded-3xl p-8 border-2 border-amber-500 shadow-2xl\">\n <div class=\"absolute -top-4 left-8\"><span class=\"bg-gradient-to-r from-amber-500 to-orange-600 text-white px-4 py-2 rounded-full text-sm font-bold shadow-lg\"> BEST VALUE </span>\n </div>\n <div class=\"mt-4\">\n <h3 class=\"text-2xl font-bold text-white mb-2\">Bangun Rumah Baru</h3>\n <p class=\"text-gray-300 mb-6\">Rumah dari nol dengan desain custom</p>\n <div class=\"mb-6\">\n <div class=\"flex items-baseline space-x-2\"><span class=\"text-sm text-gray-400\">Mulai</span> <span class=\"text-4xl font-bold text-white\">Rp 5-6 jt</span> <span class=\"text-gray-400\">/ m²</span>\n </div>\n </div>\n <ul class=\"space-y-3 mb-8\">\n <li class=\"flex items-start space-x-3\">\n <svg class=\"w-5 h-5 text-amber-400 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" />\n </svg><span class=\"text-white\">Desain 3D gratis</span></li>\n <li class=\"flex items-start space-x-3\">\n <svg class=\"w-5 h-5 text-amber-400 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" />\n </svg><span class=\"text-white\">Kontrak kerja resmi</span></li>\n <li class=\"flex items-start space-x-3\">\n <svg class=\"w-5 h-5 text-amber-400 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" />\n </svg><span class=\"text-white\">Garansi hingga 1 tahun</span></li>\n <li class=\"flex items-start space-x-3\">\n <svg class=\"w-5 h-5 text-amber-400 mt-0.5 flex-shrink-0\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" />\n </svg><span class=\"text-white\">Progress report berkala</span></li>\n </ul><a href=\"#kontak\" class=\"btn-primary text-white px-6 py-3 rounded-full font-semibold text-center block\"> Konsultasi Sekarang </a>\n </div>\n </div>\n </div><!-- Disclaimer -->\n <div class=\"mt-12 max-w-4xl mx-auto\">\n <div class=\"bg-amber-50 border-l-4 border-amber-500 rounded-lg p-6\">\n <div class=\"flex items-start space-x-3\">\n <svg class=\"w-6 h-6 text-amber-600 flex-shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n <div>\n <p class=\"text-sm text-gray-700 leading-relaxed\"><strong class=\"font-semibold\">Catatan:</strong> Harga dapat menyesuaikan dengan desain, lokasi proyek, dan spesifikasi material yang dipilih. Hubungi kami untuk penawaran akurat dan survey gratis ke lokasi Anda.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section><!-- Keunggulan -->\n <section class=\"py-24 bg-gray-900 text-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-3xl mx-auto mb-16\"><span class=\"text-sm font-semibold tracking-wider uppercase text-amber-400\">Mengapa Memilih Kami</span>\n <h2 class=\"text-3xl sm:text-4xl font-bold mt-2\">Keunggulan <span class=\"gradient-text\">ProjectRumah.Com</span></h2>\n </div>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-5 gap-8\">\n <div class=\"text-center\">\n <div class=\"w-20 h-20 mx-auto wood-accent rounded-2xl flex items-center justify-center mb-4\">\n <svg class=\"w-10 h-10 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z\" />\n </svg>\n </div>\n <h3 class=\"font-bold text-lg mb-2\">Harga Transparan</h3>\n <p class=\"text-gray-400 text-sm\">RAB detail tanpa biaya tersembunyi</p>\n </div>\n <div class=\"text-center\">\n <div class=\"w-20 h-20 mx-auto wood-accent rounded-2xl flex items-center justify-center mb-4\">\n <svg class=\"w-10 h-10 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><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\" />\n </svg>\n </div>\n <h3 class=\"font-bold text-lg mb-2\">Tim Profesional</h3>\n <p class=\"text-gray-400 text-sm\">Arsitek & tukang berpengalaman</p>\n </div>\n <div class=\"text-center\">\n <div class=\"w-20 h-20 mx-auto wood-accent rounded-2xl flex items-center justify-center mb-4\">\n <svg class=\"w-10 h-10 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><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\" />\n </svg>\n </div>\n <h3 class=\"font-bold text-lg mb-2\">Material Berkualitas</h3>\n <p class=\"text-gray-400 text-sm\">Grade A bersertifikat SNI</p>\n </div>\n <div class=\"text-center\">\n <div class=\"w-20 h-20 mx-auto wood-accent rounded-2xl flex items-center justify-center mb-4\">\n <svg class=\"w-10 h-10 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" />\n </svg>\n </div>\n <h3 class=\"font-bold text-lg mb-2\">Garansi 1 Tahun</h3>\n <p class=\"text-gray-400 text-sm\">Jaminan kualitas pekerjaan</p>\n </div>\n <div class=\"text-center\">\n <div class=\"w-20 h-20 mx-auto wood-accent rounded-2xl flex items-center justify-center mb-4\">\n <svg class=\"w-10 h-10 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\" />\n </svg>\n </div>\n <h3 class=\"font-bold text-lg mb-2\">Gratis Konsultasi</h3>\n <p class=\"text-gray-400 text-sm\">Survey lokasi tanpa biaya</p>\n </div>\n </div>\n </div>\n </section><!-- Portofolio -->\n <section id=\"portofolio\" class=\"py-24 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-3xl mx-auto mb-16\"><span class=\"text-sm font-semibold tracking-wider uppercase gradient-text\">Portofolio</span>\n <h2 class=\"text-3xl sm:text-4xl font-bold text-gray-900 mt-2\">Proyek Terbaru Kami</h2>\n <p class=\"text-lg text-gray-600 mt-4\">Lihat hasil karya kami dan temukan inspirasi untuk rumah impian Anda.</p>\n </div>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\"><!-- Portfolio Item 1 -->\n <div class=\"card-hover bg-white rounded-2xl overflow-hidden shadow-lg\">\n <div class=\"aspect-[4/3] overflow-hidden\"><img src=\"https://ik.imagekit.io/d0huxmmw5/modern%20tropis.png\" alt=\"Rumah Modern Tropis\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-110\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='linear-gradient(to bottom right, #D1D5DB, #9CA3AF)'; this.alt='Image unavailable';\">\n </div>\n <div class=\"p-6\"><span class=\"text-sm font-semibold text-amber-600 uppercase tracking-wide\">Rumah Modern</span>\n <h3 class=\"text-xl font-bold text-gray-900 mt-2\">Rumah Modern Tropis</h3>\n <p class=\"text-gray-600 mt-2\">Luas: 250m² | 2 Lantai</p>\n </div>\n </div><!-- Portfolio Item 2 -->\n <div class=\"card-hover bg-white rounded-2xl overflow-hidden shadow-lg\">\n <div class=\"aspect-[4/3] overflow-hidden\"><img src=\"https://ik.imagekit.io/d0huxmmw5/scandinavian%202.jpg\" alt=\"Rumah Scandinavia Bekasi\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-110\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='linear-gradient(to bottom right, #E5E7EB, #D1D5DB)'; this.alt='Image unavailable';\">\n </div>\n <div class=\"p-6\"><span class=\"text-sm font-semibold text-amber-600 uppercase tracking-wide\">Renovasi Total</span>\n <h3 class=\"text-xl font-bold text-gray-900 mt-2\">Rumah Scandinavia Bekasi</h3>\n <p class=\"text-gray-600 mt-2\">Luas: 180m² | Renovasi 3 Bulan</p>\n </div>\n </div><!-- Portfolio Item 3 -->\n <div class=\"card-hover bg-white rounded-2xl overflow-hidden shadow-lg\">\n <div class=\"aspect-[4/3] overflow-hidden\"><img src=\"https://ik.imagekit.io/d0huxmmw5/modern%20klasic.jpeg\" alt=\"Rumah Klasic Jakarta\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-110\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='linear-gradient(to bottom right, #D1D5DB, #9CA3AF)'; this.alt='Image unavailable';\">\n </div>\n <div class=\"p-6\"><span class=\"text-sm font-semibold text-amber-600 uppercase tracking-wide\">Bangun Baru</span>\n <h3 class=\"text-xl font-bold text-gray-900 mt-2\">Rumah Klasic Jakarta</h3>\n <p class=\"text-gray-600 mt-2\">Luas: 400m² | 3 Lantai</p>\n </div>\n </div><!-- Portfolio Item 4 -->\n <div class=\"card-hover bg-white rounded-2xl overflow-hidden shadow-lg\">\n <div class=\"aspect-[4/3] overflow-hidden\"><img src=\"https://ik.imagekit.io/d0huxmmw5/dapur%20modern.jpg\" alt=\"Kitchen Set Modern\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-110\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='linear-gradient(to bottom right, #FEF3C7, #FDE68A)'; this.alt='Image unavailable';\">\n </div>\n <div class=\"p-6\"><span class=\"text-sm font-semibold text-amber-600 uppercase tracking-wide\">Interior</span>\n <h3 class=\"text-xl font-bold text-gray-900 mt-2\">Kitchen Set Modern</h3>\n <p class=\"text-gray-600 mt-2\">Custom Built-in Kitchen</p>\n </div>\n </div><!-- Portfolio Item 5 -->\n <div class=\"card-hover bg-white rounded-2xl overflow-hidden shadow-lg\">\n <div class=\"aspect-[4/3] overflow-hidden\"><img src=\"https://ik.imagekit.io/d0huxmmw5/ruko.jpg\" alt=\"Renovasi Ruko\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-110\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='linear-gradient(to bottom right, #E5E7EB, #D1D5DB)'; this.alt='Image unavailable';\">\n </div>\n <div class=\"p-6\"><span class=\"text-sm font-semibold text-amber-600 uppercase tracking-wide\">Komersial</span>\n <h3 class=\"text-xl font-bold text-gray-900 mt-2\">Renovasi Ruko</h3>\n <p class=\"text-gray-600 mt-2\">2 Unit Ruko | Tanggerang</p>\n </div>\n </div><!-- Portfolio Item 6 -->\n <div class=\"card-hover bg-white rounded-2xl overflow-hidden shadow-lg\">\n <div class=\"aspect-[4/3] overflow-hidden\"><img src=\"https://ik.imagekit.io/d0huxmmw5/taman%20&%20lanscape.jpg\" alt=\"Taman & Landscape\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-110\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='linear-gradient(to bottom right, #D1FAE5, #6EE7B7)'; this.alt='Image unavailable';\">\n </div>\n <div class=\"p-6\"><span class=\"text-sm font-semibold text-amber-600 uppercase tracking-wide\">Eksterior</span>\n <h3 class=\"text-xl font-bold text-gray-900 mt-2\">Taman & Landscape</h3>\n <p class=\"text-gray-600 mt-2\">Desain Taman Minimalis</p>\n </div>\n </div>\n </div>\n <div class=\"text-center mt-12\"><a href=\"#kontak\" class=\"inline-flex items-center space-x-2 text-amber-700 font-semibold hover:text-amber-800 transition-colors\"> <span>Lihat Semua Portofolio</span>\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" />\n </svg></a>\n </div>\n </div>\n </section><!-- Testimoni -->\n <section id=\"testimoni\" class=\"py-24 bg-gray-50\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-3xl mx-auto mb-16\"><span class=\"text-sm font-semibold tracking-wider uppercase gradient-text\">Testimoni</span>\n <h2 class=\"text-3xl sm:text-4xl font-bold text-gray-900 mt-2\">Apa Kata Klien Kami</h2>\n </div>\n <div class=\"grid md:grid-cols-3 gap-8\"><!-- Testimonial 1 -->\n <div class=\"testimonial-card rounded-2xl p-8 shadow-lg card-hover\">\n <div class=\"flex items-center space-x-1 mb-4\">\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n </svg>\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n </svg>\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n </svg>\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n </svg>\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n </svg>\n </div>\n <p class=\"text-gray-600 mb-6 leading-relaxed\">\"Sangat puas dengan hasil renovasi rumah kami. Tim ProjectRumah.Com sangat profesional, tepat waktu, dan hasilnya melebihi ekspektasi. Recommended banget!\"</p>\n <div class=\"flex items-center space-x-4\">\n <div class=\"w-12 h-12 bg-gradient-to-br from-amber-400 to-amber-600 rounded-full flex items-center justify-center text-white font-bold\">\n AS\n </div>\n <div>\n <div class=\"font-bold text-gray-900\">\n Andi Susanto\n </div>\n <div class=\"text-sm text-gray-500\">\n Jakarta Selatan\n </div>\n </div>\n </div>\n </div><!-- Testimonial 2 -->\n <div class=\"testimonial-card rounded-2xl p-8 shadow-lg card-hover\">\n <div class=\"flex items-center space-x-1 mb-4\">\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n </svg>\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n </svg>\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n </svg>\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n </svg>\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n </svg>\n </div>\n <p class=\"text-gray-600 mb-6 leading-relaxed\">\"Bangun rumah dari nol bersama ProjectRumah.Com adalah keputusan terbaik. Prosesnya transparan, update rutin, dan hasilnya persis seperti desain 3D yang ditunjukkan.\"</p>\n <div class=\"flex items-center space-x-4\">\n <div class=\"w-12 h-12 bg-gradient-to-br from-emerald-400 to-emerald-600 rounded-full flex items-center justify-center text-white font-bold\">\n MW\n </div>\n <div>\n <div class=\"font-bold text-gray-900\">\n Maya Wijaya\n </div>\n <div class=\"text-sm text-gray-500\">\n Bekasi\n </div>\n </div>\n </div>\n </div><!-- Testimonial 3 -->\n <div class=\"testimonial-card rounded-2xl p-8 shadow-lg card-hover\">\n <div class=\"flex items-center space-x-1 mb-4\">\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n </svg>\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n </svg>\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n </svg>\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n </svg>\n <svg class=\"w-5 h-5 text-yellow-400\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" />\n </svg>\n </div>\n <p class=\"text-gray-600 mb-6 leading-relaxed\">\"Renovasi kantor kami selesai sesuai jadwal tanpa mengganggu operasional. Tim ProjectRumah.Com sangat kooperatif dan hasil pengerjaannya rapi sekali.\"</p>\n <div class=\"flex items-center space-x-4\">\n <div class=\"w-12 h-12 bg-gradient-to-br from-blue-400 to-blue-600 rounded-full flex items-center justify-center text-white font-bold\">\n BP\n </div>\n <div>\n <div class=\"font-bold text-gray-900\">\n Budi Prasetyo\n </div>\n <div class=\"text-sm text-gray-500\">\n Depok\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section><!-- Form Konsultasi Cepat -->\n <section class=\"py-24 bg-white\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-3xl mx-auto mb-16\"><span class=\"text-sm font-semibold tracking-wider uppercase gradient-text\">Konsultasi Gratis</span>\n <h2 class=\"text-3xl sm:text-4xl font-bold text-gray-900 mt-2\">Form Konsultasi Cepat</h2>\n <p class=\"text-lg text-gray-600 mt-4\">Isi form di bawah dan tim kami akan menghubungi Anda untuk menjadwalkan survey gratis.</p>\n </div>\n <form id=\"consultation-form\" class=\"bg-gradient-to-br from-gray-50 to-gray-100 rounded-3xl p-8 sm:p-12 shadow-xl border border-gray-200\"><!-- Nama Lengkap -->\n <div class=\"mb-8\"><label for=\"full-name\" class=\"block text-sm font-semibold text-gray-900 mb-3\"> Nama Lengkap <span class=\"text-red-500\">*</span> </label> <input type=\"text\" id=\"full-name\" name=\"full-name\" placeholder=\"Masukkan nama Anda\" required class=\"w-full px-5 py-3 border-2 border-gray-300 rounded-lg focus:outline-none focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition-colors text-gray-900\">\n </div><!-- Nomor WhatsApp -->\n <div class=\"mb-8\"><label for=\"whatsapp-phone\" class=\"block text-sm font-semibold text-gray-900 mb-3\"> Nomor WhatsApp <span class=\"text-red-500\">*</span> </label> <input type=\"tel\" id=\"whatsapp-phone\" name=\"whatsapp-phone\" placeholder=\"08xxxxxxxxxx\" required class=\"w-full px-5 py-3 border-2 border-gray-300 rounded-lg focus:outline-none focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition-colors text-gray-900\">\n <p class=\"text-xs text-gray-500 mt-2\">Gunakan format tanpa spasi (contoh: 628123456789)</p>\n </div><!-- Alamat -->\n <div class=\"mb-8\"><label for=\"address\" class=\"block text-sm font-semibold text-gray-900 mb-3\"> Alamat <span class=\"text-red-500\">*</span> </label> <input type=\"text\" id=\"address\" name=\"address\" placeholder=\"Masukkan alamat lokasi proyek\" required class=\"w-full px-5 py-3 border-2 border-gray-300 rounded-lg focus:outline-none focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition-colors text-gray-900\">\n </div><!-- Layanan yang Dibutuhkan -->\n <div class=\"mb-8\"><label for=\"service-type\" class=\"block text-sm font-semibold text-gray-900 mb-3\"> Layanan yang Dibutuhkan <span class=\"text-red-500\">*</span> </label> <select id=\"service-type\" name=\"service-type\" required class=\"w-full px-5 py-3 border-2 border-gray-300 rounded-lg focus:outline-none focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition-colors text-gray-900 bg-white\"> <option value=\"\">Pilih layanan</option> <option value=\"Bangun Rumah Baru\">Bangun Rumah Baru</option> <option value=\"Renovasi Total\">Renovasi Total</option> <option value=\"Renovasi Ringan\">Renovasi Ringan</option> <option value=\"Desain Arsitek\">Desain Arsitek</option> <option value=\"Interior & Eksterior\">Interior & Eksterior</option> <option value=\"Renovasi Kantor & Ruko\">Renovasi Kantor & Ruko</option> <option value=\"Lainnya\">Lainnya</option> </select>\n </div><!-- Submit Button --> <button type=\"submit\" class=\"w-full btn-primary text-white px-8 py-4 rounded-lg font-semibold text-lg inline-flex items-center justify-center space-x-3 hover:shadow-lg transition-all\">\n <svg class=\"w-6 h-6\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><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><span>Jadwalkan Survey</span> </button> <!-- Success Message -->\n <div id=\"form-success\" class=\"hidden mt-6 bg-green-50 border-l-4 border-green-500 rounded-lg p-4\">\n <div class=\"flex items-start space-x-3\">\n <svg class=\"w-6 h-6 text-green-600 flex-shrink-0 mt-0.5\" fill=\"currentColor\" viewbox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" />\n </svg>\n <div>\n <p class=\"text-sm font-semibold text-green-800\">Terima Kasih!</p>\n <p class=\"text-sm text-green-700 mt-1\">Data Anda telah dikirim ke WhatsApp kami. Tim ProjectRumah.Com akan segera menghubungi Anda.</p>\n </div>\n </div>\n </div>\n </form><!-- Info Box -->\n <div class=\"mt-12 grid md:grid-cols-3 gap-6\">\n <div class=\"bg-blue-50 rounded-2xl p-6 text-center\">\n <div class=\"w-12 h-12 bg-blue-500 rounded-full flex items-center justify-center mx-auto mb-4\">\n <svg class=\"w-6 h-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n </div>\n <h4 class=\"font-bold text-gray-900 mb-2\">100% Gratis</h4>\n <p class=\"text-sm text-gray-600\">Survey dan konsultasi tanpa biaya apapun</p>\n </div>\n <div class=\"bg-orange-50 rounded-2xl p-6 text-center\">\n <div class=\"w-12 h-12 bg-orange-500 rounded-full flex items-center justify-center mx-auto mb-4\">\n <svg class=\"w-6 h-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n </div>\n <h4 class=\"font-bold text-gray-900 mb-2\">Respon Cepat</h4>\n <p class=\"text-sm text-gray-600\">Tim kami siap dalam 24 jam</p>\n </div>\n <div class=\"bg-green-50 rounded-2xl p-6 text-center\">\n <div class=\"w-12 h-12 bg-green-500 rounded-full flex items-center justify-center mx-auto mb-4\">\n <svg class=\"w-6 h-6 text-white\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><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 </div>\n <h4 class=\"font-bold text-gray-900 mb-2\">Direct WhatsApp</h4>\n <p class=\"text-sm text-gray-600\">Langsung ke WhatsApp kami</p>\n </div>\n </div>\n </div>\n </section><!-- CTA Section -->\n <section id=\"kontak\" class=\"py-24 bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 text-white relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-10\">\n <svg class=\"w-full h-full\" xmlns=\"http://www.w3.org/2000/svg\"><defs>\n <pattern id=\"cta-grid\" width=\"40\" height=\"40\" patternunits=\"userSpaceOnUse\">\n <path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\" />\n </pattern>\n </defs> <rect width=\"100%\" height=\"100%\" fill=\"url(#cta-grid)\" />\n </svg>\n </div>\n <div class=\"relative max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <div class=\"inline-flex items-center space-x-2 bg-white/10 backdrop-blur-sm px-4 py-2 rounded-full mb-8\"><span class=\"w-2 h-2 bg-green-400 rounded-full animate-pulse\"></span> <span class=\"text-sm font-medium\">Tim Kami Siap Membantu</span>\n </div>\n <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-bold mb-6\">Siap Wujudkan <span class=\"gradient-text\">Rumah Impian</span> Anda?</h2>\n <p class=\"text-xl text-gray-300 mb-10 max-w-2xl mx-auto\">Konsultasikan rencana renovasi atau pembangunan rumah Anda dengan tim ahli ProjectRumah.Com. Gratis survey dan estimasi biaya!</p>\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center\"><a id=\"whatsapp-cta\" href=\"https://wa.me/6282188884720?text=Halo%20ProjectRumah.Com,%20saya%20tertarik%20untuk%20konsultasi%20renovasi/bangun%20rumah\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-primary text-white px-10 py-4 rounded-full font-semibold text-lg inline-flex items-center justify-center space-x-3\">\n <svg class=\"w-6 h-6\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><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><span>Chat via WhatsApp</span> </a>\n </div>\n <div class=\"mt-12 grid grid-cols-1 sm:grid-cols-3 gap-8 text-center\">\n <div>\n <div class=\"text-3xl font-bold gradient-text\">\n 24 Jam\n </div>\n <div class=\"text-gray-400 mt-1\">\n Respon Cepat\n </div>\n </div>\n <div>\n <div class=\"text-3xl font-bold gradient-text\">\n Gratis\n </div>\n <div class=\"text-gray-400 mt-1\">\n Survey & Konsultasi\n </div>\n </div>\n <div>\n <div class=\"text-3xl font-bold gradient-text\">\n 100%\n </div>\n <div class=\"text-gray-400 mt-1\">\n Tanpa Komitmen\n </div>\n </div>\n </div>\n </div>\n </section><!-- Footer -->\n <footer class=\"bg-gray-900 text-white py-16\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-12\"><!-- Company Info -->\n <div class=\"lg:col-span-2\"><a href=\"#\" class=\"flex items-center space-x-3 mb-6\">\n <div class=\"w-10 h-10 wood-accent rounded-lg flex items-center justify-center\">\n <svg class=\"w-6 h-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\" />\n </svg>\n </div><span class=\"text-xl font-bold\">Project<span class=\"gradient-text\">Rumah.Com</span></span> </a>\n <p class=\"text-gray-400 mb-6 max-w-md\">Kontraktor profesional untuk renovasi dan bangun rumah. Melayani Jabodetabek dengan transparansi, kualitas, dan ketepatan waktu sejak 2015.</p>\n <div class=\"flex space-x-4\"><a href=\"#\" class=\"w-10 h-10 bg-white/10 rounded-full flex items-center justify-center hover:bg-orange-500 transition-colors\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewbox=\"0 0 24 24\">\n <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\" />\n </svg></a> <a href=\"#\" class=\"w-10 h-10 bg-white/10 rounded-full flex items-center justify-center hover:bg-orange-500 transition-colors\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewbox=\"0 0 24 24\">\n <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\" />\n </svg></a> <a href=\"#\" class=\"w-10 h-10 bg-white/10 rounded-full flex items-center justify-center hover:bg-orange-500 transition-colors\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewbox=\"0 0 24 24\">\n <path d=\"M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-5.2 1.74 2.89 2.89 0 012.31-4.64 2.93 2.93 0 01.88.13V9.4a6.84 6.84 0 00-1-.05A6.33 6.33 0 005 20.1a6.34 6.34 0 0010.86-4.43v-7a8.16 8.16 0 004.77 1.52v-3.4a4.85 4.85 0 01-1-.1z\" />\n </svg></a> <a href=\"#\" class=\"w-10 h-10 bg-white/10 rounded-full flex items-center justify-center hover:bg-orange-500 transition-colors\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewbox=\"0 0 24 24\">\n <path d=\"M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\" />\n </svg></a>\n </div>\n </div><!-- Quick Links -->\n <div>\n <h4 class=\"font-bold text-lg mb-6\">Layanan</h4>\n <ul class=\"space-y-3\">\n <li><a href=\"#layanan\" class=\"text-gray-400 hover:text-white transition-colors\">Renovasi Rumah</a></li>\n <li><a href=\"#layanan\" class=\"text-gray-400 hover:text-white transition-colors\">Bangun Rumah</a></li>\n <li><a href=\"#layanan\" class=\"text-gray-400 hover:text-white transition-colors\">Desain Interior</a></li>\n <li><a href=\"#layanan\" class=\"text-gray-400 hover:text-white transition-colors\">Renovasi Kantor</a></li>\n </ul>\n </div><!-- Contact -->\n <div>\n <h4 class=\"font-bold text-lg mb-6\">Kontak</h4>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start space-x-3\">\n <svg class=\"w-5 h-5 text-orange-500 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><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 stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\" />\n </svg><span id=\"company-address\" class=\"text-gray-400\">Jl. Fajar Niaga No.26, Bekasi Barat, Indonesia</span></li>\n <li class=\"flex items-center space-x-3\">\n <svg class=\"w-5 h-5 text-orange-500 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><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><span class=\"text-gray-400\">+62 821-8888-4720</span></li>\n </ul>\n <div class=\"mt-6\">\n <h5 class=\"font-semibold text-sm mb-2\">Area Layanan:</h5>\n <p class=\"text-gray-400 text-sm\">Khusus Jabodetabek</p>\n </div>\n </div>\n </div>\n <div class=\"border-t border-gray-800 mt-12 pt-8 flex flex-col sm:flex-row justify-between items-center\">\n <p class=\"text-gray-500 text-sm\">© 2024 ProjectRumah.Com. All rights reserved.</p>\n <div class=\"flex space-x-6 mt-4 sm:mt-0\"><a href=\"#\" class=\"text-gray-500 hover:text-gray-400 text-sm\">Kebijakan Privasi</a> <a href=\"#\" class=\"text-gray-500 hover:text-gray-400 text-sm\">Syarat & Ketentuan</a>\n </div>\n </div>\n </div>\n </footer><!-- Floating WhatsApp Button --> <a id=\"floating-whatsapp\" href=\"https://wa.me/6282188884720?text=Halo%20ProjectRumah.Com,%20saya%20tertarik%20untuk%20konsultasi%20renovasi/bangun%20rumah\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"fixed bottom-6 right-6 z-50 w-14 h-14 bg-green-500 rounded-full flex items-center justify-center shadow-lg hover:bg-green-600 transition-all hover:scale-110 floating-cta\">\n <svg class=\"w-7 h-7 text-white\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><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></a>\n </div>\n <script>\n // Default configuration\n const defaultConfig = {\n hero_headline: 'Jasa Renovasi & Bangun Rumah Profesional di <span class=\"gradient-text\">Bekasi dan Jakarta</span>',\n hero_subheadline: 'Layanan renovasi dan pembangunan rumah di jabodetabek khususnya area bekasi & jakarta dengan kualitas terbaik, harga transparan, dan garansi hingga 1 tahun. Percayakan proyek Anda kepada ahlinya!',\n about_title: 'Kontraktor Profesional yang Anda Percaya',\n about_description: 'Sejak 2015, ProjectRumah.Com telah membantu ratusan keluarga di Jabodetabek mewujudkan rumah impian mereka. Dengan tim arsitek, desainer interior, dan tukang berpengalaman, kami berkomitmen memberikan hasil terbaik dengan standar kualitas tertinggi.',\n whatsapp_number: '6282188884720',\n company_address: 'Jl. Fajar Niaga No.26, Bekasi Barat, Indonesia',\n background_color: '#2D3748',\n surface_color: '#F7FAFC',\n text_color: '#4A5568',\n primary_action_color: '#F59E0B',\n secondary_action_color: '#EF4444'\n };\n\n let config = { ...defaultConfig };\n\n // Initialize Element SDK\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange: async (newConfig) => {\n config = { ...defaultConfig, ...newConfig };\n updateUI();\n },\n mapToCapabilities: (cfg) => ({\n recolorables: [\n {\n get: () => cfg.background_color || defaultConfig.background_color,\n set: (value) => {\n cfg.background_color = value;\n window.elementSdk.setConfig({ background_color: value });\n }\n },\n {\n get: () => cfg.surface_color || defaultConfig.surface_color,\n set: (value) => {\n cfg.surface_color = value;\n window.elementSdk.setConfig({ surface_color: value });\n }\n },\n {\n get: () => cfg.text_color || defaultConfig.text_color,\n set: (value) => {\n cfg.text_color = value;\n window.elementSdk.setConfig({ text_color: value });\n }\n },\n {\n get: () => cfg.primary_action_color || defaultConfig.primary_action_color,\n set: (value) => {\n cfg.primary_action_color = value;\n window.elementSdk.setConfig({ primary_action_color: value });\n }\n },\n {\n get: () => cfg.secondary_action_color || defaultConfig.secondary_action_color,\n set: (value) => {\n cfg.secondary_action_color = value;\n window.elementSdk.setConfig({ secondary_action_color: value });\n }\n }\n ],\n borderables: [],\n fontEditable: undefined,\n fontSizeable: undefined\n }),\n mapToEditPanelValues: (cfg) => new Map([\n ['hero_headline', cfg.hero_headline || defaultConfig.hero_headline],\n ['hero_subheadline', cfg.hero_subheadline || defaultConfig.hero_subheadline],\n ['about_title', cfg.about_title || defaultConfig.about_title],\n ['about_description', cfg.about_description || defaultConfig.about_description],\n ['whatsapp_number', cfg.whatsapp_number || defaultConfig.whatsapp_number],\n ['company_address', cfg.company_address || defaultConfig.company_address]\n ])\n });\n }\n\n function updateUI() {\n // Update text content\n const heroHeadline = document.getElementById('hero-headline');\n if (heroHeadline) heroHeadline.innerHTML = config.hero_headline || defaultConfig.hero_headline;\n \n const heroSubheadline = document.getElementById('hero-subheadline');\n if (heroSubheadline) heroSubheadline.textContent = config.hero_subheadline || defaultConfig.hero_subheadline;\n \n const aboutTitle = document.getElementById('about-title');\n if (aboutTitle) aboutTitle.textContent = config.about_title || defaultConfig.about_title;\n \n const aboutDescription = document.getElementById('about-description');\n if (aboutDescription) aboutDescription.textContent = config.about_description || defaultConfig.about_description;\n \n const companyAddress = document.getElementById('company-address');\n if (companyAddress) companyAddress.textContent = config.company_address || defaultConfig.company_address;\n \n // Update WhatsApp links\n const waNumber = config.whatsapp_number || defaultConfig.whatsapp_number;\n const waMessage = encodeURIComponent('Halo ProjectRumah.Com, saya tertarik untuk konsultasi renovasi/bangun rumah');\n const waUrl = `https://wa.me/${waNumber}?text=${waMessage}`;\n \n const whatsappCta = document.getElementById('whatsapp-cta');\n if (whatsappCta) whatsappCta.href = waUrl;\n \n const floatingWhatsapp = document.getElementById('floating-whatsapp');\n if (floatingWhatsapp) floatingWhatsapp.href = waUrl;\n\n // Update colors via CSS custom properties\n const bgColor = config.background_color || defaultConfig.background_color;\n const surfaceColor = config.surface_color || defaultConfig.surface_color;\n const textColor = config.text_color || defaultConfig.text_color;\n const primaryColor = config.primary_action_color || defaultConfig.primary_action_color;\n const secondaryColor = config.secondary_action_color || defaultConfig.secondary_action_color;\n\n // Apply background color to hero section\n const heroSection = document.getElementById('hero');\n if (heroSection) {\n const heroGradient = heroSection.querySelector('.bg-gradient-to-br');\n if (heroGradient) {\n heroGradient.style.background = `linear-gradient(to bottom right, ${bgColor}, ${bgColor}ee, ${bgColor}dd)`;\n }\n }\n\n // Apply surface color to cards\n document.querySelectorAll('.testimonial-card, .card-hover.bg-white').forEach(el => {\n el.style.backgroundColor = surfaceColor;\n });\n\n // Apply text color\n document.querySelectorAll('.text-gray-600, .text-gray-700').forEach(el => {\n el.style.color = textColor;\n });\n\n // Apply primary action color to buttons\n document.querySelectorAll('.btn-primary').forEach(el => {\n el.style.background = `linear-gradient(135deg, ${primaryColor} 0%, ${secondaryColor} 100%)`;\n });\n\n // Apply to wood accent elements\n document.querySelectorAll('.wood-accent').forEach(el => {\n el.style.background = `linear-gradient(135deg, ${primaryColor} 0%, ${secondaryColor} 100%)`;\n });\n }\n\n // Mobile menu toggle\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n \n if (mobileMenuBtn && mobileMenu) {\n mobileMenuBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n \n // Close menu when clicking on links\n mobileMenu.querySelectorAll('a').forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n });\n });\n }\n\n // Navbar scroll effect\n const navbar = document.getElementById('navbar');\n let lastScroll = 0;\n \n window.addEventListener('scroll', () => {\n const currentScroll = window.scrollY;\n \n if (currentScroll > lastScroll && currentScroll > 100) {\n // Scrolling down - hide navbar\n navbar.style.transform = 'translateY(-100%)';\n } else {\n // Scrolling up - show navbar\n navbar.style.transform = 'translateY(0)';\n }\n \n lastScroll = currentScroll;\n });\n\n // Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n // Form submission handling\n const consultationForm = document.getElementById('consultation-form');\n if (consultationForm) {\n consultationForm.addEventListener('submit', function(e) {\n e.preventDefault();\n \n const fullName = document.getElementById('full-name').value.trim();\n const whatsappPhone = document.getElementById('whatsapp-phone').value.trim();\n const address = document.getElementById('address').value.trim();\n const serviceType = document.getElementById('service-type').value.trim();\n \n // Create WhatsApp message\n const message = `*Konsultasi Proyek Baru*\n\nNama: ${fullName}\nNomor WA: ${whatsappPhone}\nAlamat: ${address}\nLayanan: ${serviceType}\n\n---\nPesan dikirim dari Form Konsultasi Website ProjectRumah.Com`;\n \n // Direct WhatsApp URL to 082188884720\n const waUrl = `https://wa.me/6282188884720?text=${encodeURIComponent(message)}`;\n \n // Show success message\n const successMsg = document.getElementById('form-success');\n successMsg.classList.remove('hidden');\n \n // Reset form\n consultationForm.reset();\n \n // Hide success message after 3 seconds\n setTimeout(() => {\n successMsg.classList.add('hidden');\n }, 5000);\n \n // Open WhatsApp in new tab\n window.open(waUrl, '_blank', 'noopener,noreferrer');\n });\n }\n\n // Initial UI update\n updateUI();\n </script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9c98cf2c6044806f',t:'MTc3MDM2MTYzMy4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>\n</html>","portalselector":"html-head","inhead":false,"overrideStyle":{"shadow":{"default":{}}},"dynamicStyleKey":[],"dirty":null},"components":{"byId":{},"allIds":[]}}},"allIds":["OkMj"]}}},"allIds":["5a90"]},"slug":"projectrumah","canvas":"0","state":"publish","userUuid":"696b1200ca5a067c69d1dc50","publishSlug":"projectrumah","slugName":"projectrumah","isOriginal":true,"isABTesting":false,"autoSave":false,"index":true,"settings":{"published_on":null,"thumbnail":"https://media.buat.id/live/tr:q-75/2026-01-29/1769662935094-FAFICON LOGO.png","favicon":"https://media.buat.id/live/tr:q-75/2026-01-29/1769662922289-favicon.ico","keyword_phrase":"Kontraktor Renovasi & Bangun Rumah Bekasi – Jakarta | Project Rumah","keyword_phrase_options":["Jasa Renovasi & Bangun Rumah Bekasi & Jakarta | Project Rumah"],"seo_title":["keyword","separator","title"],"meta_description":"Jasa renovasi & bangun rumah Bekasi dan Jakarta. Project Rumah siap wujudkan rumah impian dengan desain modern, biaya jelas & hasil berkualitas.","search_engine_display":true,"search_engine_follow":true,"scripts":{"disable_global":true,"head":"","head_desktop":"","head_mobile":"","footer":"","footer_desktop":"","footer_mobile":""},"utm_trackings":{"utm_source":false,"utm_medium":false,"utm_campaign":false,"utm_term":false,"utm_content":false}},"permalink":"https://projectrumah.buat.page/undefined","pageContentId":"6975de3d25dc722b20967bb7"}}