{"id":459,"date":"2025-06-05T16:52:32","date_gmt":"2025-06-05T09:52:32","guid":{"rendered":"http:\/\/localhost\/topikoki5\/?page_id=459"},"modified":"2025-07-08T14:31:59","modified_gmt":"2025-07-08T07:31:59","slug":"sejarah-perusahaan","status":"publish","type":"page","link":"https:\/\/topikoki.com\/en\/sejarah-perusahaan\/","title":{"rendered":"COMPANY HISTORY"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"459\" class=\"elementor elementor-459\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7377e1 e-flex e-con-boxed e-con e-parent\" data-id=\"d7377e1\" data-element_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-0e350d4 elementor-widget elementor-widget-heading\" data-id=\"0e350d4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">COMPANY HISTORY<\/h2>\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-88e23f6 e-flex e-con-boxed e-con e-parent\" data-id=\"88e23f6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3802b0d elementor-widget elementor-widget-shortcode\" data-id=\"3802b0d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\r\n\t.timeline {\r\n\t\tposition: relative;\r\n\t\tpadding: 20px 0;\r\n\t}\r\n\r\n\t.timeline::before {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\tleft: 50%;\r\n\t\twidth: 2px;\r\n\t\theight: 100%;\r\n\t\tbackground: #0d48a1;\r\n\t\ttransform: translateX(-50%);\r\n\t}\r\n\r\n\t.timeline-item {\r\n\t\tposition: relative;\r\n\t\tmargin-bottom: 50px;\r\n\t\tmin-height: 300px;\r\n\t}\r\n\r\n\t.timeline-item:nth-child(even) .timeline-content {\r\n\t\tmargin-left: auto;\r\n\t}\r\n\r\n\t.timeline-bullet {\r\n\t\tposition: absolute;\r\n\t\tleft: 50%;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\twidth: 20px;\r\n\t\theight: 20px;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: #0d48a1 !important;\r\n\t\tborder: 3px solid #0d48a1;\r\n\t\tz-index: 1;\r\n\t}\r\n\r\n\t.timeline-content {\r\n\t\tposition: relative;\r\n\t\twidth: 45%;\r\n\t\tpadding: 20px;\r\n\t\tbackground: #ffffff;\r\n\t\tborder-radius: 8px;\r\n\t\tbox-shadow: 0 3px 15px rgba(0,0,0,0.1);\r\n\t}\r\n\r\n\t.timeline-content::before {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\twidth: 30px;\r\n\t\theight: 2px;\r\n\t\tbackground: #0d48a1;\r\n\t}\r\n\r\n\t.timeline-item:nth-child(odd) .timeline-content::before {\r\n\t\tright: -30px;\r\n\t}\r\n\r\n\t.timeline-item:nth-child(even) .timeline-content::before {\r\n\t\tleft: -30px;\r\n\t}\r\n\r\n\t.square-image {\r\n\t\twidth: 150px;\r\n\t\theight: 150px;\r\n\t\tobject-fit: cover;\r\n\t\tborder-radius: 8px;\r\n\t\tmargin: 0 auto 15px;\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t@media (max-width: 768px) {\r\n\t\t.timeline::before {\r\n\t\t\tleft: 20px;\r\n\t\t}\r\n\r\n\t\t.timeline-content {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin-left: 50px !important;\r\n\t\t}\r\n\r\n\t\t.timeline-bullet {\r\n\t\t\tleft: 20px;\r\n\t\t}\r\n\r\n\t\t.timeline-content::before {\r\n\t\t\tleft: -30px !important;\r\n\t\t\tright: auto !important;\r\n\t\t}\r\n\r\n\t\t.square-image {\r\n\t\t\twidth: 150px;\r\n\t\t\theight: 150px;\r\n\t\t}\r\n\t}\r\n\r\n\t@media (max-width: 480px) {\r\n\t\t.square-image {\r\n\t\t\twidth: 150px;\r\n\t\t\theight: 150px;\r\n\t\t}\r\n\t}\r\n\r\n\t\/* ini khusus hover effect *\/\r\n\r\n\t.timeline-content {\r\n\t\ttransition: all 0.3s ease-in-out;\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t.timeline-content:hover {\r\n\t\ttransform: translateY(-5px);\r\n\t\tbox-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;\r\n\t}\r\n\r\n\t.timeline-bullet {\r\n\t\ttransition: all 0.3s ease-in-out;\r\n\t}\r\n\r\n\t.timeline-item:hover .timeline-bullet {\r\n\t\tbackground: #0d48a1;\r\n\t\ttransform: translate(-50%, -50%) scale(1.2);\r\n\t\tbox-shadow: 0 0 15px rgba(13, 110, 253, 0.5);\r\n\t}\r\n\r\n\t.square-image {\r\n\t\ttransition: all 0.3s ease-in-out;\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\t}\r\n\r\n\t.square-image:hover {\r\n\t\ttransform: scale(1.05);\r\n\t\tborder-radius: 20px;\r\n\t}\r\n\r\n\t.square-image::before {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tbackground: rgba(0,0,0,0.2);\r\n\t\topacity: 0;\r\n\t\ttransition: opacity 0.3s ease;\r\n\t}\r\n\r\n\t.square-image:hover::before {\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t.timeline::before {\r\n\t\ttransition: background 0.3s ease;\r\n\t}\r\n\r\n\t.timeline-item:hover ~ .timeline::before {\r\n\t\tbackground: #0d6efd;\r\n\t}\r\n\r\n\t@keyframes pulse {\r\n\t\t0% { box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.4); }\r\n\t\t70% { box-shadow: 0 0 0 10px rgba(13, 110, 253, 0); }\r\n\t\t100% { box-shadow: 0 0 0 0 rgba(13, 110, 253, 0); }\r\n\t}\r\n\r\n\t.timeline-item:hover .timeline-bullet {\r\n\t\tanimation: pulse 1s infinite;\r\n\t}\r\n\r\n\r\n\t\/* khusus gradient color*\/\r\n\t.timeline-content {\r\n\t\tposition: relative;\r\n\t\twidth: 45%;\r\n\t\tpadding: 20px;\r\n\t\tbackground: linear-gradient(135deg, #accbee, #e7f0fd); \/* New gradient background *\/\r\n\t\tborder-radius: 8px;\r\n\t\tbox-shadow: 0 3px 15px rgba(0,0,0,0.1);\r\n\t\tcolor: white; \/* White text for better contrast *\/\r\n\t\tborder: 1px solid rgba(255,255,255,0.1); \/* Subtle border *\/\r\n\t}\r\n\r\n\t.timeline-content h3 {\r\n\t\tcolor: #37474F !important;\r\n\t\ttext-shadow: 0 2px 4px rgba(0,0,0,0.2);\r\n\t}\r\n\r\n\t.timeline-content p {\r\n\t\tcolor: #37474F !important;\r\n\t}\r\n\r\n\r\n\t\/* Responsive adjustments *\/\r\n\t@media (max-width: 768px) {\r\n\t\t.timeline-content {\r\n\t\t\tbackground: linear-gradient(135deg, #accbee, #e7f0fd); \/* New gradient background *\/\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n<div class=\"timeline\">\r\n    <!-- Timeline Item 1 (Left) -->\r\n    <div class=\"timeline-item\">\r\n        <div class=\"timeline-bullet\"><\/div>\r\n        <div class=\"timeline-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/topikoki.com\/wp-content\/uploads\/icon market 1977.png\" class=\"square-image\" alt=\"Event 1\">\r\n            <h3 class=\"text-center mb-3\">1977<\/h3>\r\n            <p class=\"text-muted\">Toko Beras \u201cBuyung\u201d didirikan<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Timeline Item 2 (Right) -->\r\n    <div class=\"timeline-item\">\r\n        <div class=\"timeline-bullet\"><\/div>\r\n        <div class=\"timeline-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/topikoki.com\/wp-content\/uploads\/icon company 2003.png\" class=\"square-image\" alt=\"Event 2\">\r\n            <h3 class=\"text-center mb-3\">2003<\/h3>\r\n            <p class=\"text-muted\">Berdirinya PT Buyung Poetra Sembada (BPS) yang memproduksi dan mendistribusikan beras di Jakarta, serta meluncurkan merek \"Topi Koki\" di Jakarta<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Timeline Item 3 (Right) -->\r\n    <div class=\"timeline-item\">\r\n        <div class=\"timeline-bullet\"><\/div>\r\n        <div class=\"timeline-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/topikoki.com\/wp-content\/uploads\/icon mall 2005.png\" class=\"square-image\" alt=\"Event 2\">\r\n            <h3 class=\"text-center mb-3\">2005<\/h3>\r\n            <p class=\"text-muted\">Expanding the distribution network of rice through modern market channels<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n        <div class=\"timeline-bullet\"><\/div>\r\n        <div class=\"timeline-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/topikoki.com\/wp-content\/uploads\/icon pabrik 2011.png\" class=\"square-image\" alt=\"Event 2\">\r\n            <h3 class=\"text-center mb-3\">2011<\/h3>\r\n            <p class=\"text-muted\">The operation of a rice processing plant in Subang, West Java, with a production capacity of 10 tons per hour<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n        <div class=\"timeline-bullet\"><\/div>\r\n        <div class=\"timeline-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/topikoki.com\/wp-content\/uploads\/icon distribusi 2013.png\" class=\"square-image\" alt=\"Event 2\">\r\n            <h3 class=\"text-center mb-3\">2013<\/h3>\r\n            <p class=\"text-muted\">Opening a distribution center in Surabaya, East Java<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n        <div class=\"timeline-bullet\"><\/div>\r\n        <div class=\"timeline-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/topikoki.com\/wp-content\/uploads\/icon sales grow.png\" class=\"square-image\" alt=\"Event 2\">\r\n            <h3 class=\"text-center mb-3\">2014<\/h3>\r\n            <p class=\"text-muted\">For the first time, HOKI achieved sales of Rp500 billion<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n        <div class=\"timeline-bullet\"><\/div>\r\n        <div class=\"timeline-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/topikoki.com\/wp-content\/uploads\/icon grow.png\" class=\"square-image\" alt=\"Event 2\">\r\n            <h3 class=\"text-center mb-3\">2015<\/h3>\r\n            <p class=\"text-muted\">Increase in production capacity of the Subang plant to 30 tons\/hour<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n        <div class=\"timeline-bullet\"><\/div>\r\n        <div class=\"timeline-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/topikoki.com\/wp-content\/uploads\/icon sales grow.png\" class=\"square-image\" alt=\"Event 2\">\r\n            <h3 class=\"text-center mb-3\">2016<\/h3>\r\n            <p class=\"text-muted\">For the first time, HOKI achieved sales of IDR1 trillion<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n        <div class=\"timeline-bullet\"><\/div>\r\n        <div class=\"timeline-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/topikoki.com\/wp-content\/uploads\/icon ipo 2017.png\" class=\"square-image\" alt=\"Event 2\">\r\n            <h3 class=\"text-center mb-3\">2017<\/h3>\r\n            <p class=\"text-muted\">Initial Public Offering (IPO) of 700 million shares accompanied by 70 million Series-I warrants<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n        <div class=\"timeline-bullet\"><\/div>\r\n        <div class=\"timeline-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/topikoki.com\/wp-content\/uploads\/icon produksi1.png\" class=\"square-image\" alt=\"Event 2\">\r\n            <h3 class=\"text-center mb-3\">2019<\/h3>\r\n            <p class=\"text-muted\">The production capacity of the Subang factory has increased to 50 tons per hour<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n        <div class=\"timeline-bullet\"><\/div>\r\n        <div class=\"timeline-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/topikoki.com\/wp-content\/uploads\/icon power 2020.png\" class=\"square-image\" alt=\"Event 2\">\r\n            <h3 class=\"text-center mb-3\">2020<\/h3>\r\n            <p class=\"text-muted\">Pembangkit Listrik Tenaga Sekam selesai dibangun<\/p>\r\n            <p class=\"text-muted\">HOKI achieved the Sustainability Certificate from the Planet Mark<\/p>\r\n            <p class=\"text-muted\">HOKI established a subsidiary company, PT Hoki Distribusi Niaga<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n        <div class=\"timeline-bullet\"><\/div>\r\n        <div class=\"timeline-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/topikoki.com\/wp-content\/uploads\/icon saham grafik.png\" class=\"square-image\" alt=\"Event 2\">\r\n            <h3 class=\"text-center mb-3\">2021<\/h3>\r\n            <p class=\"text-muted\">The Company carried out a stock split with a ratio of 1 old share to 4 new shares<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n        <div class=\"timeline-bullet\"><\/div>\r\n        <div class=\"timeline-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/topikoki.com\/wp-content\/uploads\/icon rice 2022.png\" class=\"square-image\" alt=\"Event 2\">\r\n            <h3 class=\"text-center mb-3\">2022<\/h3>\r\n            <p class=\"text-muted\">Launch of new products Daily Meal Eats and Daily Meal Rice<\/p>\r\n            <p class=\"text-muted\">Establishment of e-commerce platform WarungKoki.ID<\/p>\r\n            <p class=\"text-muted\">HOKI establishes subsidiary company PT Hoki Investasi Sejati<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n        <div class=\"timeline-bullet\"><\/div>\r\n        <div class=\"timeline-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/topikoki.com\/wp-content\/uploads\/icon beras merah.png\" class=\"square-image\" alt=\"Event 2\">\r\n            <h3 class=\"text-center mb-3\">2023<\/h3>\r\n            <p class=\"text-muted\">Launched a new variant of Beras Merah for the DailyMeal Eats product<\/p>\r\n            <p class=\"text-muted\">A subsidiary, PT Hoki Distribusi Niaga signed an MoU to establish a joint venture with PT Gita to build a healthy rice factory under the Daily Meal Rice and Daily Meal Eats brands<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n        <div class=\"timeline-bullet\"><\/div>\r\n        <div class=\"timeline-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/topikoki.com\/wp-content\/uploads\/icon beras jepang 2024.png\" class=\"square-image\" alt=\"Event 2\">\r\n            <h3 class=\"text-center mb-3\">2024<\/h3>\r\n            <p class=\"text-muted\">Started the building of a new plant to increase the production capacity of healthy rice<\/p>\r\n            <p class=\"text-muted\">Launched the Hokairi Japonica variant, Japanese rice with soft texture from Japonica varieties<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    <!-- Add more timeline items as needed -->\r\n<\/div>\r\n\r\n<\/div>\n\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>","protected":false},"excerpt":{"rendered":"<p>COMPANY HISTORY<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-459","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/topikoki.com\/en\/wp-json\/wp\/v2\/pages\/459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/topikoki.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/topikoki.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/topikoki.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/topikoki.com\/en\/wp-json\/wp\/v2\/comments?post=459"}],"version-history":[{"count":22,"href":"https:\/\/topikoki.com\/en\/wp-json\/wp\/v2\/pages\/459\/revisions"}],"predecessor-version":[{"id":1907,"href":"https:\/\/topikoki.com\/en\/wp-json\/wp\/v2\/pages\/459\/revisions\/1907"}],"wp:attachment":[{"href":"https:\/\/topikoki.com\/en\/wp-json\/wp\/v2\/media?parent=459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}