{"id":44,"date":"2026-04-28T11:51:20","date_gmt":"2026-04-28T11:51:20","guid":{"rendered":"https:\/\/cbs.or.id\/thinking\/?page_id=44"},"modified":"2026-04-28T12:04:33","modified_gmt":"2026-04-28T12:04:33","slug":"basic-version","status":"publish","type":"page","link":"https:\/\/cbs.or.id\/thinking\/","title":{"rendered":"Basic Version"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>CBS Thinking Center | Dari Ide Menjadi Program dan Produk Nyata<\/title>\n  <meta name=\"description\" content=\"CBS Thinking Center adalah pintu masuk ide pelatihan, produk, layanan, dan program berdampak untuk dikurasi, divalidasi, dan dikembangkan menjadi karya nyata yang berkelanjutan.\" \/>\n\n  <style>\n    :root {\n      --primary: #0f3d3e;\n      --primary-dark: #092728;\n      --accent: #d9a441;\n      --bg: #f7f5ef;\n      --text: #1f2933;\n      --muted: #6b7280;\n      --white: #ffffff;\n      --border: #e5e7eb;\n      --shadow: 0 16px 40px rgba(0,0,0,.08);\n      --radius: 20px;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    body {\n      font-family: Arial, Helvetica, sans-serif;\n      background: var(--bg);\n      color: var(--text);\n      line-height: 1.6;\n    }\n\n    a { color: inherit; text-decoration: none; }\n\n    .container {\n      width: min(1120px, 92%);\n      margin: 0 auto;\n    }\n\n    .navbar {\n      position: sticky;\n      top: 0;\n      z-index: 20;\n      background: rgba(255,255,255,.94);\n      backdrop-filter: blur(12px);\n      border-bottom: 1px solid var(--border);\n    }\n\n    .nav-inner {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 0;\n      gap: 18px;\n    }\n\n    .brand {\n      font-weight: 900;\n      color: var(--primary);\n      font-size: 20px;\n      letter-spacing: -.4px;\n    }\n\n    .nav-links {\n      display: flex;\n      align-items: center;\n      gap: 22px;\n      font-size: 14px;\n      color: var(--muted);\n    }\n\n    .btn {\n      display: inline-block;\n      padding: 13px 20px;\n      border-radius: 999px;\n      font-weight: 800;\n      border: 1px solid transparent;\n      transition: .2s ease;\n      text-align: center;\n      cursor: pointer;\n    }\n\n    .btn-primary {\n      background: var(--accent);\n      color: #1f1604;\n    }\n\n    .btn-primary:hover { filter: brightness(.96); transform: translateY(-1px); }\n\n    .btn-outline {\n      border-color: rgba(255,255,255,.46);\n      color: var(--white);\n    }\n\n    .btn-outline:hover { background: rgba(255,255,255,.12); }\n\n    .hero {\n      background: linear-gradient(135deg, var(--primary), var(--primary-dark));\n      color: var(--white);\n      padding: 92px 0 74px;\n    }\n\n    .hero-grid {\n      display: grid;\n      grid-template-columns: 1.1fr .9fr;\n      gap: 46px;\n      align-items: center;\n    }\n\n    .eyebrow {\n      color: #f4d48b;\n      font-size: 13px;\n      font-weight: 900;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      margin-bottom: 14px;\n    }\n\n    h1 {\n      font-size: clamp(38px, 5vw, 64px);\n      line-height: 1.04;\n      letter-spacing: -1.9px;\n      margin-bottom: 22px;\n    }\n\n    .hero p {\n      font-size: 19px;\n      color: rgba(255,255,255,.84);\n      margin-bottom: 30px;\n      max-width: 680px;\n    }\n\n    .hero-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n    }\n\n    .hero-card {\n      background: rgba(255,255,255,.1);\n      border: 1px solid rgba(255,255,255,.18);\n      border-radius: var(--radius);\n      padding: 28px;\n      box-shadow: var(--shadow);\n    }\n\n    .hero-card h3 {\n      font-size: 24px;\n      margin-bottom: 16px;\n    }\n\n    .pipeline {\n      display: grid;\n      gap: 12px;\n    }\n\n    .pipe-item {\n      background: rgba(255,255,255,.1);\n      border: 1px solid rgba(255,255,255,.1);\n      border-radius: 16px;\n      padding: 16px;\n    }\n\n    .pipe-item strong {\n      color: #f4d48b;\n      display: block;\n      margin-bottom: 3px;\n    }\n\n    section { padding: 78px 0; }\n\n    .section-title {\n      max-width: 780px;\n      margin-bottom: 34px;\n    }\n\n    .section-title.center {\n      text-align: center;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .section-title h2 {\n      font-size: clamp(30px, 4vw, 44px);\n      line-height: 1.14;\n      letter-spacing: -.8px;\n      margin-bottom: 14px;\n      color: var(--primary-dark);\n    }\n\n    .section-title p {\n      color: var(--muted);\n      font-size: 18px;\n    }\n\n    .cards {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n    }\n\n    .card {\n      background: var(--white);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      padding: 26px;\n      box-shadow: 0 8px 26px rgba(0,0,0,.045);\n    }\n\n    .card h3 {\n      color: var(--primary);\n      font-size: 24px;\n      margin-bottom: 10px;\n    }\n\n    .card p, .card li { color: var(--muted); }\n\n    .tag {\n      display: inline-block;\n      padding: 6px 10px;\n      border-radius: 999px;\n      background: #efe9da;\n      color: var(--primary);\n      font-size: 12px;\n      font-weight: 900;\n      text-transform: uppercase;\n      margin-bottom: 16px;\n    }\n\n    .dark-section {\n      background: var(--primary-dark);\n      color: var(--white);\n    }\n\n    .dark-section .section-title h2,\n    .dark-section h3 { color: var(--white); }\n\n    .dark-section .section-title p,\n    .dark-section p,\n    .dark-section li { color: rgba(255,255,255,.76); }\n\n    .steps {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 16px;\n    }\n\n    .step {\n      background: rgba(255,255,255,.1);\n      border: 1px solid rgba(255,255,255,.12);\n      border-radius: var(--radius);\n      padding: 22px;\n    }\n\n    .step-number {\n      width: 38px;\n      height: 38px;\n      border-radius: 50%;\n      display: grid;\n      place-items: center;\n      background: var(--accent);\n      color: #1f1604;\n      font-weight: 900;\n      margin-bottom: 16px;\n    }\n\n    .split {\n      display: grid;\n      grid-template-columns: .95fr 1.05fr;\n      gap: 34px;\n      align-items: start;\n    }\n\n    .panel {\n      background: var(--white);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      padding: 30px;\n      box-shadow: var(--shadow);\n    }\n\n    .checklist {\n      list-style: none;\n      display: grid;\n      gap: 12px;\n    }\n\n    .checklist li {\n      padding-left: 30px;\n      position: relative;\n      color: var(--muted);\n    }\n\n    .checklist li::before {\n      content: \"\u2713\";\n      position: absolute;\n      left: 0;\n      color: var(--primary);\n      font-weight: 900;\n    }\n\n    .form-section { background: #efe9da; }\n\n    form { display: grid; gap: 14px; }\n\n    .form-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 14px;\n    }\n\n    label {\n      font-weight: 800;\n      font-size: 14px;\n      color: var(--primary-dark);\n    }\n\n    input, select, textarea {\n      width: 100%;\n      padding: 13px 14px;\n      border-radius: 12px;\n      border: 1px solid #d1d5db;\n      font: inherit;\n      margin-top: 6px;\n      background: var(--white);\n    }\n\n    textarea {\n      min-height: 130px;\n      resize: vertical;\n    }\n\n    .note {\n      background: #fff8e6;\n      border: 1px solid #f4d48b;\n      border-radius: 14px;\n      padding: 16px;\n      color: #6b4a06;\n      font-size: 14px;\n    }\n\n    .footer {\n      background: #071f20;\n      color: rgba(255,255,255,.74);\n      padding: 36px 0;\n      font-size: 14px;\n    }\n\n    .footer strong { color: var(--white); }\n\n    @media (max-width: 980px) {\n      .hero-grid,\n      .cards,\n      .steps,\n      .split,\n      .form-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .nav-links { display: none; }\n      .hero { padding: 68px 0 56px; }\n    }\n  <\/style>\n<\/head>\n\n<body>\n  <header class=\"navbar\">\n    <div class=\"container nav-inner\">\n      <a href=\"\/\" class=\"brand\">CBS Thinking Center<\/a>\n      <nav class=\"nav-links\">\n        <a href=\"#jenis-ide\">Jenis Ide<\/a>\n        <a href=\"#alur\">Alur<\/a>\n        <a href=\"#submit\">Submit Ide<\/a>\n        <a href=\"\/learning\/\" class=\"btn btn-primary\">Learning Center<\/a>\n      <\/nav>\n    <\/div>\n  <\/header>\n\n  <main>\n    <section class=\"hero\">\n      <div class=\"container hero-grid\">\n        <div>\n          <div class=\"eyebrow\">Idea engine yayasan<\/div>\n          <h1>Punya ide gila? Kita rapikan jadi program, produk, atau peluang nyata.<\/h1>\n          <p>\n            CBS Thinking Center adalah pintu masuk ide berdampak. Ide bisa berupa program pelatihan, produk, layanan, riset sederhana, atau project kolaboratif yang berpotensi memberi manfaat luas dan menopang keberlanjutan yayasan.\n          <\/p>\n          <div class=\"hero-actions\">\n            <a href=\"#submit\" class=\"btn btn-primary\">Submit Ide<\/a>\n            <a href=\"#alur\" class=\"btn btn-outline\">Lihat Alurnya<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"hero-card\">\n          <h3>Dari ide ke eksekusi.<\/h3>\n          <div class=\"pipeline\">\n            <div class=\"pipe-item\">\n              <strong>Ide masuk<\/strong>\n              <span>Training, produk, layanan, atau program sosial.<\/span>\n            <\/div>\n            <div class=\"pipe-item\">\n              <strong>Kurasi &#038; validasi<\/strong>\n              <span>Dicek manfaat, pasar, risiko, dan jalur eksekusi.<\/span>\n            <\/div>\n            <div class=\"pipe-item\">\n              <strong>Masuk pipeline<\/strong>\n              <span>Learning Center, product venture, atau program yayasan.<\/span>\n            <\/div>\n            <div class=\"pipe-item\">\n              <strong>Sustainability loop<\/strong>\n              <span>Keuntungan legal yang masuk yayasan dipakai membiayai ide berikutnya.<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section id=\"jenis-ide\">\n      <div class=\"container\">\n        <div class=\"section-title center\">\n          <h2>Ide yang dicari CBS Thinking Center<\/h2>\n          <p>\n            Tidak semua ide harus langsung besar. Yang penting punya masalah jelas, manfaat nyata, dan jalur eksekusi yang bisa diuji.\n          <\/p>\n        <\/div>\n\n        <div class=\"cards\">\n          <div class=\"card\">\n            <span class=\"tag\">Training<\/span>\n            <h3>Ide Program Pelatihan<\/h3>\n            <p>Contoh: paralegal, SDM, finance, pajak, legal drafting, compliance, atau skill praktis lain yang bisa dijual via CBS Learning Center.<\/p>\n          <\/div>\n\n          <div class=\"card\">\n            <span class=\"tag\">Product<\/span>\n            <h3>Ide Produk<\/h3>\n            <p>Contoh: alat bantu, kit, aplikasi sederhana, patch uji, template digital, atau produk yang bisa dikembangkan lewat PT existing atau PT baru.<\/p>\n          <\/div>\n\n          <div class=\"card\">\n            <span class=\"tag\">Service<\/span>\n            <h3>Ide Layanan<\/h3>\n            <p>Contoh: jasa pendampingan, audit sederhana, konsultasi ringan, administrasi, atau layanan B2B yang bisa dijalankan berulang.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section id=\"alur\" class=\"dark-section\">\n      <div class=\"container\">\n        <div class=\"section-title center\">\n          <h2>Alur kerja: bukan tongkrongan ide, tapi pipeline eksekusi.<\/h2>\n          <p>\n            CBS Thinking Center dirancang supaya ide tidak berhenti di obrolan. Setiap ide masuk akan diarahkan ke jalur yang paling masuk akal.\n          <\/p>\n        <\/div>\n\n        <div class=\"steps\">\n          <div class=\"step\">\n            <div class=\"step-number\">1<\/div>\n            <h3>Submit<\/h3>\n            <p>Pengusul mengirim ide melalui form.<\/p>\n          <\/div>\n          <div class=\"step\">\n            <div class=\"step-number\">2<\/div>\n            <h3>Review<\/h3>\n            <p>CBS menilai masalah, manfaat, dan kelayakan awal.<\/p>\n          <\/div>\n          <div class=\"step\">\n            <div class=\"step-number\">3<\/div>\n            <h3>Validasi<\/h3>\n            <p>Ide diuji: siapa pembeli, siapa pengguna, dan apa bentuk produknya.<\/p>\n          <\/div>\n          <div class=\"step\">\n            <div class=\"step-number\">4<\/div>\n            <h3>Eksekusi<\/h3>\n            <p>Masuk Learning Center, project yayasan, atau product venture.<\/p>\n          <\/div>\n          <div class=\"step\">\n            <div class=\"step-number\">5<\/div>\n            <h3>Sustain<\/h3>\n            <p>Hasil legal membantu membiayai ide berikutnya.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section>\n      <div class=\"container split\">\n        <div class=\"section-title\">\n          <h2>Jika jadi pelatihan, masuk ke CBS Learning Center.<\/h2>\n          <p>\n            Ide program training akan dikembangkan menjadi kurikulum, materi, landing page, ujian CBT, dan sertifikat terverifikasi.\n          <\/p>\n        <\/div>\n\n        <div class=\"panel\">\n          <ul class=\"checklist\">\n            <li>Program dibuat sebagai card di Learning Center.<\/li>\n            <li>Dibuat landing page individual untuk promosi B2B.<\/li>\n            <li>Materi dan ujian disusun agar tidak sekadar webinar.<\/li>\n            <li>Bisa dijalankan bersama partner yang punya jaringan peserta.<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section>\n      <div class=\"container split\">\n        <div class=\"panel\">\n          <ul class=\"checklist\">\n            <li>Produk dapat dieksekusi lewat PT yang sudah ada atau PT baru.<\/li>\n            <li>Inventor ide dapat dilibatkan sesuai kontribusi dan kesepakatan.<\/li>\n            <li>Yayasan mengambil peran sebagai pemegang sistem, pengarah dampak, dan penerima manfaat berkelanjutan secara legal.<\/li>\n            <li>Sebagian keuntungan yang sah dapat masuk ke yayasan untuk membiayai ide berdampak berikutnya.<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"section-title\">\n          <h2>Jika jadi produk, masuk ke product venture pipeline.<\/h2>\n          <p>\n            Untuk ide produk, CBS dapat membantu validasi, bentuk tim, cari jalur badan usaha, dan menyusun skema manfaat untuk yayasan secara legal dan berkelanjutan.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section id=\"submit\" class=\"form-section\">\n      <div class=\"container split\">\n        <div class=\"section-title\">\n          <h2>Submit ide lu di sini.<\/h2>\n          <p>\n            Ceritakan idenya dengan sederhana. Tidak perlu sempurna. Yang penting jelas masalahnya, siapa yang butuh, dan kenapa ide ini layak diuji.\n          <\/p>\n          <div class=\"note\">\n            Catatan: pengiriman ide tidak otomatis berarti ide diterima atau dieksekusi. Ide yang lolos kurasi akan dibahas lebih lanjut dengan pengusul.\n          <\/div>\n        <\/div>\n\n        <div class=\"panel\">\n          <form action=\"#\" method=\"POST\" enctype=\"multipart\/form-data\">\n            <div class=\"form-grid\">\n              <label>\n                Nama Lengkap\n                <input type=\"text\" name=\"nama\" placeholder=\"Nama Anda\" required \/>\n              <\/label>\n              <label>\n                WhatsApp\n                <input type=\"tel\" name=\"whatsapp\" placeholder=\"08xxxxxxxxxx\" required \/>\n              <\/label>\n            <\/div>\n\n            <div class=\"form-grid\">\n              <label>\n                Email\n                <input type=\"email\" name=\"email\" placeholder=\"nama@email.com\" required \/>\n              <\/label>\n              <label>\n                Kategori Ide\n                <select name=\"kategori\" required>\n                  <option value=\"\">Pilih kategori<\/option>\n                  <option>Program Pelatihan<\/option>\n                  <option>Produk<\/option>\n                  <option>Layanan<\/option>\n                  <option>Program Sosial<\/option>\n                  <option>Lainnya<\/option>\n                <\/select>\n              <\/label>\n            <\/div>\n\n            <label>\n              Judul Ide\n              <input type=\"text\" name=\"judul_ide\" placeholder=\"Contoh: Patch uji urine mandiri untuk komunitas\" required \/>\n            <\/label>\n\n            <label>\n              Masalah yang ingin diselesaikan\n              <textarea name=\"masalah\" placeholder=\"Masalah apa yang terjadi? Siapa yang mengalami masalah ini?\" required><\/textarea>\n            <\/label>\n\n            <label>\n              Solusi \/ bentuk ide\n              <textarea name=\"solusi\" placeholder=\"Ceritakan solusi yang dibayangkan. Bentuknya training, produk, layanan, aplikasi, atau lainnya?\" required><\/textarea>\n            <\/label>\n\n            <label>\n              Siapa target pengguna atau pembelinya?\n              <textarea name=\"target_market\" placeholder=\"Contoh: komunitas, yayasan, sekolah, perusahaan, UMKM, lembaga profesi, dll.\"><\/textarea>\n            <\/label>\n\n            <label>\n              Potensi monetisasi \/ keberlanjutan\n              <textarea name=\"monetisasi\" placeholder=\"Menurut Anda, bagaimana ide ini bisa menghasilkan pemasukan atau sustain?\"><\/textarea>\n            <\/label>\n\n            <label>\n              Upload dokumen pendukung opsional\n              <input type=\"file\" name=\"file_pendukung\" \/>\n            <\/label>\n\n            <button type=\"submit\" class=\"btn btn-primary\">Kirim Ide ke CBS Thinking Center<\/button>\n          <\/form>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"footer\">\n    <div class=\"container\">\n      <p><strong>CBS Thinking Center<\/strong><\/p>\n      <p>Dari ide menjadi program, produk, dan peluang nyata yang menopang keberlanjutan yayasan.<\/p>\n    <\/div>\n  <\/footer>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>CBS Thinking Center | Dari Ide Menjadi Program dan Produk Nyata CBS Thinking Center Jenis Ide Alur Submit Ide Learning Center Idea engine yayasan Punya ide gila? Kita rapikan jadi program, produk, atau peluang nyata. CBS Thinking Center adalah pintu masuk ide berdampak. Ide bisa berupa program pelatihan, produk, layanan, riset sederhana, atau project kolaboratif [&hellip;]<\/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-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":4,"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/pages\/44\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/media?parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}