{"id":8431,"date":"2025-09-25T08:08:31","date_gmt":"2025-09-25T01:08:31","guid":{"rendered":"https:\/\/labamu.co.id\/uncategorized-en\/teguh-arianto-owner-tocoffee-bsd\/"},"modified":"2025-11-27T10:43:18","modified_gmt":"2025-11-27T03:43:18","slug":"teguh-arianto-owner-tocoffee-bsd","status":"publish","type":"post","link":"https:\/\/labamu.co.id\/en\/success-story\/teguh-arianto-owner-tocoffee-bsd\/","title":{"rendered":"Teguh Arianto &#8211; Owner Tocoffee BSD"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8431\" class=\"elementor elementor-8431 elementor-1607\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4500453 e-flex e-con-boxed e-con e-parent\" data-id=\"4500453\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;split&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 20\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,0v3c0,0,393.8,0,483.4,0c9.2,0,16.6,7.4,16.6,16.6c0-9.1,7.4-16.6,16.6-16.6C606.2,3,1000,3,1000,3V0H0z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-def627b e-flex e-con-boxed e-con e-parent\" data-id=\"def627b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-900a435 elementor-widget elementor-widget-video\" data-id=\"900a435\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/GsPNkRmJ3-k?si=Bel6baBqwRlYh94y&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e562aed e-grid e-con-boxed e-con e-parent\" data-id=\"e562aed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a4ddc4 elementor-widget elementor-widget-image\" data-id=\"4a4ddc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/labamu.co.id\/wp-content\/uploads\/2025\/09\/Desain-tanpa-judul-6-1024x1024.png\" class=\"attachment-large size-large wp-image-8432\" alt=\"\" srcset=\"https:\/\/labamu.co.id\/wp-content\/uploads\/2025\/09\/Desain-tanpa-judul-6-1024x1024.png 1024w, https:\/\/labamu.co.id\/wp-content\/uploads\/2025\/09\/Desain-tanpa-judul-6-300x300.png 300w, https:\/\/labamu.co.id\/wp-content\/uploads\/2025\/09\/Desain-tanpa-judul-6-150x150.png 150w, https:\/\/labamu.co.id\/wp-content\/uploads\/2025\/09\/Desain-tanpa-judul-6-768x768.png 768w, https:\/\/labamu.co.id\/wp-content\/uploads\/2025\/09\/Desain-tanpa-judul-6-12x12.png 12w, https:\/\/labamu.co.id\/wp-content\/uploads\/2025\/09\/Desain-tanpa-judul-6.png 1080w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e77261f e-con-full e-flex e-con e-child\" data-id=\"e77261f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9010e68 elementor-widget elementor-widget-heading\" data-id=\"9010e68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\"Customers simply scan the barcode to select their menu and pay, then we deliver their order. This makes the ordering process easy and efficient.\" <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f42ff4 elementor-widget elementor-widget-page-title\" data-id=\"8f42ff4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"page-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\n\t\t<div class=\"hfe-page-title hfe-page-title-wrapper elementor-widget-heading\">\n\n\t\t\t\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\n\t\t\t\t\t\t\t\t\n\t\t\t\tTeguh Arianto &#8211; Owner Tocoffee BSD  \n\t\t\t<\/h2 > \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae207db e-flex e-con-boxed e-con e-parent\" data-id=\"ae207db\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30c8d98 elementor-widget elementor-widget-html\" data-id=\"30c8d98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\/* Wrapper *\/\n    .post-grid-wrapper {\n      max-width: 1200px;\n      margin: 0 auto;\n      font-family: sans-serif;\n    }\n    \n    \/* Dropdown + search *\/\n    .post-filter {\n     margin-bottom: 20px;\n     display: flex;\n     justify-content: space-between; \/* kiri - kanan *\/\n     align-items: center;\n     flex-wrap: wrap; \/* biar turun ke bawah di layar kecil *\/\n     gap: 20px;\n    }\n\n    .filter-left,\n    .filter-right {\n     display: inline-flex;\n     align-items: center;\n     gap: 8px;\n    }\n\n    .post-filter label {\n     font-size: 0.95rem;\n     margin: 0;\n     color: #333;\n     white-space: nowrap;\n    }\n\n    .post-filter select,\n    .search-wrapper input {\n     padding: 8px 12px;\n     border-radius: 6px;\n     border: 1px solid #ccc;\n     font-size: 1rem;\n    }\n\n    .search-wrapper {\n     position: relative;\n     display: inline-flex;\n     align-items: center;\n    }\n    .search-wrapper input {\n     padding-right: 30px;\n    }\n    .search-wrapper .search-icon {\n     position: absolute;\n     right: 8px;\n     top: 50%;\n     transform: translateY(-50%);\n     color: #666;\n     font-size: 0.9rem;\n    }\n    \n    \/* Grid layout *\/\n.post-grid {\n  --gap: 20px;\n  display: grid;\n  gap: var(--gap);\n  grid-template-columns: repeat(1, 1fr);\n}\n@media (min-width: 600px) {\n  .post-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (min-width: 960px) {\n  .post-grid { grid-template-columns: repeat(3, 1fr); }\n}\n@media (min-width: 1280px) { \/* tambahan buat 4 kolom *\/\n  .post-grid { grid-template-columns: repeat(4, 1fr); }\n}\n    \n    \/* Card style *\/\n    .post-card {\n      background: #fff;\n      border-radius: 12px;\n      overflow: hidden;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n      display: flex;\n      flex-direction: column;\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n    .post-card:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n    }\n    .post-card img {\n      width: 100%;\n      aspect-ratio: 1\/1;\n      object-fit: cover;\n      display: block;\n    }\n    .post-card .card-body {\n      padding: 18px;\n      text-align: center;\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      gap: 5px;\n    }\n    .title-section{\n        font-size: 2rem;\n        font-weight: 800;\n        color: #fff;\n    }\n    .post-card h3 {\n        margin: 0;\n        font-size: 1.2rem;\n        font-weight: 800;\n        color: #111;\n\n        display: -webkit-box;\n        -webkit-line-clamp: 2;   \/* maksimal 2 baris *\/\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    .post-card .excerpt {\n      font-size: 0.95rem;\n      color: #444;\n      flex-grow: 1;\n    }\n\n    \/* Read More & Download *\/\n    .post-card .readmore {\n      display: flex;\n      justify-content: center;\n      gap: 10px;\n    }\n    .post-card .readmore a {\n      display: inline-block;\n      padding: 10px 20px;\n      border: 1px solid #ccc;\n      border-radius: 6px;\n      text-decoration: none;\n      font-size: 0.9rem;\n      transition: background 0.2s, color 0.2s, border-color 0.2s;\n    }\n    .post-card .readmore a:first-child {\n      background: #fff;\n      color: #111;\n    }\n    .post-card .readmore a:first-child:hover {\n      background: #006bff;\n      color: #fff;\n      border-color: #006bff;\n    }\n    .post-card .readmore .btn-download {\n      background: #006bff;\n      color: #fff;\n      border-color: #006bff;\n    }\n    \n    .loading, .error {\n      text-align: center;\n      padding: 20px;\n      color: #666;\n    }\n<\/style><div class=\"post-grid-wrapper\" style=\"margin-top: 50px; text-align: center;\"><h3 class=\"title-section\">Cerita Sukses Lainnya Untukmu<\/h3><!-- Grid --><div id=\"postGrid\"><div class=\"loading\">Loading posts...<\/div><\/div><\/div><script>(function(){\n      const gridContainer = document.getElementById(\"postGrid\");\n      const filterSelect = document.getElementById(\"categoryFilter\");\n      const searchBox = document.getElementById(\"searchBox\");\n    \n      const baseUrl = \"\/wp-json\/wp\/v2\";\n      const postsPerPage = 4;\n    \n      \/\/ helper: strip HTML\n      function stripHtml(html){\n        const tmp = document.createElement(\"div\");\n        tmp.innerHTML = html;\n        return tmp.textContent || tmp.innerText || \"\";\n      }\n      function truncate(str, n){\n        return str.length > n ? str.slice(0, n).trim() + \"\u2026\" : str;\n      }\n    \n      \/\/ Fetch categories for dropdown\n      function loadCategories(){\n        fetch(`${baseUrl}\/categories?parent=41&per_page=50`)\n          .then(res => res.json())\n          .then(cats => {\n            cats.forEach(cat => {\n              if (cat.count === 0) return;\n              const opt = document.createElement(\"option\");\n              opt.value = cat.id;\n              opt.textContent = cat.name;\n              filterSelect.appendChild(opt);\n            });\n          });\n      }\n    \n      async function loadPosts(searchTerm = \"\") {\n  gridContainer.innerHTML = '<div class=\"loading\">Loading posts...<\/div>';\n\n  let url = `${baseUrl}\/posts?per_page=${postsPerPage}&categories=41&_embed`;\n\n  \/\/ filter by search\n  if (searchTerm) {\n    url += `&search=${encodeURIComponent(searchTerm)}`;\n  }\n\n  try {\n    const res = await fetch(url);\n    if (!res.ok) throw new Error(\"Gagal ambil data post\");\n    const posts = await res.json();\n\n    if (posts.length === 0) {\n      gridContainer.innerHTML = '<div class=\"error\">Tidak ada postingan.<\/div>';\n      return;\n    }\n\n    const grid = document.createElement(\"div\");\n    grid.className = \"post-grid\";\n\n    posts.forEach(post => {\n        let thumb = \"\";\n        try {\n            const fm = post._embedded?.[\"wp:featuredmedia\"]?.[0];\n            thumb = fm?.source_url \n                || post.rttpg_featured_image_url?.medium?.[0] \n                || post.rttpg_featured_image_url?.full?.[0] \n                || \"\";\n        } catch (e) {\n            thumb = post.rttpg_featured_image_url?.full?.[0] || \"\";\n        }\n\n      let excerpt = stripHtml(post.excerpt?.rendered || post.content?.rendered || \"\");\n      excerpt = truncate(excerpt, 140);\n\n      const card = document.createElement(\"div\");\n      card.className = \"post-card\";\n      card.innerHTML = `\n        ${thumb ? `<img decoding=\"async\" src=\"${thumb}\" alt=\"${post.title.rendered}\">` : \"\"}\n        <div class=\"card-body\"><h3><a href=\"${post.link}\" style=\"text-decoration:none; color:inherit;\">${post.title.rendered}\n            <\/a><\/h3><\/div>`;\n      grid.appendChild(card);\n    });\n\n    gridContainer.innerHTML = \"\";\n    gridContainer.appendChild(grid);\n  } catch (err) {\n    gridContainer.innerHTML = `<div class=\"error\">Error: ${err.message}<\/div>`;\n  }\n}\n    \n      \/\/ Init\n    \/\/   loadCategories();\n      loadPosts();\n    \n      \/\/ Event: filter change\n      filterSelect.addEventListener(\"change\", () => {\n        loadPosts(filterSelect.value, searchBox.value.trim());\n      });\n    \n      \/\/ Event: search\n      let typingTimer;\n      searchBox.addEventListener(\"input\", () => {\n        clearTimeout(typingTimer);\n        typingTimer = setTimeout(() => {\n          loadPosts(filterSelect.value, searchBox.value.trim());\n        }, 500); \/\/ delay biar ga terlalu sering fetch\n      });\n    })();\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc1a5b1 e-flex e-con-boxed e-con e-parent\" data-id=\"bc1a5b1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-81d2375 e-grid e-con-full e-con e-child\" data-id=\"81d2375\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f945e78 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"f945e78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">With like-minded people, your business grows faster<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abdc05a elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"abdc05a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">Find friends and professionals with similar interests, sharing experiences and ideas.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c55659 elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"9c55659\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/labamu.co.id\/en\/labamuhub\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Join Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>https:\/\/youtu.be\/GsPNkRmJ3-k?si=Bel6baBqwRlYh94y &#8220;Customers simply scan the barcode to select their menu and pay, then we deliver their order. This makes the ordering process easy and efficient.&#8221; Cerita Sukses Lainnya Untukmu Loading posts&#8230; With like-minded people, your business grows faster Find friends and professionals with similar interests, sharing experiences and ideas. Join Now<\/p>\n","protected":false},"author":1,"featured_media":8432,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","om_disable_all_campaigns":false,"download_link":"","footnotes":""},"categories":[209],"tags":[],"class_list":["post-8431","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-success-story"],"acf":{"youtube_url":"https:\/\/youtu.be\/GsPNkRmJ3-k?si=Bel6baBqwRlYh94y","summary_story":"Customers simply scan the barcode to select their menu and pay, then we deliver their order. This makes the ordering process easy and efficient. "},"aioseo_notices":[],"meta_description":"The success story of Teguh Arianto, owner of Tocoffee BSD who built a coffee brand with the help of solutions from Labamu.","views":0,"_links":{"self":[{"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/posts\/8431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/comments?post=8431"}],"version-history":[{"count":1,"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/posts\/8431\/revisions"}],"predecessor-version":[{"id":8433,"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/posts\/8431\/revisions\/8433"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/media\/8432"}],"wp:attachment":[{"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/media?parent=8431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/categories?post=8431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/tags?post=8431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}