{"id":6,"date":"2026-08-27T07:43:40","date_gmt":"2026-08-27T07:43:40","guid":{"rendered":"https:\/\/roqib.online\/?page_id=6"},"modified":"2026-08-27T07:53:49","modified_gmt":"2026-08-27T07:53:49","slug":"jasa-website-landing-page","status":"publish","type":"page","link":"https:\/\/roqib.online\/","title":{"rendered":"Roqib \u2014 Website &#038; Landing Page"},"content":{"rendered":"<style>body.home .wp-site-blocks>header,body.home .wp-site-blocks>footer{display:none!important}body.home .wp-site-blocks>main,body.home .wp-site-blocks>main.has-global-padding{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}body.home .wp-site-blocks>main>.wp-block-group{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}body.home .wp-block-post-title{display:none!important}body.home .wp-block-post-content,body.home .entry-content{display:block!important;max-width:none!important;width:100%!important;padding:0!important;margin:0!important}body.home .wp-block-post-content>*{max-width:none}\n    :root{--ink:#18231f;--muted:#64716b;--paper:#f7f7f2;--surface:#fff;--line:#dde3dc;--accent:#d7f36b;--accent-dark:#183b2a;--warm:#f0eadf;--max:1160px}\n    *{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);overflow-x:hidden;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,\"Segoe UI\",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}\n    header{padding:22px 0;border-bottom:1px solid var(--line);background:rgba(247,247,242,.92);position:relative;z-index:2}.nav{display:flex;align-items:center;justify-content:space-between}.brand{font-size:1.25rem;font-weight:800;letter-spacing:-.04em}.brand span{color:#75932f}.navlinks{display:flex;gap:28px;color:var(--muted);font-size:.92rem}.navlinks a:hover{color:var(--ink)}.nav-cta{padding:11px 17px;background:var(--ink);color:#fff;border-radius:999px;font-weight:700;font-size:.9rem}\n    .hero{padding:78px 0 82px;position:relative;overflow:hidden}.hero:after{content:\"\";position:absolute;width:420px;height:420px;border-radius:50%;background:var(--accent);right:-170px;top:-150px;opacity:.55;z-index:0}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;color:#5f7530;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.eyebrow i{display:block;width:28px;height:2px;background:#91af41}.hero h1{font-size:clamp(2.7rem,6vw,5.65rem);line-height:.98;letter-spacing:-.075em;margin:19px 0 25px;max-width:720px}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.lead{font-size:1.16rem;color:var(--muted);max-width:560px;margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 21px;border-radius:8px;font-weight:800;border:1px solid var(--ink);transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--ink)}.btn.primary{background:var(--ink);color:#fff}.btn.secondary{background:transparent}.hero-note{margin-top:20px;color:var(--muted);font-size:.86rem}.hero-visual{background:var(--accent-dark);border-radius:18px;padding:18px;box-shadow:16px 16px 0 #dfe4d9;transform:rotate(2deg)}.browser{background:#fbfbf7;border-radius:10px;overflow:hidden}.browserbar{height:34px;display:flex;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid var(--line)}.dot{width:7px;height:7px;border-radius:50%;background:#c8cec5}.browsercontent{padding:30px 26px 25px}.mini-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6d8a31;font-weight:800}.mini-title{font-size:34px;line-height:1;letter-spacing:-.07em;margin:10px 0 23px;font-weight:800}.mini-lines{display:grid;gap:8px}.mini-lines span{display:block;height:7px;background:#dde5d1;border-radius:20px}.mini-lines span:nth-child(2){width:78%}.mini-lines span:nth-child(3){width:56%}.mini-button{display:inline-block;margin-top:25px;background:var(--ink);color:#fff;padding:9px 14px;border-radius:5px;font-size:10px;font-weight:800}.proof{display:flex;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);color:#dce9d4;font-size:.86rem}.proof strong{display:block;color:var(--accent);font-size:1.2rem}\n    .strip{background:var(--ink);color:#fff;padding:18px 0}.strip-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.strip p{margin:0;color:#d4ddd2;font-size:.92rem}.strip b{color:var(--accent)}\n    section{padding:96px 0}.section-head{display:grid;grid-template-columns:.72fr 1fr;gap:55px;margin-bottom:46px}.kicker{color:#75932f;font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.section-head h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;letter-spacing:-.065em;margin:0;max-width:650px}.section-head p{color:var(--muted);max-width:510px;margin:8px 0 0;font-size:1.05rem}.services{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.service{background:var(--surface);padding:31px;border:1px solid var(--line);border-radius:12px}.service.featured{background:var(--warm);min-height:300px}.service h3{font-size:1.45rem;letter-spacing:-.04em;margin:36px 0 10px}.service p{color:var(--muted);margin:0;max-width:450px}.service-tag{font-size:.75rem;font-weight:800;color:#6d8a31;text-transform:uppercase;letter-spacing:.1em}.service-list{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none;color:var(--muted);font-size:.93rem}.service-list li:before{content:\"\u21b3\";color:#75932f;font-weight:bold;margin-right:9px}.side-services{display:grid;gap:16px}.side-services .service{min-height:142px;padding:25px}.side-services h3{margin:18px 0 5px;font-size:1.15rem}\n    .process{background:#e9eee5}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{border-top:2px solid var(--ink);padding-top:19px}.step-num{font-family:Georgia,serif;font-size:2.3rem;color:#8ca64c}.step h3{margin:9px 0 7px;font-size:1.18rem}.step p{color:var(--muted);font-size:.92rem;margin:0;max-width:280px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px;position:relative}.price.recommended{background:var(--accent);border-color:var(--accent)}.price-label{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.price h3{margin:18px 0 8px;font-size:1.35rem}.price p{color:var(--muted);font-size:.9rem;min-height:54px}.price strong{font-size:1.5rem;letter-spacing:-.05em}.price small{color:var(--muted);display:block;margin-top:4px}.price ul{list-style:none;padding:18px 0 0;margin:18px 0 0;border-top:1px solid rgba(24,35,31,.16);display:grid;gap:8px;font-size:.9rem}.price li:before{content:\"\u2713\";font-weight:bold;margin-right:8px}.price .btn{width:100%;margin-top:25px}.cta{padding:95px 0}.cta-box{background:var(--ink);color:#fff;border-radius:16px;padding:55px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:end}.cta h2{font-size:clamp(2.1rem,4vw,4rem);line-height:1;letter-spacing:-.07em;margin:0;max-width:690px}.cta p{color:#cbd7c9;max-width:520px;margin:18px 0 0}.cta .btn{background:var(--accent);border-color:var(--accent);color:var(--ink);white-space:nowrap}.contact{padding-top:0}.brief{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:var(--warm);padding:34px;border-radius:12px}.brief h3{font-size:1.7rem;line-height:1.05;letter-spacing:-.05em;margin:0}.brief p{color:var(--muted)}form{display:grid;gap:12px}input,textarea,select{width:100%;border:1px solid #cfd8cc;background:#fff;padding:13px 14px;border-radius:6px;font:inherit;color:var(--ink)}textarea{min-height:100px;resize:vertical}form .btn{cursor:pointer;background:var(--ink);color:#fff}.form-note{color:var(--muted);font-size:.8rem;margin:0}footer{border-top:1px solid var(--line);padding:27px 0;color:var(--muted);font-size:.84rem}.footer-inner{display:flex;justify-content:space-between;gap:20px}\n    @media(max-width:800px){.navlinks{display:none}.hero{padding:54px 0}.hero-grid,.section-head,.services,.brief{grid-template-columns:1fr;gap:35px}.hero-visual{max-width:520px}.process-grid,.pricing{grid-template-columns:1fr}.strip-inner,.footer-inner{align-items:flex-start;flex-direction:column}.cta-box{grid-template-columns:1fr;padding:34px 26px}.cta{padding:60px 0}section{padding:65px 0}.hero h1{font-size:clamp(2.65rem,14vw,4.5rem)}.proof{justify-content:space-between}.wrap{width:min(calc(100% - 30px),var(--max))}}\n    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.hero-visual{transform:none}}\n  <\/style>\n<p><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"ProfessionalService\",\"name\":\"Roqib\",\"url\":\"https:\/\/roqib.online\/\",\"description\":\"Jasa pembuatan website dan landing page yang membantu bisnis mendapatkan inquiry.\",\"areaServed\":\"Indonesia\",\"telephone\":\"+6285210057479\",\"serviceType\":[\"Pembuatan Landing Page\",\"Pembuatan Website Company Profile\",\"Optimasi Website\"]}<\/script><\/p>\n<header>\n<div class=\"wrap nav\"><a class=\"brand\" href=\"#top\">roqib<span>.<\/span>online<\/a><\/p>\n<nav class=\"navlinks\" aria-label=\"Navigasi\"><a href=\"#layanan\">Layanan<\/a><a href=\"#proses\">Proses<\/a><a href=\"#paket\">Paket<\/a><\/nav>\n<p><a class=\"nav-cta\" href=\"#brief\">Mulai konsultasi<\/a><\/div>\n<\/header>\n<p>  <main id=\"top\"><\/p>\n<section class=\"hero\">\n<div class=\"wrap hero-grid\">\n<div>\n<div class=\"eyebrow\"><i><\/i> Website &amp; landing page untuk bisnis<\/div>\n<h1>Website yang bikin bisnis lu <em>lebih dipercaya.<\/em><\/h1>\n<p class=\"lead\">Bukan cuma tampil bagus. Kami membantu bisnis jasa punya website yang jelas, meyakinkan, dan siap mengubah pengunjung menjadi inquiry.<\/p>\n<div class=\"actions\"><a class=\"btn primary\" href=\"#brief\">Ceritakan kebutuhan lu <span aria-hidden=\"true\">\u2197<\/span><\/a><a class=\"btn secondary\" href=\"#layanan\">Lihat layanan<\/a><\/div>\n<p class=\"hero-note\">Brief awal gratis \u00b7 Struktur jelas \u00b7 Siap dipakai untuk iklan<\/p>\n<\/div>\n<div class=\"hero-visual\">\n<div class=\"browser\">\n<div class=\"browserbar\"><i class=\"dot\"><\/i><i class=\"dot\"><\/i><i class=\"dot\"><\/i><\/div>\n<div class=\"browsercontent\">\n<div class=\"mini-label\">Your next customer starts here<\/div>\n<div class=\"mini-title\">Make your offer<br \/>easy to choose.<\/div>\n<div class=\"mini-lines\"><span><\/span><span><\/span><span><\/span><\/div>\n<div class=\"mini-button\">MULAI KONSULTASI \u2197<\/div>\n<\/div>\n<\/div>\n<div class=\"proof\">\n<div><strong>01<\/strong> fokus pada pesan<\/div>\n<div><strong>02<\/strong> siap untuk leads<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<div class=\"strip\">\n<div class=\"wrap strip-inner\">\n<p><b>Punya traffic tapi belum banyak inquiry?<\/b> Mungkin masalahnya bukan di iklannya.<\/p>\n<p><a href=\"#brief\">Cek kebutuhan website lu \u2192<\/a><\/div>\n<\/div>\n<section id=\"layanan\">\n<div class=\"wrap\">\n<div class=\"section-head\">\n<div class=\"kicker\">Yang kami kerjakan<\/div>\n<div>\n<h2>Satu halaman. Satu pesan. Satu tujuan.<\/h2>\n<p>Kami merapikan cara bisnis lu menjelaskan produk, membangun kepercayaan, dan mengarahkan calon pelanggan untuk mengambil tindakan.<\/p>\n<\/div>\n<\/div>\n<div class=\"services\">\n<article class=\"service featured\">\n<div class=\"service-tag\">01 \/ Paling sering dipilih<\/div>\n<h3>Landing Page yang fokus konversi<\/h3>\n<p>Untuk campaign iklan, launching produk, atau penawaran jasa yang butuh halaman khusus dan pesan yang tajam.<\/p>\n<ul class=\"service-list\">\n<li>Copy &amp; struktur halaman<\/li>\n<li>Desain responsif untuk mobile<\/li>\n<li>CTA dan form inquiry<\/li>\n<li>Tracking dasar siap dipasang<\/li>\n<\/ul>\n<\/article>\n<div class=\"side-services\">\n<article class=\"service\">\n<div class=\"service-tag\">02<\/div>\n<h3>Website company profile<\/h3>\n<p>Bangun kredibilitas dan tampilkan layanan bisnis secara profesional.<\/p>\n<\/article>\n<article class=\"service\">\n<div class=\"service-tag\">03<\/div>\n<h3>Optimasi halaman existing<\/h3>\n<p>Perbaiki pesan, struktur, dan CTA di halaman yang sudah berjalan.<\/p>\n<\/article>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"process\" id=\"proses\">\n<div class=\"wrap\">\n<div class=\"section-head\">\n<div class=\"kicker\">Cara kerja<\/div>\n<div>\n<h2>Jelas dari awal sampai live.<\/h2>\n<p>Proses dibuat ringkas supaya lu bisa fokus ke bisnis, bukan bolak-balik mengurus detail teknis.<\/p>\n<\/div>\n<\/div>\n<div class=\"process-grid\">\n<div class=\"step\">\n<div class=\"step-num\">01<\/div>\n<h3>Brief &amp; arah<\/h3>\n<p>Kita pahami bisnis, target customer, penawaran, dan tujuan halaman.<\/p>\n<\/div>\n<div class=\"step\">\n<div class=\"step-num\">02<\/div>\n<h3>Rancang &amp; bangun<\/h3>\n<p>Pesan, layout, dan tampilan disusun menjadi halaman yang mudah dipahami.<\/p>\n<\/div>\n<div class=\"step\">\n<div class=\"step-num\">03<\/div>\n<h3>Review &amp; live<\/h3>\n<p>Revisi, pengecekan mobile, CTA, dan handover agar halaman siap digunakan.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"paket\">\n<div class=\"wrap\">\n<div class=\"section-head\">\n<div class=\"kicker\">Paket layanan<\/div>\n<div>\n<h2>Mulai dari kebutuhan yang paling penting.<\/h2>\n<p>Harga awal berikut membantu memberi gambaran. Setelah brief, kami kirim scope dan penawaran yang lebih presisi.<\/p>\n<\/div>\n<\/div>\n<div class=\"pricing\">\n<article class=\"price\">\n<div class=\"price-label\">Untuk mulai<\/div>\n<h3>LP Basic<\/h3>\n<p>Halaman penawaran sederhana untuk satu tujuan.<\/p>\n<p><strong>Mulai Rp1,5 jt<\/strong><small>tergantung scope<\/small><\/p>\n<ul>\n<li>1 landing page<\/li>\n<li>Responsive mobile<\/li>\n<li>2x revisi<\/li>\n<\/ul>\n<p><a class=\"btn secondary\" href=\"#brief\">Tanya detail<\/a><\/article>\n<article class=\"price recommended\">\n<div class=\"price-label\">Untuk campaign<\/div>\n<h3>LP Conversion<\/h3>\n<p>Landing page dengan struktur pesan dan CTA yang lebih lengkap.<\/p>\n<p><strong>Mulai Rp3 jt<\/strong><small>tergantung scope<\/small><\/p>\n<ul>\n<li>Strategi struktur &amp; copy<\/li>\n<li>Form\/CTA inquiry<\/li>\n<li>Tracking dasar<\/li>\n<\/ul>\n<p><a class=\"btn primary\" href=\"#brief\">Tanya detail<\/a><\/article>\n<article class=\"price\">\n<div class=\"price-label\">Untuk kredibilitas<\/div>\n<h3>Company Profile<\/h3>\n<p>Website profesional untuk memperkenalkan bisnis dan layanan.<\/p>\n<p><strong>Mulai Rp4 jt<\/strong><small>tergantung scope<\/small><\/p>\n<ul>\n<li>Beberapa halaman<\/li>\n<li>Responsive mobile<\/li>\n<li>Handover &amp; panduan dasar<\/li>\n<\/ul>\n<p><a class=\"btn secondary\" href=\"#brief\">Tanya detail<\/a><\/article>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"cta\">\n<div class=\"wrap\">\n<div class=\"cta-box\">\n<div>\n<h2>Kalau bisnis lu siap terlihat lebih serius, kita mulai dari brief.<\/h2>\n<p>Ceritakan bisnis dan kebutuhan lu. Kami bantu menentukan halaman dan paket yang paling masuk akal\u2014tanpa harus langsung commit.<\/p>\n<\/div>\n<p><a class=\"btn\" href=\"#brief\">Mulai brief gratis \u2197<\/a><\/div>\n<\/div>\n<\/section>\n<section class=\"contact\" id=\"brief\">\n<div class=\"wrap\">\n<div class=\"brief\">\n<div>\n<div class=\"kicker\">Brief awal<\/div>\n<h3>Kasih tahu apa yang sedang lu bangun.<\/h3>\n<p>Isi singkat saja. Setelah dikirim, tombol akan membuka draft pesan di WhatsApp agar bisa langsung dilanjutkan.<\/p>\n<p class=\"form-note\">Brief dikirim langsung ke WhatsApp untuk ditindaklanjuti.<\/p>\n<\/div>\n<form id=\"briefForm\"><input required name=\"name\" placeholder=\"Nama lu\" aria-label=\"Nama lu\"><input required name=\"business\" placeholder=\"Nama bisnis \/ jenis usaha\" aria-label=\"Nama bisnis atau jenis usaha\"><select name=\"need\" aria-label=\"Kebutuhan utama\"><option value=\"Landing Page\">Landing Page<\/option><option value=\"Website Company Profile\">Website Company Profile<\/option><option value=\"Optimasi halaman existing\">Optimasi halaman existing<\/option><option value=\"Belum yakin\">Belum yakin<\/option><\/select><textarea required name=\"message\" placeholder=\"Ceritakan singkat kebutuhan atau targetnya\" aria-label=\"Kebutuhan atau target\"><\/textarea><button class=\"btn\" type=\"submit\">Kirim brief via WhatsApp \u2197<\/button><\/form>\n<\/div>\n<\/div>\n<\/section>\n<p>  <\/main><\/p>\n<footer>\n<div class=\"wrap footer-inner\">\n<div class=\"brand\">roqib<span>.<\/span>online<\/div>\n<div>Website &amp; landing page untuk bisnis yang ingin tumbuh lebih terarah.<\/div>\n<\/div>\n<\/footer>\n<p>  <script>\n    \/\/ Replace this number before publishing: international format, no + or spaces.\n    const WHATSAPP_NUMBER = '6285210057479';\n    document.getElementById('briefForm').addEventListener('submit', function(e){\n      e.preventDefault();\n      const data = new FormData(e.currentTarget);\n      const text = `Halo Roqib, saya ${data.get('name')} dari ${data.get('business')}. Saya tertarik dengan ${data.get('need')}. Kebutuhan saya: ${data.get('message')}`;\n      if(!WHATSAPP_NUMBER){ alert('Nomor WhatsApp belum dihubungkan. Silakan hubungi admin untuk mengaktifkan CTA ini.'); return; }\n      window.open(`https:\/\/wa.me\/${WHATSAPP_NUMBER}?text=${encodeURIComponent(text)}`, '_blank', 'noopener');\n    });\n  <\/script><br \/>\n<script>\n    \/\/ Replace this number before publishing: international format, no + or spaces.\n    const WHATSAPP_NUMBER = '6285210057479';\n    document.getElementById('briefForm').addEventListener('submit', function(e){\n      e.preventDefault();\n      const data = new FormData(e.currentTarget);\n      const text = `Halo Roqib, saya ${data.get('name')} dari ${data.get('business')}. Saya tertarik dengan ${data.get('need')}. Kebutuhan saya: ${data.get('message')}`;\n      if(!WHATSAPP_NUMBER){ alert('Nomor WhatsApp belum dihubungkan. Silakan hubungi admin untuk mengaktifkan CTA ini.'); return; }\n      window.open(`https:\/\/wa.me\/${WHATSAPP_NUMBER}?text=${encodeURIComponent(text)}`, '_blank', 'noopener');\n    });\n  <\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jasa pembuatan website dan landing page yang membantu bisnis terlihat lebih profesional dan mendapatkan lebih banyak inquiry.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roqib.online\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roqib.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roqib.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roqib.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roqib.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":5,"href":"https:\/\/roqib.online\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/roqib.online\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/roqib.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}