renovasi rumah

{"page":{"_id":"696b1276cafd6e06226ee22f","title":"renovasi rumah","sections":{"byId":{"a09a":{"_id":"a09a","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":""},"components":{"byId":{"DOeP":{"_id":"DOeP","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 rumah profesional dan terpercaya. Renovasi rumah, bangun rumah, interior & eksterior dengan kualitas terbaik dan harga transparan.\">\n <title>Renovasi.My.id - Jasa Renovasi Rumah Profesional</title>\n <script src=\"https://cdn.tailwindcss.com\"></script>\n <script src=\"/_sdk/element_sdk.js\"></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@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n box-sizing: border-box;\n }\n * {\n font-family: 'Plus Jakarta Sans', sans-serif;\n }\n html {\n scroll-behavior: smooth;\n }\n .gradient-hero {\n background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%);\n }\n .card-hover {\n transition: all 0.3s ease;\n }\n .card-hover:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n }\n .service-card {\n background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);\n }\n .btn-primary {\n background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);\n transition: all 0.3s ease;\n }\n .btn-primary:hover {\n background: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);\n transform: translateY(-2px);\n box-shadow: 0 10px 20px rgba(249, 115, 22, 0.3);\n }\n .floating-wa {\n animation: pulse 2s infinite;\n }\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n .stat-card {\n background: rgba(255,255,255,0.1);\n backdrop-filter: blur(10px);\n }\n .portfolio-img {\n transition: transform 0.5s ease;\n }\n .portfolio-card:hover .portfolio-img {\n transform: scale(1.1);\n }\n .testimonial-card {\n background: linear-gradient(145deg, #ffffff 0%, #fff7ed 100%);\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-slate-50 text-slate-800\">\n <div id=\"app-wrapper\" class=\"w-full h-full overflow-auto\">\n <nav id=\"navbar\" class=\"fixed top-0 left-0 right-0 z-50 bg-white/95 backdrop-blur-md shadow-sm\">\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-16 md:h-20\">\n <div class=\"flex items-center gap-2\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-orange-500 to-orange-600 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 id=\"nav-company-name\" class=\"text-xl font-bold text-slate-800\">Renovasi.My.id</span>\n </div>\n <div class=\"hidden md:flex items-center gap-8\"><a href=\"#beranda\" class=\"text-slate-600 hover:text-orange-500 font-medium transition-colors\">Beranda</a> <a href=\"#tentang\" class=\"text-slate-600 hover:text-orange-500 font-medium transition-colors\">Tentang</a> <a href=\"#layanan\" class=\"text-slate-600 hover:text-orange-500 font-medium transition-colors\">Layanan</a> <a href=\"#portofolio\" class=\"text-slate-600 hover:text-orange-500 font-medium transition-colors\">Portofolio</a> <a href=\"#testimoni\" class=\"text-slate-600 hover:text-orange-500 font-medium transition-colors\">Testimoni</a> <a href=\"#kontak\" class=\"btn-primary px-6 py-2.5 rounded-full text-white font-semibold\">Hubungi Kami</a>\n </div> <button id=\"mobile-menu-btn\" class=\"md:hidden p-2 rounded-lg hover:bg-slate-100\">\n <svg class=\"w-6 h-6 text-slate-700\" 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 id=\"mobile-menu\" class=\"hidden md:hidden pb-4\">\n <div class=\"flex flex-col gap-2\"><a href=\"#beranda\" class=\"px-4 py-2 text-slate-600 hover:text-orange-500 hover:bg-orange-50 rounded-lg font-medium\">Beranda</a> <a href=\"#tentang\" class=\"px-4 py-2 text-slate-600 hover:text-orange-500 hover:bg-orange-50 rounded-lg font-medium\">Tentang</a> <a href=\"#layanan\" class=\"px-4 py-2 text-slate-600 hover:text-orange-500 hover:bg-orange-50 rounded-lg font-medium\">Layanan</a> <a href=\"#portofolio\" class=\"px-4 py-2 text-slate-600 hover:text-orange-500 hover:bg-orange-50 rounded-lg font-medium\">Portofolio</a> <a href=\"#testimoni\" class=\"px-4 py-2 text-slate-600 hover:text-orange-500 hover:bg-orange-50 rounded-lg font-medium\">Testimoni</a> <a href=\"#kontak\" class=\"btn-primary px-4 py-2.5 rounded-lg text-white font-semibold text-center mt-2\">Hubungi Kami</a>\n </div>\n </div>\n </div>\n </nav>\n <section id=\"beranda\" class=\"min-h-screen flex items-center pt-20 relative overflow-hidden\">\n <div class=\"absolute inset-0\"><img src=\"https://lh3.googleusercontent.com/pw/AP1GczOmAqYt8i_CY15_mjqHVYkOhkjMD-M8YnhHT_oNjuCDKphpYuOu64Yk9X8qLUNHPaBGTd0zyqMr5TrT0UPmRLn3S_gfJMWkC1OAtC2RoNHfDMOJF2s=w2400\" alt=\"Background Rumah 2 Lantai\" class=\"w-full h-full object-cover\" loading=\"lazy\" onerror=\"this.style.display='none'; this.parentElement.style.background='linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%)';\">\n <div class=\"absolute inset-0 bg-gradient-to-r from-slate-900/95 via-slate-900/85 to-slate-900/70\"></div>\n </div>\n <div class=\"absolute inset-0 opacity-10\">\n <svg class=\"w-full h-full\" viewbox=\"0 0 100 100\" preserveaspectratio=\"none\"><defs>\n <pattern id=\"grid\" width=\"10\" height=\"10\" patternunits=\"userSpaceOnUse\">\n <path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\" />\n </pattern>\n </defs> <rect width=\"100\" height=\"100\" fill=\"url(#grid)\" />\n </svg>\n </div>\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 md:py-24 relative z-10\">\n <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n <div class=\"text-center lg:text-left\">\n <div class=\"inline-flex items-center gap-2 bg-orange-500/20 px-4 py-2 rounded-full mb-6\"><span class=\"w-2 h-2 bg-orange-400 rounded-full animate-pulse\"></span> <span class=\"text-orange-300 text-sm font-medium\">Melayani Sejak 2010</span>\n </div>\n <div class=\"bg-gradient-to-r from-orange-500 to-orange-600 rounded-2xl p-6 mb-6 shadow-2xl border-4 border-yellow-300 animate-pulse\">\n <p class=\"text-yellow-100 text-sm font-bold mb-2\"> PROMO SPESIAL </p>\n <h2 class=\"text-2xl md:text-3xl font-extrabold text-white leading-tight\">Bangun Rumah 375jt Dapat 2 Lantai Type 75</h2>\n </div>\n <h1 id=\"hero-headline\" class=\"text-4xl md:text-5xl lg:text-6xl font-extrabold text-white leading-tight mb-6\">Solusi Renovasi Rumah <span class=\"text-orange-400\">Profesional</span> & Terpercaya</h1>\n <p class=\"text-lg md:text-xl text-slate-300 mb-8 leading-relaxed\">Wujudkan rumah impian Anda bersama tim ahli kami. Pengerjaan berkualitas, tepat waktu, dan harga transparan tanpa biaya tersembunyi.</p>\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center lg:justify-start\"><a href=\"#kontak\" class=\"btn-primary px-8 py-4 rounded-full text-white font-bold text-lg inline-flex items-center justify-center gap-2\">\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=\"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> Konsultasi Gratis </a> <a href=\"#layanan\" class=\"px-8 py-4 rounded-full border-2 border-white/30 text-white font-bold text-lg hover:bg-white/10 transition-all inline-flex items-center justify-center gap-2\"> Lihat Layanan \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 class=\"grid grid-cols-3 gap-4 mt-12\">\n <div class=\"stat-card rounded-xl p-4 text-center\">\n <div class=\"text-3xl md:text-4xl font-extrabold text-orange-400\">\n 500+\n </div>\n <div class=\"text-slate-300 text-sm mt-1\">\n Proyek Selesai\n </div>\n </div>\n <div class=\"stat-card rounded-xl p-4 text-center\">\n <div class=\"text-3xl md:text-4xl font-extrabold text-orange-400\">\n 14+\n </div>\n <div class=\"text-slate-300 text-sm mt-1\">\n Tahun Pengalaman\n </div>\n </div>\n <div class=\"stat-card rounded-xl p-4 text-center\">\n <div class=\"text-3xl md:text-4xl font-extrabold text-orange-400\">\n 98%\n </div>\n <div class=\"text-slate-300 text-sm mt-1\">\n Klien Puas\n </div>\n </div>\n </div>\n </div>\n <div class=\"hidden lg:block relative\">\n <div class=\"relative\">\n <div class=\"absolute -top-8 -left-8 w-72 h-72 bg-orange-500/20 rounded-full blur-3xl\"></div>\n <div class=\"absolute -bottom-8 -right-8 w-72 h-72 bg-blue-500/20 rounded-full blur-3xl\"></div>\n <div class=\"relative bg-white/10 backdrop-blur-sm rounded-3xl p-8 border border-white/20\">\n <svg viewbox=\"0 0 400 300\" class=\"w-full h-auto\"> <rect x=\"80\" y=\"120\" width=\"240\" height=\"150\" fill=\"#475569\" rx=\"4\" /> <polygon points=\"200,40 50,140 350,140\" fill=\"#1e293b\" /> <rect x=\"160\" y=\"180\" width=\"80\" height=\"90\" fill=\"#f97316\" rx=\"2\" /> <circle cx=\"220\" cy=\"225\" r=\"6\" fill=\"#1e293b\" /> <rect x=\"100\" y=\"150\" width=\"50\" height=\"40\" fill=\"#60a5fa\" rx=\"2\" /> <rect x=\"250\" y=\"150\" width=\"50\" height=\"40\" fill=\"#60a5fa\" rx=\"2\" /> <line x1=\"125\" y1=\"150\" x2=\"125\" y2=\"190\" stroke=\"#1e293b\" stroke-width=\"2\" /> <line x1=\"100\" y1=\"170\" x2=\"150\" y2=\"170\" stroke=\"#1e293b\" stroke-width=\"2\" /> <line x1=\"275\" y1=\"150\" x2=\"275\" y2=\"190\" stroke=\"#1e293b\" stroke-width=\"2\" /> <line x1=\"250\" y1=\"170\" x2=\"300\" y2=\"170\" stroke=\"#1e293b\" stroke-width=\"2\" />  <rect x=\"320\" y=\"200\" width=\"60\" height=\"10\" fill=\"#f97316\" rx=\"2\" transform=\"rotate(-45 350 205)\" /> <rect x=\"30\" y=\"180\" width=\"8\" height=\"60\" fill=\"#94a3b8\" /> <rect x=\"20\" y=\"175\" width=\"28\" height=\"15\" fill=\"#64748b\" />  <rect x=\"340\" y=\"100\" width=\"40\" height=\"80\" fill=\"#fbbf24\" rx=\"2\" /> <rect x=\"345\" y=\"105\" width=\"30\" height=\"20\" fill=\"#1e293b\" rx=\"1\" /> <circle cx=\"360\" cy=\"150\" r=\"8\" fill=\"#1e293b\" />\n </svg>\n <div class=\"absolute -bottom-4 -right-4 bg-orange-500 text-white px-6 py-3 rounded-xl font-bold shadow-lg\">\n \n\n Bergaransi 5 Tahun\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"absolute bottom-0 left-0 right-0\">\n <svg viewbox=\"0 0 1440 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 120L60 110C120 100 240 80 360 70C480 60 600 60 720 65C840 70 960 80 1080 85C1200 90 1320 90 1380 90L1440 90V120H1380C1320 120 1200 120 1080 120C960 120 840 120 720 120C600 120 480 120 360 120C240 120 120 120 60 120H0Z\" fill=\"#f8fafc\" />\n </svg>\n </div>\n </section>\n <section id=\"tentang\" class=\"py-20 bg-slate-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=\"absolute -top-4 -left-4 w-full h-full bg-orange-500 rounded-3xl\"></div>\n <div class=\"relative bg-slate-800 rounded-3xl p-8 md:p-12\">\n <div class=\"grid grid-cols-2 gap-4\">\n <div class=\"bg-slate-700 rounded-2xl p-6 text-center\">\n <div class=\"w-16 h-16 bg-orange-500 rounded-xl flex items-center justify-center mx-auto mb-4\">\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 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n </div>\n <div class=\"text-2xl font-bold text-white\">\n 100%\n </div>\n <div class=\"text-slate-400 text-sm\">\n Legalitas Lengkap\n </div>\n </div>\n <div class=\"bg-slate-700 rounded-2xl p-6 text-center\">\n <div class=\"w-16 h-16 bg-blue-500 rounded-xl flex items-center justify-center mx-auto mb-4\">\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=\"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 0z\" />\n </svg>\n </div>\n <div class=\"text-2xl font-bold text-white\">\n 50+\n </div>\n <div class=\"text-slate-400 text-sm\">\n Tim Profesional\n </div>\n </div>\n <div class=\"bg-slate-700 rounded-2xl p-6 text-center\">\n <div class=\"w-16 h-16 bg-green-500 rounded-xl flex items-center justify-center mx-auto mb-4\">\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=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n </div>\n <div class=\"text-2xl font-bold text-white\">\n 0%\n </div>\n <div class=\"text-slate-400 text-sm\">\n Biaya Tersembunyi\n </div>\n </div>\n <div class=\"bg-slate-700 rounded-2xl p-6 text-center\">\n <div class=\"w-16 h-16 bg-purple-500 rounded-xl flex items-center justify-center mx-auto mb-4\">\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 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 <div class=\"text-2xl font-bold text-white\">\n 5 Th\n </div>\n <div class=\"text-slate-400 text-sm\">\n Masa Garansi\n </div>\n </div>\n </div>\n </div>\n </div>\n <div>\n <div class=\"inline-flex items-center gap-2 bg-orange-100 text-orange-600 px-4 py-2 rounded-full mb-4\"><span class=\"font-semibold text-sm\">TENTANG KAMI</span>\n </div>\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-slate-800 mb-6\">Partner Terpercaya untuk <span class=\"text-orange-500\">Renovasi Rumah</span> Anda</h2>\n <p class=\"text-slate-600 text-lg leading-relaxed mb-6\"><span id=\"about-company-name\" class=\"font-semibold\">Renovasi.My.id</span> adalah perusahaan jasa renovasi rumah yang telah berpengalaman lebih dari 14 tahun dalam menangani berbagai proyek renovasi rumah tinggal, kantor, ruko, dan bangunan komersial lainnya.</p>\n <p class=\"text-slate-600 leading-relaxed mb-8\">Dengan tim yang terdiri dari arsitek, insinyur sipil, dan tenaga kerja terampil, kami berkomitmen memberikan hasil renovasi terbaik dengan kualitas premium, ketepatan waktu, dan harga yang transparan.</p>\n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-4\">\n <div class=\"w-12 h-12 bg-orange-100 rounded-xl flex items-center justify-center flex-shrink-0\">\n <svg class=\"w-6 h-6 text-orange-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" /> <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\" />\n </svg>\n </div>\n <div>\n <h4 class=\"font-bold text-slate-800 mb-1\">Visi Kami</h4>\n <p class=\"text-slate-600 text-sm\">Menjadi perusahaan renovasi terdepan yang mengutamakan kepuasan pelanggan dan kualitas hasil kerja.</p>\n </div>\n </div>\n <div class=\"flex items-start gap-4\">\n <div class=\"w-12 h-12 bg-blue-100 rounded-xl flex items-center justify-center flex-shrink-0\">\n <svg class=\"w-6 h-6 text-blue-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" />\n </svg>\n </div>\n <div>\n <h4 class=\"font-bold text-slate-800 mb-1\">Misi Kami</h4>\n <p class=\"text-slate-600 text-sm\">Memberikan layanan renovasi profesional dengan harga terjangkau dan hasil yang memuaskan setiap klien.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n <section id=\"layanan\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <div class=\"inline-flex items-center gap-2 bg-orange-100 text-orange-600 px-4 py-2 rounded-full mb-4\"><span class=\"font-semibold text-sm\">LAYANAN KAMI</span>\n </div>\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-slate-800 mb-4\">Solusi Lengkap untuk <span class=\"text-orange-500\">Kebutuhan Renovasi</span></h2>\n <p class=\"text-slate-600 max-w-2xl mx-auto\">Kami menyediakan berbagai layanan renovasi dengan standar kualitas tinggi dan dikerjakan oleh tenaga ahli berpengalaman</p>\n </div>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n <div class=\"service-card rounded-2xl p-8 card-hover border border-slate-100\">\n <div class=\"w-16 h-16 bg-gradient-to-br from-orange-500 to-orange-600 rounded-2xl flex items-center justify-center mb-6 shadow-lg shadow-orange-500/30\">\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-slate-800 mb-3\">Renovasi Rumah</h3>\n <p class=\"text-slate-600 mb-4\">Renovasi total atau parsial untuk rumah tinggal Anda dengan hasil maksimal dan berkualitas tinggi.</p>\n <ul class=\"space-y-2 text-sm text-slate-500\">\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> Perluasan ruangan</li>\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> Perbaikan struktur</li>\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> Penambahan lantai</li>\n </ul>\n </div>\n <div class=\"service-card rounded-2xl p-8 card-hover border border-slate-100\">\n <div class=\"w-16 h-16 bg-gradient-to-br from-blue-500 to-blue-600 rounded-2xl flex items-center justify-center mb-6 shadow-lg shadow-blue-500/30\">\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-slate-800 mb-3\">Bangun Rumah</h3>\n <p class=\"text-slate-600 mb-4\">Layanan pembangunan rumah dari nol dengan desain sesuai keinginan dan budget Anda.</p>\n <ul class=\"space-y-2 text-sm text-slate-500\">\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> Desain arsitektur</li>\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> RAB transparan</li>\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> Pengawasan berkala</li>\n </ul>\n </div>\n <div class=\"service-card rounded-2xl p-8 card-hover border border-slate-100\">\n <div class=\"w-16 h-16 bg-gradient-to-br from-green-500 to-green-600 rounded-2xl flex items-center justify-center mb-6 shadow-lg shadow-green-500/30\">\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 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z\" />\n </svg>\n </div>\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Renovasi Dapur & Kamar Mandi</h3>\n <p class=\"text-slate-600 mb-4\">Ubah dapur dan kamar mandi Anda menjadi lebih modern, fungsional, dan nyaman.</p>\n <ul class=\"space-y-2 text-sm text-slate-500\">\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> Kitchen set custom</li>\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> Instalasi sanitary</li>\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> Waterproofing</li>\n </ul>\n </div>\n <div class=\"service-card rounded-2xl p-8 card-hover border border-slate-100\">\n <div class=\"w-16 h-16 bg-gradient-to-br from-purple-500 to-purple-600 rounded-2xl flex items-center justify-center mb-6 shadow-lg shadow-purple-500/30\">\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=\"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01\" />\n </svg>\n </div>\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Interior & Eksterior</h3>\n <p class=\"text-slate-600 mb-4\">Desain interior dan eksterior yang cantik untuk meningkatkan estetika rumah Anda.</p>\n <ul class=\"space-y-2 text-sm text-slate-500\">\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> Cat & finishing</li>\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> Plafon & partisi</li>\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> Fasad bangunan</li>\n </ul>\n </div>\n <div class=\"service-card rounded-2xl p-8 card-hover border border-slate-100\">\n <div class=\"w-16 h-16 bg-gradient-to-br from-red-500 to-red-600 rounded-2xl flex items-center justify-center mb-6 shadow-lg shadow-red-500/30\">\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 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\" />\n </svg>\n </div>\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Perbaikan Atap & Lantai</h3>\n <p class=\"text-slate-600 mb-4\">Perbaikan dan penggantian atap serta lantai dengan material berkualitas terbaik.</p>\n <ul class=\"space-y-2 text-sm text-slate-500\">\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> Genteng & metal</li>\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> Keramik & granit</li>\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> Vinyl & parquet</li>\n </ul>\n </div>\n <div class=\"service-card rounded-2xl p-8 card-hover border border-slate-100\">\n <div class=\"w-16 h-16 bg-gradient-to-br from-yellow-500 to-yellow-600 rounded-2xl flex items-center justify-center mb-6 shadow-lg shadow-yellow-500/30\">\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=\"M13 10V3L4 14h7v7l9-11h-7z\" />\n </svg>\n </div>\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Instalasi MEP</h3>\n <p class=\"text-slate-600 mb-4\">Instalasi listrik, plumbing, dan AC untuk kenyamanan rumah Anda secara menyeluruh.</p>\n <ul class=\"space-y-2 text-sm text-slate-500\">\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> Instalasi listrik</li>\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> Pipa air & saluran</li>\n <li class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-green-500\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n </svg> AC & ventilasi</li>\n </ul>\n </div>\n </div>\n </div>\n </section>\n <section class=\"py-20 bg-slate-800 relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-5\">\n <svg class=\"w-full h-full\" viewbox=\"0 0 100 100\" preserveaspectratio=\"none\"><defs>\n <pattern id=\"grid2\" width=\"8\" height=\"8\" patternunits=\"userSpaceOnUse\">\n <circle cx=\"4\" cy=\"4\" r=\"1\" fill=\"white\" />\n </pattern>\n </defs> <rect width=\"100\" height=\"100\" fill=\"url(#grid2)\" />\n </svg>\n </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\">\n <div class=\"inline-flex items-center gap-2 bg-orange-500/20 text-orange-400 px-4 py-2 rounded-full mb-4\"><span class=\"font-semibold text-sm\">MENGAPA MEMILIH KAMI</span>\n </div>\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-white mb-4\">Keunggulan <span class=\"text-orange-400\">Renovasi.My.id</span></h2>\n <p class=\"text-slate-400 max-w-2xl mx-auto\">Kami berkomitmen memberikan layanan terbaik dengan standar kualitas tinggi</p>\n </div>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-8\">\n <div class=\"text-center\">\n <div class=\"w-20 h-20 bg-gradient-to-br from-orange-500 to-orange-600 rounded-2xl flex items-center justify-center mx-auto mb-6 shadow-lg shadow-orange-500/30\">\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 0z\" />\n </svg>\n </div>\n <h3 class=\"text-xl font-bold text-white mb-3\">Tim Profesional</h3>\n <p class=\"text-slate-400\">Tenaga ahli bersertifikat dengan pengalaman bertahun-tahun di bidangnya</p>\n </div>\n <div class=\"text-center\">\n <div class=\"w-20 h-20 bg-gradient-to-br from-blue-500 to-blue-600 rounded-2xl flex items-center justify-center mx-auto mb-6 shadow-lg shadow-blue-500/30\">\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=\"text-xl font-bold text-white mb-3\">Material Berkualitas</h3>\n <p class=\"text-slate-400\">Hanya menggunakan material premium dari supplier terpercaya</p>\n </div>\n <div class=\"text-center\">\n <div class=\"w-20 h-20 bg-gradient-to-br from-green-500 to-green-600 rounded-2xl flex items-center justify-center mx-auto mb-6 shadow-lg shadow-green-500/30\">\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=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n </div>\n <h3 class=\"text-xl font-bold text-white mb-3\">Harga Transparan</h3>\n <p class=\"text-slate-400\">RAB detail tanpa biaya tersembunyi, apa yang dikutip itulah yang dibayar</p>\n </div>\n <div class=\"text-center\">\n <div class=\"w-20 h-20 bg-gradient-to-br from-purple-500 to-purple-600 rounded-2xl flex items-center justify-center mx-auto mb-6 shadow-lg shadow-purple-500/30\">\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=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n </div>\n <h3 class=\"text-xl font-bold text-white mb-3\">Tepat Waktu</h3>\n <p class=\"text-slate-400\">Komitmen penyelesaian sesuai jadwal dengan garansi 5 tahun</p>\n </div>\n </div>\n </div>\n </section>\n <section id=\"portofolio\" class=\"py-20 bg-slate-50\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <div class=\"inline-flex items-center gap-2 bg-orange-100 text-orange-600 px-4 py-2 rounded-full mb-4\"><span class=\"font-semibold text-sm\">PORTOFOLIO</span>\n </div>\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-slate-800 mb-4\">Hasil Karya <span class=\"text-orange-500\">Terbaik Kami</span></h2>\n <p class=\"text-slate-600 max-w-2xl mx-auto\">Lihat transformasi luar biasa dari proyek-proyek renovasi yang telah kami selesaikan</p>\n </div>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n <div class=\"portfolio-card group relative rounded-2xl overflow-hidden shadow-lg card-hover\">\n <div class=\"aspect-[4/3] overflow-hidden\"><img src=\"https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=800&q=80\" alt=\"Rumah Minimalis 2 Lantai\" class=\"portfolio-img w-full h-full object-cover\" loading=\"lazy\" onerror=\"this.src=''; this.alt='Image failed to load'; this.parentElement.style.background='linear-gradient(135deg, #1e293b 0%, #334155 100%)';\">\n </div>\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-900/90 via-slate-900/40 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300\">\n <div class=\"absolute bottom-0 left-0 right-0 p-6 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300\"><span class=\"text-orange-400 text-sm font-semibold\">Renovasi Total</span>\n <h3 class=\"text-xl font-bold text-white\">Rumah Minimalis 2 Lantai</h3>\n <p class=\"text-slate-300 text-sm mt-2\">Renovasi total dengan tambahan lantai 2 dan fasad modern</p>\n </div>\n </div>\n <div class=\"absolute top-4 right-4\"><span class=\"bg-green-500 text-white text-xs font-bold px-3 py-1 rounded-full\">Selesai</span>\n </div>\n </div>\n <div class=\"portfolio-card group relative rounded-2xl overflow-hidden shadow-lg card-hover\">\n <div class=\"aspect-[4/3] overflow-hidden\"><img src=\"https://images.unsplash.com/photo-1556912173-46c336c7fd55?w=800&q=80\" alt=\"Kitchen Set Modern dengan wanita Asia memasak\" class=\"portfolio-img w-full h-full object-cover\" loading=\"lazy\" onerror=\"this.src=''; this.alt='Image failed to load'; this.parentElement.style.background='linear-gradient(135deg, #f97316 0%, #ea580c 100%)';\">\n </div>\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-900/90 via-slate-900/40 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300\">\n <div class=\"absolute bottom-0 left-0 right-0 p-6 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300\"><span class=\"text-orange-400 text-sm font-semibold\">Renovasi Dapur</span>\n <h3 class=\"text-xl font-bold text-white\">Kitchen Set Modern</h3>\n <p class=\"text-slate-300 text-sm mt-2\">Desain kitchen set dengan cabinet custom dan island</p>\n </div>\n </div>\n <div class=\"absolute top-4 right-4\"><span class=\"bg-green-500 text-white text-xs font-bold px-3 py-1 rounded-full\">Selesai</span>\n </div>\n </div>\n <div class=\"portfolio-card group relative rounded-2xl overflow-hidden shadow-lg card-hover\">\n <div class=\"aspect-[4/3] overflow-hidden\"><img src=\"https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?w=800&q=80\" alt=\"Ruang Tamu Elegan dengan keluarga Asia\" class=\"portfolio-img w-full h-full object-cover\" loading=\"lazy\" onerror=\"this.src=''; this.alt='Image failed to load'; this.parentElement.style.background='linear-gradient(135deg, #3b82f6 0%, #2563eb 100%)';\">\n </div>\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-900/90 via-slate-900/40 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300\">\n <div class=\"absolute bottom-0 left-0 right-0 p-6 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300\"><span class=\"text-orange-400 text-sm font-semibold\">Interior Design</span>\n <h3 class=\"text-xl font-bold text-white\">Ruang Tamu Elegan</h3>\n <p class=\"text-slate-300 text-sm mt-2\">Interior ruang tamu dengan furniture custom dan pencahayaan</p>\n </div>\n </div>\n <div class=\"absolute top-4 right-4\"><span class=\"bg-green-500 text-white text-xs font-bold px-3 py-1 rounded-full\">Selesai</span>\n </div>\n </div>\n <div class=\"portfolio-card group relative rounded-2xl overflow-hidden shadow-lg card-hover\">\n <div class=\"aspect-[4/3] overflow-hidden\"><img src=\"https://images.unsplash.com/photo-1598928636135-d146006ff4be?w=800&q=80\" alt=\"Taman & Landscape dengan pria Asia berkebun\" class=\"portfolio-img w-full h-full object-cover\" loading=\"lazy\" onerror=\"this.src=''; this.alt='Image failed to load'; this.parentElement.style.background='linear-gradient(135deg, #22c55e 0%, #16a34a 100%)';\">\n </div>\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-900/90 via-slate-900/40 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300\">\n <div class=\"absolute bottom-0 left-0 right-0 p-6 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300\"><span class=\"text-orange-400 text-sm font-semibold\">Eksterior</span>\n <h3 class=\"text-xl font-bold text-white\">Taman & Landscape</h3>\n <p class=\"text-slate-300 text-sm mt-2\">Desain taman depan dan landscape yang asri</p>\n </div>\n </div>\n <div class=\"absolute top-4 right-4\"><span class=\"bg-green-500 text-white text-xs font-bold px-3 py-1 rounded-full\">Selesai</span>\n </div>\n </div>\n <div class=\"portfolio-card group relative rounded-2xl overflow-hidden shadow-lg card-hover\">\n <div class=\"aspect-[4/3] overflow-hidden\"><img src=\"https://images.unsplash.com/photo-1620626011761-996317b8d101?w=800&q=80\" alt=\"Kamar Mandi Luxury Modern\" class=\"portfolio-img w-full h-full object-cover\" loading=\"lazy\" onerror=\"this.src=''; this.alt='Image failed to load'; this.parentElement.style.background='linear-gradient(135deg, #a855f7 0%, #9333ea 100%)';\">\n </div>\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-900/90 via-slate-900/40 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300\">\n <div class=\"absolute bottom-0 left-0 right-0 p-6 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300\"><span class=\"text-orange-400 text-sm font-semibold\">Renovasi Kamar Mandi</span>\n <h3 class=\"text-xl font-bold text-white\">Bathroom Luxury</h3>\n <p class=\"text-slate-300 text-sm mt-2\">Kamar mandi mewah dengan sanitary premium</p>\n </div>\n </div>\n <div class=\"absolute top-4 right-4\"><span class=\"bg-green-500 text-white text-xs font-bold px-3 py-1 rounded-full\">Selesai</span>\n </div>\n </div>\n <div class=\"portfolio-card group relative rounded-2xl overflow-hidden shadow-lg card-hover\">\n <div class=\"aspect-[4/3] overflow-hidden\"><img src=\"https://images.unsplash.com/photo-1513694203232-719a280e022f?w=800&q=80\" alt=\"Renovasi Atap dengan pekerja Asia\" class=\"portfolio-img w-full h-full object-cover\" loading=\"lazy\" onerror=\"this.src=''; this.alt='Image failed to load'; this.parentElement.style.background='linear-gradient(135deg, #dc2626 0%, #b91c1c 100%)';\">\n </div>\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-900/90 via-slate-900/40 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300\">\n <div class=\"absolute bottom-0 left-0 right-0 p-6 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-300\"><span class=\"text-orange-400 text-sm font-semibold\">Renovasi Atap</span>\n <h3 class=\"text-xl font-bold text-white\">Penggantian Genteng</h3>\n <p class=\"text-slate-300 text-sm mt-2\">Renovasi atap dengan genteng metal berkualitas</p>\n </div>\n </div>\n <div class=\"absolute top-4 right-4\"><span class=\"bg-green-500 text-white text-xs font-bold px-3 py-1 rounded-full\">Selesai</span>\n </div>\n </div>\n </div>\n <div class=\"text-center mt-12\"><a href=\"#kontak\" class=\"btn-primary inline-flex items-center gap-2 px-8 py-4 rounded-full text-white font-bold\"> Lihat Lebih Banyak \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>\n <section id=\"testimoni\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <div class=\"inline-flex items-center gap-2 bg-orange-100 text-orange-600 px-4 py-2 rounded-full mb-4\"><span class=\"font-semibold text-sm\">TESTIMONI</span>\n </div>\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-slate-800 mb-4\">Apa Kata <span class=\"text-orange-500\">Klien Kami</span></h2>\n <p class=\"text-slate-600 max-w-2xl mx-auto\">Kepuasan pelanggan adalah prioritas utama kami</p>\n </div>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n <div class=\"testimonial-card rounded-2xl p-8 card-hover border border-orange-100\">\n <div class=\"flex items-center gap-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-slate-600 mb-6 italic\">\"Sangat puas dengan hasil renovasi rumah saya. Tim Renovasi.My.id sangat profesional dan responsif. Harga sesuai dengan kualitas yang diberikan. Highly recommended!\"</p>\n <div class=\"flex items-center gap-4\">\n <div class=\"w-12 h-12 bg-gradient-to-br from-orange-400 to-orange-500 rounded-full flex items-center justify-center text-white font-bold text-lg\">\n B\n </div>\n <div>\n <h4 class=\"font-bold text-slate-800\">Budi Santoso</h4>\n <p class=\"text-slate-500 text-sm\">Jakarta Selatan</p>\n </div>\n </div>\n </div>\n <div class=\"testimonial-card rounded-2xl p-8 card-hover border border-orange-100\">\n <div class=\"flex items-center gap-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-slate-600 mb-6 italic\">\"Proses pengerjaan cepat dan rapi. Yang paling saya suka adalah transparansi biayanya. Tidak ada biaya tambahan di luar RAB yang sudah disepakati. Terima kasih!\"</p>\n <div class=\"flex items-center gap-4\">\n <div class=\"w-12 h-12 bg-gradient-to-br from-blue-400 to-blue-500 rounded-full flex items-center justify-center text-white font-bold text-lg\">\n S\n </div>\n <div>\n <h4 class=\"font-bold text-slate-800\">Siti Rahayu</h4>\n <p class=\"text-slate-500 text-sm\">Bekasi</p>\n </div>\n </div>\n </div>\n <div class=\"testimonial-card rounded-2xl p-8 card-hover border border-orange-100\">\n <div class=\"flex items-center gap-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-slate-600 mb-6 italic\">\"Dapur baru saya jadi kebanggaan! Desainnya modern dan fungsional. Tim sangat detail dan teliti dalam pengerjaan. Pasti akan pakai jasa mereka lagi untuk proyek selanjutnya.\"</p>\n <div class=\"flex items-center gap-4\">\n <div class=\"w-12 h-12 bg-gradient-to-br from-green-400 to-green-500 rounded-full flex items-center justify-center text-white font-bold text-lg\">\n A\n </div>\n <div>\n <h4 class=\"font-bold text-slate-800\">Ahmad Wijaya</h4>\n <p class=\"text-slate-500 text-sm\">Tangerang</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n <section id=\"kontak\" class=\"py-20 bg-slate-800 relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-5\">\n <svg class=\"w-full h-full\" viewbox=\"0 0 100 100\" preserveaspectratio=\"none\"><defs>\n <pattern id=\"grid3\" width=\"10\" height=\"10\" patternunits=\"userSpaceOnUse\">\n <path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\" />\n </pattern>\n </defs> <rect width=\"100\" height=\"100\" fill=\"url(#grid3)\" />\n </svg>\n </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\">\n <div class=\"inline-flex items-center gap-2 bg-orange-500/20 text-orange-400 px-4 py-2 rounded-full mb-4\"><span class=\"font-semibold text-sm\">HUBUNGI KAMI</span>\n </div>\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-white mb-4\">Siap Untuk <span class=\"text-orange-400\">Memulai Proyek?</span></h2>\n <p class=\"text-slate-400 max-w-2xl mx-auto\">Konsultasikan kebutuhan renovasi Anda secara GRATIS. Tim kami siap membantu mewujudkan rumah impian Anda</p>\n </div>\n <div class=\"grid lg:grid-cols-2 gap-12\">\n <div>\n <h3 class=\"text-2xl font-bold text-white mb-8\">Informasi Kontak</h3>\n <div class=\"space-y-6\">\n <div class=\"flex items-start gap-4\">\n <div class=\"w-14 h-14 bg-orange-500/20 rounded-xl flex items-center justify-center flex-shrink-0\">\n <svg class=\"w-6 h-6 text-orange-400\" 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>\n </div>\n <div>\n <h4 class=\"font-bold text-white mb-1\">WhatsApp</h4>\n <p id=\"contact-phone\" class=\"text-slate-400\">+62 821-8888-4720</p>\n <p class=\"text-slate-500 text-sm\">Tersedia 08.00 - 21.00 WIB</p>\n </div>\n </div>\n <div class=\"flex items-start gap-4\">\n <div class=\"w-14 h-14 bg-blue-500/20 rounded-xl flex items-center justify-center flex-shrink-0\">\n <svg class=\"w-6 h-6 text-blue-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" />\n </svg>\n </div>\n <div>\n <h4 class=\"font-bold text-white mb-1\">Email</h4>\n <p class=\"text-slate-400\">renovasi.my.id@gmail.com</p>\n <p class=\"text-slate-500 text-sm\">Respon dalam 24 jam</p>\n </div>\n </div>\n <div class=\"flex items-start gap-4\">\n <div class=\"w-14 h-14 bg-green-500/20 rounded-xl flex items-center justify-center flex-shrink-0\">\n <svg class=\"w-6 h-6 text-green-400\" 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>\n </div>\n <div>\n <h4 class=\"font-bold text-white mb-1\">Alamat Kantor</h4>\n <p id=\"contact-address\" class=\"text-slate-400\">Jl. Fajar Niaga No.26</p>\n <p class=\"text-slate-500 text-sm\">Bekasi Barat, Indonesia</p>\n </div>\n </div>\n <div class=\"flex items-start gap-4\">\n <div class=\"w-14 h-14 bg-purple-500/20 rounded-xl flex items-center justify-center flex-shrink-0\">\n <svg class=\"w-6 h-6 text-purple-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7\" />\n </svg>\n </div>\n <div>\n <h4 class=\"font-bold text-white mb-1\">Area Layanan</h4>\n <p class=\"text-slate-400\">Jabodetabek & Sekitarnya</p>\n <p class=\"text-slate-500 text-sm\">Jangkauan hingga 100km dari kantor</p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"bg-white rounded-3xl p-8 md:p-10\">\n <h3 class=\"text-2xl font-bold text-slate-800 mb-2\">Form Konsultasi Gratis</h3>\n <p class=\"text-slate-600 mb-6\">Isi form di bawah ini dan tim kami akan menghubungi Anda dalam waktu 24 jam</p>\n <form id=\"contact-form\" class=\"space-y-5\">\n <div><label for=\"name\" class=\"block text-sm font-semibold text-slate-700 mb-2\">Nama Lengkap</label> <input type=\"text\" id=\"name\" name=\"name\" required class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:border-orange-500 focus:ring-2 focus:ring-orange-500/20 outline-none transition-all\" placeholder=\"Masukkan nama lengkap\">\n </div>\n <div><label for=\"phone\" class=\"block text-sm font-semibold text-slate-700 mb-2\">Nomor WhatsApp</label> <input type=\"tel\" id=\"phone\" name=\"phone\" required class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:border-orange-500 focus:ring-2 focus:ring-orange-500/20 outline-none transition-all\" placeholder=\"08xx-xxxx-xxxx\">\n </div>\n <div><label for=\"service\" class=\"block text-sm font-semibold text-slate-700 mb-2\">Jenis Layanan</label> <select id=\"service\" name=\"service\" required class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:border-orange-500 focus:ring-2 focus:ring-orange-500/20 outline-none transition-all\"> <option value=\"\">Pilih layanan yang dibutuhkan</option> <option value=\"renovasi-rumah\">Renovasi Rumah</option> <option value=\"bangun-rumah\">Bangun Rumah</option> <option value=\"renovasi-dapur\">Renovasi Dapur & Kamar Mandi</option> <option value=\"interior\">Interior & Eksterior</option> <option value=\"atap-lantai\">Perbaikan Atap & Lantai</option> <option value=\"instalasi\">Instalasi MEP</option> <option value=\"lainnya\">Lainnya</option> </select>\n </div>\n <div><label for=\"message\" class=\"block text-sm font-semibold text-slate-700 mb-2\">Detail Kebutuhan</label> <textarea id=\"message\" name=\"message\" rows=\"4\" required class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:border-orange-500 focus:ring-2 focus:ring-orange-500/20 outline-none transition-all resize-none\" placeholder=\"Jelaskan kebutuhan renovasi Anda...\"></textarea>\n </div><button type=\"submit\" class=\"w-full btn-primary py-4 rounded-xl text-white font-bold text-lg flex items-center justify-center gap-2\">\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=\"M12 19l9 2-9-18-9 18 9-2zm0 0v-8\" />\n </svg> Kirim Permintaan </button>\n </form>\n <div id=\"form-success\" class=\"hidden mt-6 p-4 bg-green-100 border border-green-300 rounded-xl\">\n <div class=\"flex items-center gap-3\">\n <svg class=\"w-6 h-6 text-green-600\" 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 <p class=\"font-semibold text-green-800\">Terima kasih!</p>\n <p class=\"text-green-700 text-sm\">Permintaan Anda telah terkirim. Tim kami akan segera menghubungi Anda.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n <footer class=\"bg-slate-900 py-12\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid md:grid-cols-4 gap-8 mb-12\">\n <div class=\"md:col-span-2\">\n <div class=\"flex items-center gap-2 mb-4\">\n <div class=\"w-10 h-10 bg-gradient-to-br from-orange-500 to-orange-600 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 id=\"footer-company-name\" class=\"text-xl font-bold text-white\">Renovasi.My.id</span>\n </div>\n <p class=\"text-slate-400 mb-4 max-w-md\">Jasa renovasi rumah profesional dengan pengalaman lebih dari 14 tahun. Melayani area Jabodetabek dan sekitarnya dengan kualitas terbaik.</p>\n <div class=\"flex items-center gap-4\"><a href=\"#\" class=\"w-10 h-10 bg-slate-800 rounded-full flex items-center justify-center text-slate-400 hover:text-orange-400 hover:bg-slate-700 transition-all\">\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-slate-800 rounded-full flex items-center justify-center text-slate-400 hover:text-orange-400 hover:bg-slate-700 transition-all\">\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-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.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.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\" />\n </svg></a> <a href=\"#\" class=\"w-10 h-10 bg-slate-800 rounded-full flex items-center justify-center text-slate-400 hover:text-orange-400 hover:bg-slate-700 transition-all\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewbox=\"0 0 24 24\">\n <path d=\"M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z\" />\n </svg></a>\n </div>\n </div>\n <div>\n <h4 class=\"font-bold text-white mb-4\">Layanan</h4>\n <ul class=\"space-y-2\">\n <li><a href=\"#layanan\" class=\"text-slate-400 hover:text-orange-400 transition-colors\">Renovasi Rumah</a></li>\n <li><a href=\"#layanan\" class=\"text-slate-400 hover:text-orange-400 transition-colors\">Bangun Rumah</a></li>\n <li><a href=\"#layanan\" class=\"text-slate-400 hover:text-orange-400 transition-colors\">Renovasi Dapur</a></li>\n <li><a href=\"#layanan\" class=\"text-slate-400 hover:text-orange-400 transition-colors\">Interior & Eksterior</a></li>\n </ul>\n </div>\n <div>\n <h4 class=\"font-bold text-white mb-4\">Tautan</h4>\n <ul class=\"space-y-2\">\n <li><a href=\"#beranda\" class=\"text-slate-400 hover:text-orange-400 transition-colors\">Beranda</a></li>\n <li><a href=\"#tentang\" class=\"text-slate-400 hover:text-orange-400 transition-colors\">Tentang Kami</a></li>\n <li><a href=\"#portofolio\" class=\"text-slate-400 hover:text-orange-400 transition-colors\">Portofolio</a></li>\n <li><a href=\"#kontak\" class=\"text-slate-400 hover:text-orange-400 transition-colors\">Kontak</a></li>\n </ul>\n </div>\n </div>\n <div class=\"border-t border-slate-800 pt-8\">\n <p class=\"text-center text-slate-500 text-sm\">© 2024 <span id=\"copyright-company-name\">RenovasiPro</span>. Hak Cipta Dilindungi.</p>\n </div>\n </div>\n </footer> <a id=\"wa-button\" href=\"https://wa.me/6282188884720?text=Halo%20RenovasiPro,%20saya%20ingin%20konsultasi%20tentang%20renovasi%20rumah\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"floating-wa fixed bottom-6 right-6 z-50 w-16 h-16 bg-green-500 rounded-full flex items-center justify-center shadow-lg shadow-green-500/40 hover:bg-green-600 transition-all\">\n <svg class=\"w-8 h-8 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 company_name: 'Renovasi.My.id',\n hero_headline: 'Solusi Renovasi Rumah Profesional & Terpercaya',\n phone_number: '6282188884720',\n address: 'Jl.Fajar Niaga No26, Bekasi Barat',\n background_color: '#f8fafc',\n primary_color: '#f97316',\n secondary_color: '#1e293b',\n text_color: '#334155',\n accent_color: '#60a5fa'\n };\n\n // Initialize SDK\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange: async (config) => {\n // Update company name across the site\n const companyName = config.company_name || defaultConfig.company_name;\n document.getElementById('nav-company-name').textContent = companyName;\n document.getElementById('about-company-name').textContent = companyName;\n document.getElementById('footer-company-name').textContent = companyName;\n document.getElementById('copyright-company-name').textContent = companyName;\n\n // Update hero headline\n const heroHeadline = config.hero_headline || defaultConfig.hero_headline;\n const headlineWords = heroHeadline.split(' ');\n if (headlineWords.length > 2) {\n const lastTwo = headlineWords.slice(-2).join(' ');\n const rest = headlineWords.slice(0, -2).join(' ');\n document.getElementById('hero-headline').innerHTML = `${rest} <span class=\"text-orange-400\">${lastTwo}</span>`;\n } else {\n document.getElementById('hero-headline').textContent = heroHeadline;\n }\n\n // Update phone number and WhatsApp link\n const phoneNumber = config.phone_number || defaultConfig.phone_number;\n const formattedPhone = phoneNumber.replace(/(\\d{2})(\\d{3})(\\d{4})(\\d{4})/, '+$1 $2-$3-$4');\n document.getElementById('contact-phone').textContent = formattedPhone;\n document.getElementById('wa-button').href = `https://wa.me/${phoneNumber}?text=Halo%20${encodeURIComponent(companyName)},%20saya%20ingin%20konsultasi%20tentang%20renovasi%20rumah`;\n\n // Update address\n document.getElementById('contact-address').textContent = config.address || defaultConfig.address;\n\n // Update colors\n document.documentElement.style.setProperty('--primary-color', config.primary_color || defaultConfig.primary_color);\n document.body.style.backgroundColor = config.background_color || defaultConfig.background_color;\n },\n mapToCapabilities: (config) => ({\n recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (value) => {\n config.background_color = value;\n window.elementSdk.setConfig({ background_color: value });\n }\n },\n {\n get: () => config.secondary_color || defaultConfig.secondary_color,\n set: (value) => {\n config.secondary_color = value;\n window.elementSdk.setConfig({ secondary_color: value });\n }\n },\n {\n get: () => config.text_color || defaultConfig.text_color,\n set: (value) => {\n config.text_color = value;\n window.elementSdk.setConfig({ text_color: value });\n }\n },\n {\n get: () => config.primary_color || defaultConfig.primary_color,\n set: (value) => {\n config.primary_color = value;\n window.elementSdk.setConfig({ primary_color: value });\n }\n },\n {\n get: () => config.accent_color || defaultConfig.accent_color,\n set: (value) => {\n config.accent_color = value;\n window.elementSdk.setConfig({ accent_color: value });\n }\n }\n ],\n borderables: [],\n fontEditable: undefined,\n fontSizeable: undefined\n }),\n mapToEditPanelValues: (config) => new Map([\n ['company_name', config.company_name || defaultConfig.company_name],\n ['hero_headline', config.hero_headline || defaultConfig.hero_headline],\n ['phone_number', config.phone_number || defaultConfig.phone_number],\n ['address', config.address || defaultConfig.address]\n ])\n });\n }\n\n // Mobile menu toggle\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n \n mobileMenuBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n\n // Close mobile menu when clicking a link\n mobileMenu.querySelectorAll('a').forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n });\n });\n\n // Form submission\n const contactForm = document.getElementById('contact-form');\n const formSuccess = document.getElementById('form-success');\n \n contactForm.addEventListener('submit', (e) => {\n e.preventDefault();\n \n // Get form data\n const formData = new FormData(contactForm);\n const name = formData.get('name');\n const phone = formData.get('phone');\n const service = formData.get('service');\n const message = formData.get('message');\n \n // Create WhatsApp message\n const config = window.elementSdk ? window.elementSdk.config : defaultConfig;\n const companyName = config.company_name || defaultConfig.company_name;\n const whatsappNumber = config.phone_number || defaultConfig.phone_number;\n const whatsappMessage = `Halo ${companyName},%0A%0ANama: ${name}%0ATelepon: ${phone}%0ALayanan: ${service}%0A%0ADetail:%0A${message}`;\n \n // Show success message\n formSuccess.classList.remove('hidden');\n contactForm.reset();\n \n // Open WhatsApp after a short delay\n setTimeout(() => {\n window.open(`https://wa.me/${whatsappNumber}?text=${whatsappMessage}`, '_blank');\n }, 1000);\n \n // Hide success message after 5 seconds\n setTimeout(() => {\n formSuccess.classList.add('hidden');\n }, 5000);\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.pageYOffset;\n \n if (currentScroll > 50) {\n navbar.classList.add('shadow-md');\n } else {\n navbar.classList.remove('shadow-md');\n }\n \n lastScroll = currentScroll;\n });\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:'9beb768743260a12',t:'MTc2ODU0Mzk2Ni4wMDAwMDA='};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":true,"overrideStyle":{"shadow":{"default":{}}},"dynamicStyleKey":[],"dirty":null},"components":{"byId":{},"allIds":[]}}},"allIds":["DOeP"]}}},"allIds":["a09a"]},"slug":"renovasi-rumah","canvas":"2","state":"publish","userUuid":"696b1200ca5a067c69d1dc50","publishSlug":"renovasi-rumah","slugName":"projectrumah","isOriginal":true,"isABTesting":false,"autoSave":false,"index":true,"settings":{"boost":true,"formulirBoost":false},"permalink":"https://projectrumah.buat.page/undefined","pageContentId":"696b1276cafd6e06226ee231"}}

Bangun Rumah 375jt Dapat 2 Lantai Type 75

Solusi Renovasi Rumah Profesional & Terpercaya

Partner Terpercaya untuk Renovasi Rumah Anda

Visi Kami

Misi Kami

Solusi Lengkap untuk Kebutuhan Renovasi

Renovasi Rumah

Bangun Rumah

Renovasi Dapur & Kamar Mandi

Interior & Eksterior

Perbaikan Atap & Lantai

Instalasi MEP

Keunggulan Renovasi.My.id

Tim Profesional

Material Berkualitas

Harga Transparan

Tepat Waktu

Hasil Karya Terbaik Kami

Rumah Minimalis 2 Lantai

Kitchen Set Modern

Ruang Tamu Elegan

Taman & Landscape

Bathroom Luxury

Penggantian Genteng

Apa Kata Klien Kami

Budi Santoso

Siti Rahayu

Ahmad Wijaya

Siap Untuk Memulai Proyek?

Informasi Kontak

WhatsApp

Email

Alamat Kantor

Area Layanan

Form Konsultasi Gratis