{"id":10,"date":"2024-01-25T20:56:12","date_gmt":"2024-01-25T20:56:12","guid":{"rendered":"https:\/\/richs.co.id\/?page_id=10"},"modified":"2025-08-29T19:26:00","modified_gmt":"2025-08-29T19:26:00","slug":"home","status":"publish","type":"page","link":"https:\/\/richs.co.id\/en\/","title":{"rendered":"HOME"},"content":{"rendered":"<section class=\"block hero\" >\n    \n        <div class=\"background hero-style-default height-default lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(https:\/\/richs.co.id\/wp-content\/uploads\/2024\/07\/Main-0_Home.jpg)\">\n                <div class=\"overlay gradient\" style=\"opacity: 0.15;\"><\/div>\n        <div class=\"container\">\n            <div class=\"flex\">\n                <div class=\"content\">\n                                            <h2 class=\"top-title\">WELCOME TO RICH'S INDONESIA<\/h2>\n                                                                <h1 class=\"title\">INSPIRING POSSIBILITIES.<\/h1>\n                                                                                                <\/div>\n                <!--CTA BUTTON START-->\n                                <!--CTA BUTTON END-->\n            <\/div>\n        <\/div>\n    <\/div>\n        <\/section>\n\n\n<section class=\"block sliderthree-n default-padding\" >\n    <div class=\"slider_three\">\n        \n    <!--  -->\n    <div class=\"controls_btn\" id=\"testEmenpe\">\n        <h1>PRODUCTS FOR ANY OCCASION.<\/h1>\n        <div class=\"control_btn\">\n            <button class=\"slider-btn-three prev-btn-three\" id=\"prev-btn-three-bt-n\"><\/button>\n            <button class=\"slider-btn-three next-btn-three\" id=\"next-btn-three-bt-n\"><\/button>\n        <\/div>\n    <\/div>\n    <!--  -->\n    <div class=\"slider-container-three slider_three_t\" id=\"container-cards-bt-n\">\n        <div class=\"slider_three_t\">\n                            <div class=\"slider-card-three one-card lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(https:\/\/richs.co.id\/wp-content\/uploads\/2024\/04\/possibilities-card.png)\">\n                                        <div class=\"sombreado\" style=\"opacity: 0.0\"><\/div>\n                    <div class=\"content_three\">\n                        <h2>EVERYTHING YOU NEED<\/h2>\n                        <p>With our portfolio, there\u2019s no limit to what you can create.\u200b<\/p>\n                        <a href=\"https:\/\/richs.co.id\/en\/produk\/\" id=\"btn_n\">Our Products<img decoding=\"async\" data-src=\"https:\/\/richs.co.id\/wp-content\/themes\/richs.com-wordpress-theme\/assets\/dist\/images-reskin\/red-arrow-img.png\" alt=\"\" id=\"icon_btn\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\"><\/a>                    <\/div>\n                <\/div>\n                            <div class=\"slider-card-three lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(https:\/\/richs.co.id\/wp-content\/uploads\/2024\/01\/B_02_Food-Service-Business-1-scaled.jpg)\">\n                                        <div class=\"sombreado\" style=\"opacity: 0.5\"><\/div>\n                    <div class=\"content_three\">\n                        <h2>Your F&amp;B Business Solution\u200b<\/h2>\n                        <p><br>Imagination of texture dishes, taste, and presentation are all perfectly designed.<\/p>\n                        <a href=\"https:\/\/richs.co.id\/en\/food-service\/\" id=\"btn_n\">F&amp;B Services<img decoding=\"async\" data-src=\"https:\/\/richs.co.id\/wp-content\/themes\/richs.com-wordpress-theme\/assets\/dist\/images-reskin\/red-arrow-img.png\" alt=\"\" id=\"icon_btn\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\"><\/a>                    <\/div>\n                <\/div>\n                            <div class=\"slider-card-three lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(https:\/\/richs.co.id\/wp-content\/uploads\/2024\/05\/card-1-img.jpg)\">\n                                        <div class=\"sombreado\" style=\"opacity: 0.5\"><\/div>\n                    <div class=\"content_three\">\n                        <h2>Sweet Memories<\/h2>\n                        <p>There's nothing more delightful than a delicious aroma of freshly baked bread. <\/p>\n                        <a href=\"https:\/\/richs.co.id\/en\/bakery\/\" id=\"btn_n\">Bakery<img decoding=\"async\" data-src=\"https:\/\/richs.co.id\/wp-content\/themes\/richs.com-wordpress-theme\/assets\/dist\/images-reskin\/red-arrow-img.png\" alt=\"\" id=\"icon_btn\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\"><\/a>                    <\/div>\n                <\/div>\n                            <div class=\"slider-card-three lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(https:\/\/richs.co.id\/wp-content\/uploads\/2024\/05\/card-2-img.jpg)\">\n                                        <div class=\"sombreado\" style=\"opacity: 0.5\"><\/div>\n                    <div class=\"content_three\">\n                        <h2>Let your Imagination Go<\/h2>\n                        <p>\u200b\u200bDare to Dream. Bring in a colour, a flavour no one ever thought to try before.<\/p>\n                        <a href=\"\/en\/recipes_categories\/resep\/\" id=\"btn_n\">Resep<img decoding=\"async\" data-src=\"https:\/\/richs.co.id\/wp-content\/themes\/richs.com-wordpress-theme\/assets\/dist\/images-reskin\/red-arrow-img.png\" alt=\"\" id=\"icon_btn\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\"><\/a>                    <\/div>\n                <\/div>\n                            <div class=\"slider-card-three lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(https:\/\/richs.co.id\/wp-content\/uploads\/2024\/05\/card-3-img.jpg)\">\n                                        <div class=\"sombreado\" style=\"opacity: 0.35\"><\/div>\n                    <div class=\"content_three\">\n                        <h2>The Future is Plant Based<\/h2>\n                        <p><br>Create green, clean, and in-demand cuisine with our easy-to-use plant-based solutions.<\/p>\n                        <a href=\"https:\/\/richs.co.id\/en\/nabati\/\" id=\"btn_n\">Plant Based<img decoding=\"async\" data-src=\"https:\/\/richs.co.id\/wp-content\/themes\/richs.com-wordpress-theme\/assets\/dist\/images-reskin\/red-arrow-img.png\" alt=\"\" id=\"icon_btn\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\"><\/a>                    <\/div>\n                <\/div>\n                    <\/div>\n        \n    <\/div>\n\n    <script>\n        function sliderCards() {\n            const rowVideos_sc = document.getElementById('container-cards-bt-n');\n            const scrollLeftBtn_sc = document.getElementById('prev-btn-three-bt-n');\n            const scrollRightBtn_sc = document.getElementById('next-btn-three-bt-n');\n\n            console.log(\"#########################################################################\")\n            console.log(scrollLeftBtn_sc)\n            console.log(scrollRightBtn_sc)\n\n            if (scrollLeftBtn_sc && scrollRightBtn_sc && rowVideos_sc) {\n                scrollLeftBtn_sc.addEventListener('click', function() {\n                    rowVideos_sc.scrollBy({\n                        left: -800,\n                        behavior: 'smooth'\n                    });\n                });\n\n                scrollRightBtn_sc.addEventListener('click', function() {\n                    rowVideos_sc.scrollBy({\n                        left: 800,\n                        behavior: 'smooth'\n                    });\n                });\n            }\n        }\n\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/sliderCards();\n        });\n    <\/script>\n\n    <script>\n        \/*document.addEventListener('DOMContentLoaded', function() {\n            console.log(\"sliderthree-n.php #########################################################\")\n            sliderCards();\n        });\n\n        function sliderCards() {\n            const rowVideos = document.getElementById('container-cards');\n            const scrollLeftBtn = document.getElementById('prev-btn-three');\n            const scrollRightBtn = document.getElementById('next-btn-three');\n\n            console.log(scrollLeftBtn);\n            console.log(scrollRightBtn);\n\n            scrollLeftBtn.addEventListener('click', function() {\n                console.log(\"scrollLeftBtn.addEventListener('click', function() {}\")\n                rowVideos.scrollBy({\n                    left: -400,\n                    behavior: 'smooth'\n                });\n            });\n\n            scrollRightBtn.addEventListener('click', function() {\n                console.log(\"scrollRightBtn.addEventListener('click', function() {}\")\n                rowVideos.scrollBy({\n                    left: 400,\n                    behavior: 'smooth'\n                });\n            });\n        }*\/\n    <\/script>\n \n    <!--  -->\n    <div class=\"circle_controls\" style=\"display:none;\">\n        <div class=\"slider-dots\">\n            \n\n        <\/div>\n    <\/div>\n    \n<\/div>\n\n\n\n<\/section>\n\n\n<section class=\"block multivideo default-padding\" >\n    \n<div class=\"container\">\n    <div class=\"row row-video-big\">\n        <div class=\"col-12\">\n                                                        <div class=\"video-container\" >\n                    <div class=\"placeholder-image lazyload\" style=\"                    background-image:inherit;\" \n                    data-remodal-target=\"video-video-69d972f45027c\" id=\"img-play-video\" data-bg-image=\"url(https:\/\/richs.co.id\/wp-content\/uploads\/2024\/04\/video-thumbnail-4.jpg)\">\n                        <div class=\"overlay gradient\" id=\"img-preview-imagen\" style=\"opacity: 0;\"><\/div>\n                        <div class=\"play-icon\"><\/div>\n                    <\/div>\n                <\/div>\n                                <section class=\"remodal video bynder\" data-remodal-options=\"hashTracking: false\" data-remodal-id=\"video-video-69d972f45027c\">\n                <!---<section class=\"remodalvideo bynder \" data-remodal-options=\"hashTracking: false\" data-remodal-id=\"video-video-69d972f45027c\">--->\n                    <h2 class=\"part 1\" style=\"display:none;\">96BA0F2D-61CB-4179-87DC899D5CC96507<\/h2>\n                    <h2 class=\"part 2\" style=\"display:none;\">bynder<\/h2>\n\n                    <script>\n                        \/*document.getElementById('video-thumbnail').addEventListener('click', function() {\n                            var iframe = document.getElementById('video-iframe');\n                            var videoUrl = iframe.getAttribute('data-video');\n                            \n                            \/\/ Set the iframe src to the video URL\n                            iframe.src = videoUrl;\n                            \n                            \/\/ Hide the thumbnail and show the iframethis.style.display = 'none';\n                            iframe.style.display = 'block';\n                        });*\/\n\n                        document.addEventListener('DOMContentLoaded', function() {\n                            \/\/ Obt\u00e9n el elemento por ID\n                            const videoThumbnail = document.getElementById('video-thumbnail');\n\n                            \/\/ Verifica si el elemento fue encontrado\n                            if (videoThumbnail) {\n                                \/\/ Agrega el evento click al elemento si existe\n                                videoThumbnail.addEventListener('click', function() {\n                                    var iframe = document.getElementById('video-iframe');\n                                    var videoUrl = iframe.getAttribute('data-video');\n                                    \n                                    \/\/ Establece la URL del video en el iframe\n                                    iframe.src = videoUrl;\n                                    \n                                    \/\/ Oculta el thumbnail y muestra el iframe\n                                    this.style.display = 'none';\n                                    iframe.style.display = 'block';\n                                });\n                            }\n                        });\n\n\n                    <\/script>\n\n                    <button data-remodal-action=\"close\" class=\"remodal-close\" pme=\"4\"><\/button>\n                                            <div class=\"bynder-video-container\">\n                        <div data-bynder-widget=\"video-item\" data-media-id=\"96BA0F2D-61CB-4179-87DC899D5CC96507\" data-width=\"\" data-autoplay=\"false\" element=\"\" id=\"video-container-item\"><\/div>\n                        \n                            <!--<video poster=\"https:\/\/d3cy9zhslanhfa.cloudfront.net\/media\/662D58AD-C6CA-45B9-8E6C110978333C43\/F8D4CD69-3FD1-44B6-9115BDA6C959F79C\/webimage-A319CAF3-0BC6-4678-8F838ABE5083393D.jpg\" \n                            playsinline=\"\" \n                            style=\"width: 100%; height: 100%;\" \n                            controls=\"controls\">\n                                <source type=\"video\/mp4\" src=\"https:\/\/d3cy9zhslanhfa.cloudfront.net\/media\/662D58AD-C6CA-45B9-8E6C110978333C43\/F8D4CD69-3FD1-44B6-9115BDA6C959F79C\/MP4-BD3EBF4B-478A-4C7B-B0ABEFA4664E19E5.mp4\">\n                            <\/video>-->\n                        <\/div>\n                                    <\/section>\n                        <\/div>\n    <\/div>\n\n    <script>\n        console.log(\"\");\n        \/\/! documentation: https:\/\/developers.google.com\/youtube\/iframe_api_reference?hl=es-419\n\n        \/*\/\/ Crear un nuevo elemento <div> con id=\"new-container\"\n        var div = document.createElement('div');\n        div.id = 'new-container';\n\n        \/\/ Crear un nuevo elemento <script>\n        var tag = document.createElement('script');\n        tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\n        \/\/var script = document.createElement('script');\n        \/\/script.src = 'https:\/\/example.com\/new-script.js';  \/\/ Especifica la fuente del script\/\/ Insertar el <script> dentro del <div>\n        div.appendChild(tag);\n\n        const insetIn = document.getElementById('player');\n\n        \/\/ Insertar el <div> con el <script> en el DOM\n        insetIn.appendChild(div);\n        \n        const element = document.getElementById('new-container');\n        var firstScriptTag = element.getElementsByTagName('script')[0];\n        \/\/ 2. This code loads the IFrame Player API code asynchronously.\n        \/\/var tag = document.createElement('script');\n\n        \/\/tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\n        \/\/var firstScriptTag = document.getElementsByTagName('script')[0];\n        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n\n        \/\/ 3. This function creates an <iframe> (and YouTube player)\n        \/\/    after the API code downloads.\n        var player;\n        var widthScreen = window.innerWidth;\n        var heightScreen = window.innerHeight;\n\n        widthScreen = widthScreen \/ 2.5;\n        heightScreen = heightScreen \/ 2;\n\n        function onYouTubeIframeAPIReady() {\n            player = new YT.Player('player', {\n            height: widthScreen,\n            width: heightScreen,\n            videoId: 'j9uo0pj-pwA',\n            playerVars: {\n                'autoplay':1,\n                'playsinline': 1\n            },\n            events: {\n                'onReady': onPlayerReady,\n                'onStateChange': onPlayerStateChange\n            }\n            });\n        }\n\n        \/\/ 4. The API will call this function when the video player is ready.\n        function onPlayerReady(event) {\n            event.target.playVideo();\n        }\n\n        \/\/ 5. The API calls this function when the player's state changes.\n        \/\/    The function indicates that when playing a video (state=1),\n        \/\/    the player should play for six seconds and then stop.\n        var done = false;\n        function onPlayerStateChange(event) {\n            if (event.data == YT.PlayerState.PLAYING && !done) {\n            setTimeout(stopVideo, 6000);\n            done = true;\n            }\n        }\n        function stopVideo() {\n            player.stopVideo();\n        }*\/\n    <\/script>\n    \n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const imgPlayVideo = document.getElementById('img-play-video'); \/\/ video-container-item-iframe\n            const imgPlayVideoPreview = document.getElementById('img-preview-imagen');\n            console.log(\"#$#%#%#$#%#$#%#$#%#$\")\n            if (imgPlayVideo) {\n                imgPlayVideo.addEventListener('click', function() {\n                    const videoContainer = document.getElementById('video-container-item'); \n\n                    if (videoContainer) {\n                        const video = videoContainer.querySelector('video');\n\n                        if (video) {\n                            console.log(\"play to viedo\")\n                            video.play(); \n                        }\n                    }\n                });\n            }\n\n            if (imgPlayVideoPreview) {\n                imgPlayVideoPreview.addEventListener('click', function() {\n                    const videoContainerIframe = document.getElementById('video-container-item-iframe'); \n                    if (videoContainerIframe) {\n                        console.log(videoContainerIframe)\n                        \/\/ Aseg\u00farate de que el iframe est\u00e1 cargado completamente antes de intentar acceder a su contenido\n                        const iframeDocument = videoContainerIframe.contentDocument || videoContainerIframe.contentWindow.document;\n                        console.log(typeof iframeDocument)\n                        \/\/ Ahora puedes usar querySelector para obtener el primer <video> dentro del iframe\n                        \/\/const videoIframe = iframeDocument.querySelector('video');\n                        const videoIframe = videoContainerIframe.querySelector('video');\n\n                        if (videoIframe) {\n                            videoIframe.play(); \n                        }else{\n                            console.log(videoIframe)\n                            console.log(\"no hay nada\")\n                        }\n                    }\n                });\n            }\n        });\n\n    <\/script>\n        <!--TODO: Selector de videos (thumbnails)-->\n    \n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function(){\n        var bynderScript = document.createElement('script');\n        bynderScript.id = 'bynder-widgets-js';\n        bynderScript.setAttribute('data-account-url', 'bynder.onerichs.com');\n        bynderScript.setAttribute('data-language', 'en');\n        bynderScript.src = 'https:\/\/d8ejoa1fys2rk.cloudfront.net\/bynder-embed\/latest\/bynder-embed.js';\n        document.body.appendChild(bynderScript);\n\n        \n    });\n<\/script><\/section>\n\n\n<section class=\"block text-with-video default-padding\" >\n        <div class=\"container\">\n                <h1 class=\"block-title mb-0\">INFINITE POSSIBILITIES<\/h1>\n                <slick-carousel :options=\"{&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;prevArrow&quot;:&quot;&quot;,&quot;nextArrow&quot;:&quot;&lt;button type=\\&quot;button\\&quot; class=\\&quot;slick-next\\&quot;&gt;&lt;\\\/button&gt;&quot;,&quot;speed&quot;:800,&quot;dots&quot;:true}\" class=\"carousel timed-carousel\">\n                            <div class=\"item\">\n                    <div class=\"flex video-position-right\">\n                        <div class=\"video-container\">\n                                                            <div class=\"progress-timer red\"><\/div>\n                                                                                        <video loop muted playsinline>\n                                    <source src=\"https:\/\/richs.co.id\/wp-content\/uploads\/2024\/08\/Carousel-Bakery-480x480-1.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n                        <div class=\"text-container\">\n                            <h1 class=\"block-title\">JOY YOU CAN TASTE<\/h1>\n                            <div class=\"text\"><p>Where will you find inspiration next?<\/p>\n<\/div>\n                                                            <a class=\"btn btn-red icon-btn\" href=\"https:\/\/richs.co.id\/en\/bakery\/\" target=\"\">Bakery<i class=\"fas fa-chevron-right\"><\/i><\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"item\">\n                    <div class=\"flex video-position-right\">\n                        <div class=\"video-container\">\n                                                            <div class=\"progress-timer red\"><\/div>\n                                                                                        <video loop muted playsinline>\n                                    <source src=\"https:\/\/richs.co.id\/wp-content\/uploads\/2024\/08\/Carousel-Food-Service-480x480-1.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n                        <div class=\"text-container\">\n                            <h1 class=\"block-title\">elegan dalam rasa<\/h1>\n                            <div class=\"text\"><p>Don\u2019t let a little separation spoil your sensation<\/p>\n<\/div>\n                                                            <a class=\"btn btn-red icon-btn\" href=\"https:\/\/richs.co.id\/en\/food-service\/\" target=\"\">Food Service<i class=\"fas fa-chevron-right\"><\/i><\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"item\">\n                    <div class=\"flex video-position-right\">\n                        <div class=\"video-container\">\n                                                            <div class=\"progress-timer red\"><\/div>\n                                                                                        <video loop muted playsinline>\n                                    <source src=\"https:\/\/richs.co.id\/wp-content\/uploads\/2024\/08\/Carousel-Industrial-Solutions-480x480-1.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n                        <div class=\"text-container\">\n                            <h1 class=\"block-title\">Begin to Blossom<\/h1>\n                            <div class=\"text\"><p style=\"font-weight: 400;\">Fresh starts and budding creativity<\/p>\n<\/div>\n                                                            <a class=\"btn btn-red icon-btn\" href=\"https:\/\/richs.co.id\/en\/solusi-industri\/\" target=\"\">Industrial Solutions<i class=\"fas fa-chevron-right\"><\/i><\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"item\">\n                    <div class=\"flex video-position-right\">\n                        <div class=\"video-container\">\n                                                            <div class=\"progress-timer red\"><\/div>\n                                                                                        <video loop muted playsinline>\n                                    <source src=\"https:\/\/richs.co.id\/wp-content\/uploads\/2024\/08\/Carousel-Ingredient-Store-480x480-1.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n                        <div class=\"text-container\">\n                            <h1 class=\"block-title\">Inspiration Meets Innovation<\/h1>\n                            <div class=\"text\"><p>Explore our wide array of ingredients to meet your unique needs<\/p>\n<\/div>\n                                                            <a class=\"btn btn-red icon-btn\" href=\"https:\/\/richs.co.id\/en\/toko-bahan-kue\/\" target=\"\">Ingredient Store<i class=\"fas fa-chevron-right\"><\/i><\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"item\">\n                    <div class=\"flex video-position-right\">\n                        <div class=\"video-container\">\n                                                            <div class=\"progress-timer red\"><\/div>\n                                                                                        <video loop muted playsinline>\n                                    <source src=\"https:\/\/richs.co.id\/wp-content\/uploads\/2024\/08\/Carousel-Plant-Based-480x480-1.mp4\" type=\"video\/mp4\">\n                                <\/video>\n                                                    <\/div>\n                        <div class=\"text-container\">\n                            <h1 class=\"block-title\">PLANT ALTERNATIVES<\/h1>\n                            <div class=\"text\"><p class=\" translation-block\">Check out our health conscious product offerings<\/p>\n<\/div>\n                                                            <a class=\"btn btn-red icon-btn\" href=\"https:\/\/richs.co.id\/en\/nabati\/\" target=\"\">Plant Based<i class=\"fas fa-chevron-right\"><\/i><\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                    <\/slick-carousel>\n    <\/div>\n<\/section>\n\n\n<section class=\"block message-banner default-padding\" >\n        <div class=\"banner-carousel-container\">\n        <slick-carousel :options=\"{&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;prevArrow&quot;:&quot;&quot;,&quot;nextArrow&quot;:&quot;&lt;button type=\\&quot;button\\&quot; class=\\&quot;slick-next\\&quot;&gt;&lt;\\\/button&gt;&quot;,&quot;speed&quot;:800,&quot;dots&quot;:false}\" class=\"carousel timed-carousel style-default\">\n                            \n                <!--<p style=\"display:none;\">text<\/p>-->\n                \n                <div class=\"background-wrapper lazyload\"\n                                            bg-img-mb=\"https:\/\/richs.co.id\/wp-content\/uploads\/2024\/08\/shape-bg.jpg\"\n                                        id=\"background-wrapper\"\n                    \n                    bg-img-dk=\"https:\/\/richs.co.id\/wp-content\/uploads\/2024\/08\/Home_Banner_EN-1-2.jpg\"\n                    style=\"background-image:inherit; min-height:340px; background-size: contain\"\n                    \n                 data-bg-image=\"url(https:\/\/richs.co.id\/wp-content\/uploads\/2024\/08\/Home_Banner_EN-1-2.jpg)\">\n\n\n                \n                                    <div class=\"overlay gradient\" style=\"opacity: 0;\"><\/div>\n                                            <p style=\"display:none !important;\">text<\/p>\n                                        \n                    <!------------------------------------------------------>\n\n                                            <script>\n\n                            \n\n                            \/\/ Ejecuta la funci\u00f3n cuando la p\u00e1gina se carga por primera vezcheckScreenWidth();\n\n                            \/\/ Monitorea el cambio en el tama\u00f1o de la ventanawindow.addEventListener('resize', checkScreenWidth);\n\n                            document.addEventListener('DOMContentLoaded', function() {\n                                const containerImg = document.getElementById('background-wrapper');\n                                const urlImage = containerImg.getAttribute('bg-img-mb');\n                                const urlImageDesk = containerImg.getAttribute('bg-img-dk');\n                                const screenWidth = window.innerWidth;\n                                \n\n                                window.addEventListener('resize', function() {\n                                    const screenWidth = window.innerWidth;\n                                    if (screenWidth <= 768) {\n                                        containerImg.style.backgroundImage = `url(${urlImage})`;\n                                        containerImg.style.backgroundSize = 'cover';\n                                    } else {\n                                        containerImg.style.backgroundImage = `url(${urlImageDesk})`;\n                                        containerImg.style.backgroundSize = 'contain';\n                                    }\n                                });\n                            });\n\n                            function checkScreenWidth(containerImg) {\n                                const screenWidth = window.innerWidth;\n\n                                if (screenWidth <= 768) {\n                                    containerImg.style.backgroundImage = `url(${urlImage})`;\n                                } else {\n                                    containerImg.style.backgroundImage = `url(${urlImage})`;\n                                }\n                            }\n\n                        <\/script>\n                    \n                                            <h1 style=\"display:none !important;\">https:\/\/richs.co.id\/wp-content\/uploads\/2024\/08\/shape-bg.jpg<\/h1>\n                        <style>\n                            @media (max-width: 768px) {\n                                .message-banner #background-wrapper {\n                                    background-image: url(https:\/\/richs.co.id\/wp-content\/uploads\/2024\/08\/shape-bg.jpg) !important;\n                                }\n                            }\n                        <\/style>\n                        <script>\n                            console.log(\"there is something\");\n                        <\/script>\n                    \n                                            <!---<img decoding=\"async\" style=\"display:none;\" data-src=\"https:\/\/richs.co.id\/wp-content\/uploads\/2024\/08\/Values.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" \/>--->\n                        <p style=\"display:none !important;\">https:\/\/richs.co.id\/wp-content\/uploads\/2024\/08\/Values.jpg<\/p>\n                        <spam style=\"display:none !important;\">https:\/\/richs.co.id\/wp-content\/uploads\/2024\/08\/Values.jpg<\/spam>\n                        <style>\n                            \/*@media (max-width: 768px) {\n                                .message-banner #background-wrapper{\n                                    background-image:url( https:\/\/richs.co.id\/wp-content\/uploads\/2024\/08\/Values.jpg) !important;\n                                }\n                            }*\/\n                        <\/style>\n                        <p style=\"display:none !important;\">1111111<\/p>\n                                            <!------------------------------------------------------>\n\n                    <div class=\"container\">\n                        <div class=\"content my-3 text-position-center\" style=\" width:100%\">\n                            <h2 class=\"title font-alrightsans font-color-light\" style=\"font-size:36px\"><\/h2>\n                            <div class=\"text font-color-light\" style=\"padding-top:80px;\"><p style=\"font-size: 18px; width: 100% !important;\">We\u2019re a family-owned food company dedicated to inspiring possibilities. From innovative products to hands-on expertise, we bring creative solutions to food industry professionals around the world, helping unlock new possibilities to captivate consumers and grow your business. From foodservice and retail to in-store bakery, deli and prepared foods, among others, our goal is to be your trusted partner, helping you delight customers and stay competitive, no matter where the market moves.<\/p>\n<\/div>\n\n                                                            <a class=\"btn\" href=\"https:\/\/richs.co.id\/en\/get-in-touch\/\" target=\"\">CONTACT US<\/a>\n                                                          \n                        <\/div>\n                    <\/div>\n                                    <\/div>\n                    <\/slick-carousel>\n    <\/div>\n<\/section>\n\n\n<section class=\"block message-banner default-padding\" >\n        <div class=\"banner-carousel-container\">\n        <slick-carousel :options=\"{&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;prevArrow&quot;:&quot;&quot;,&quot;nextArrow&quot;:&quot;&lt;button type=\\&quot;button\\&quot; class=\\&quot;slick-next\\&quot;&gt;&lt;\\\/button&gt;&quot;,&quot;speed&quot;:800,&quot;dots&quot;:false}\" class=\"carousel timed-carousel style-default\">\n                            \n                <!--<p style=\"display:none;\">text<\/p>-->\n                \n                <div class=\"background-wrapper lazyload\"\n                                        id=\"background-wrapper\"\n                    \n                    bg-img-dk=\"https:\/\/richs.co.id\/wp-content\/uploads\/2024\/08\/BANNER-BUSINESS-EN.jpg\"\n                    style=\"background-image:inherit; min-height:605px; background-size: cover\"\n                    \n                 data-bg-image=\"url(https:\/\/richs.co.id\/wp-content\/uploads\/2024\/08\/BANNER-BUSINESS-EN.jpg)\">\n\n\n                \n                                    <div class=\"overlay gradient\" style=\"opacity: 0.8;\"><\/div>\n                                        \n                    <!------------------------------------------------------>\n\n                    \n                    \n                                                <p style=\"display:none !important;\">NOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOo<\/p>\n                                        <!------------------------------------------------------>\n\n                    <div class=\"container\">\n                        <div class=\"content my-3 text-position-center\" style=\" width:70%\">\n                            <h2 class=\"title font-alrightsans font-color-light\" style=\"font-size:36px\"><\/h2>\n                            <div class=\"text font-color-light\" style=\"padding-top:80px;\"><p>&nbsp;<\/p>\n<style>\n    .banner-carousel-container {<br \/>\n        display: flex;<br \/>\n        justify-content: space-between;}<br \/>\n   .banner-carousel-container .slick-slide {<br \/>\n        flex: 1;<br \/>\n    }<br \/>\n    .banner-carousel-container .slick-slide a.btn {<br \/>\n        background: transparent;<br \/>\n        color: #fff;<br \/>\n        border: 2px solid;<br \/>\n        padding: 10px 20px;<br \/>\n        text-decoration: none;<br \/>\n        display: block;<br \/>\n        margin-bottom: 10px !important;<br \/>\n        margin-right: 10px !important; \/* Margen entre botones *\/<br \/>\n    }<br \/>\n<\/style>\n<h2 style=\"font-size: 45px;\">BUSINESS SOLUTIONS TAILORED FOR YOU.<\/h2>\n<p>&nbsp;<\/p>\n<div class=\"banner-carousel-container\" style=\"display: flex; flex-wrap: wrap; justify-content: center;\">\n<div class=\"slick-slide\" style=\"width: 193px;\"><a class=\"btn\" style=\"background: transparent !important; color: #fff !important; border: 2px solid !important; padding: 20px 20px !important; margin-right: 10px !important; width: 95%; height: 60px; display: block; align-content: center;\" href=\"https:\/\/richs.co.id\/en\/food-service\/\"> Food Service<\/a><\/div>\n<div class=\"slick-slide\" style=\"width: 193px;\"><a class=\"btn\" style=\"background: transparent !important; color: #fff !important; border: 2px solid !important; padding: 20px 20px !important; margin-right: 10px !important; width: 95%; height: 60px; display: block; align-content: center;\" href=\"https:\/\/richs.co.id\/en\/bakery\/\"> Cake &amp; Pastry<\/a><\/div>\n<div class=\"slick-slide\" style=\"width: 193px;\"><a class=\"btn\" style=\"background: transparent !important; color: #fff !important; border: 2px solid !important; padding: 20px 20px !important; margin-right: 10px !important; width: 95%; height: 60px; display: block; align-content: center;\" href=\"https:\/\/richs.co.id\/en\/toko-bahan-kue\/\"> INGREDIENTS STORE<\/a><\/div>\n<div class=\"slick-slide\" style=\"width: 193px;\"><a class=\"btn\" style=\"background: transparent !important; color: #fff !important; border: 2px solid !important; padding: 20px 20px !important; width: 95%; height: 60px; display: block; align-content: center;\" href=\"\/en\/product_categories\/lainnya\/\"> OTHERS<\/a><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<\/div>\n\n                                                          \n                        <\/div>\n                    <\/div>\n                                    <\/div>\n                    <\/slick-carousel>\n    <\/div>\n<\/section>\n\n\n<section class=\"block collage-p default-padding\" >\n    <div class=\"collage_p\">\n        <h1><\/h1>\n    <div class=\"collage_c\">\n                    <div class=\"cont_img\" style=\"background-image:url();\">\n                \n                                \n                <div class=\"sombreado\" style=\"opacity: 0.35\"><\/div>\n                \n                <div class=\"contenido_collage\" style=\"z-index: 1;\">\n                \n                    <h3>ENDLESS POSSIBILITIES.<\/h3>\n                    <p>Give your inspiration room to roam. Break a few eggs. Bring in a colour, a flavour no one ever thought to try before.<\/p>\n\n                                            <a href=\"\/en\/recipes_categories\/resep\/\" rel=\"noopener noreferrer\">DISCOVER RECIPES<\/a>\n                                        <!-- <a href=\"\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a> -->\n                \n                <\/div>            \n            <\/div>\n                <div class=\"cont_img lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(https:\/\/richs.co.id\/wp-content\/uploads\/2024\/03\/gallery-1-img@2x.jpg)\">\n                \n                                \n                <div class=\"sombreado\" style=\"opacity: 0.35\"><\/div>\n                \n                <div class=\"contenido_collage\" style=\"z-index: 1;\">\n                \n                    <h3><\/h3>\n                    <p><\/p>\n\n                                        <!-- <a href=\"\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a> -->\n                \n                <\/div>            \n            <\/div>\n                <div class=\"cont_img lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(https:\/\/richs.co.id\/wp-content\/uploads\/2024\/03\/gallery-2-img@2x-1.jpg)\">\n                \n                                \n                <div class=\"sombreado\" style=\"opacity: 0.35\"><\/div>\n                \n                <div class=\"contenido_collage\" style=\"z-index: 1;\">\n                \n                    <h3><\/h3>\n                    <p><\/p>\n\n                                        <!-- <a href=\"\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a> -->\n                \n                <\/div>            \n            <\/div>\n                <div class=\"cont_img lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(https:\/\/richs.co.id\/wp-content\/uploads\/2024\/03\/gallery-3-img@2x.jpg)\">\n                \n                                \n                <div class=\"sombreado\" style=\"opacity: 0.35\"><\/div>\n                \n                <div class=\"contenido_collage\" style=\"z-index: 1;\">\n                \n                    <h3><\/h3>\n                    <p><\/p>\n\n                                        <!-- <a href=\"\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a> -->\n                \n                <\/div>            \n            <\/div>\n                <div class=\"cont_img lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(https:\/\/richs.co.id\/wp-content\/uploads\/2024\/03\/gallery-4-img@2x.jpg)\">\n                \n                                \n                <div class=\"sombreado\" style=\"opacity: 0.35\"><\/div>\n                \n                <div class=\"contenido_collage\" style=\"z-index: 1;\">\n                \n                    <h3><\/h3>\n                    <p><\/p>\n\n                                        <!-- <a href=\"\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a> -->\n                \n                <\/div>            \n            <\/div>\n        <\/div>\n<\/div>\n<\/section>\n\n\n<section class=\"block link-cards default-padding\" >\n        <div class=\"container\">\n        <h1 class=\"block-title\">WHAT INFORMATION WOULD YOU LIKE TO KNOW ?<\/h1>\n        <div class=\"control_btn d-flex d-lg-none flex-row-reverse mb-3\">\n            <button class=\"slider-btn-three me-1\" id=\"next-btn-card-link\"><\/button>    \n            <button class=\"slider-btn-three me-3\" id=\"prev-btn-card-link\"><\/button>\n        <\/div>\n        <div class=\"container-cards\" id=\"cards-links-overflow\">\n            <div class=\"flex flex-row content-wrapper\">\n                                    <div class=\"link-card mb-0\">\n                        <div class=\"wrapper\">\n                            <div class=\"card-content\">\n                                <h3 class=\"link-title\">MEET RICH\u2019S<\/h3>\n                                <div class=\"link-text\"><\/div>\n                            <\/div>\n                            <i class=\"fas fa-chevron-right\"><\/i>\n                        <\/div>\n                        <a class=\"full\" href=\"https:\/\/richs.co.id\/en\/about-us\/\" target=\"\">MEET RICH\u2019S<\/a>\n                    <\/div>\n                                    <div class=\"link-card mb-0\">\n                        <div class=\"wrapper\">\n                            <div class=\"card-content\">\n                                <h3 class=\"link-title\">Our Products<\/h3>\n                                <div class=\"link-text\"><\/div>\n                            <\/div>\n                            <i class=\"fas fa-chevron-right\"><\/i>\n                        <\/div>\n                        <a class=\"full\" href=\"https:\/\/richs.co.id\/en\/produk\/\" target=\"\">Our Products<\/a>\n                    <\/div>\n                                    <div class=\"link-card mb-0\">\n                        <div class=\"wrapper\">\n                            <div class=\"card-content\">\n                                <h3 class=\"link-title\">WHERE TO BUY<\/h3>\n                                <div class=\"link-text\"><\/div>\n                            <\/div>\n                            <i class=\"fas fa-chevron-right\"><\/i>\n                        <\/div>\n                        <a class=\"full\" href=\"https:\/\/richs.co.id\/en\/where-to-buy\/\" target=\"\">WHERE TO BUY<\/a>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"block wysiwyg default-padding background-white\" id=\"\">\n    <div class=\"container size-default\">\n        <div class=\"content\"><\/div>\n<\/div><\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-global.php","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HOME - Richs Indonesia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/richs.co.id\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HOME - Richs Indonesia\" \/>\n<meta property=\"og:url\" content=\"https:\/\/richs.co.id\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Richs Indonesia\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-29T19:26:00+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/richs.co.id\/\",\"url\":\"https:\/\/richs.co.id\/\",\"name\":\"HOME - Richs Indonesia\",\"isPartOf\":{\"@id\":\"https:\/\/richs.co.id\/#website\"},\"datePublished\":\"2024-01-25T20:56:12+00:00\",\"dateModified\":\"2025-08-29T19:26:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/richs.co.id\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/richs.co.id\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/richs.co.id\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/richs.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HOME\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/richs.co.id\/#website\",\"url\":\"https:\/\/richs.co.id\/\",\"name\":\"Richs Indonesia\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/richs.co.id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HOME - Richs Indonesia","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/richs.co.id\/en\/","og_locale":"en_US","og_type":"article","og_title":"HOME - Richs Indonesia","og_url":"https:\/\/richs.co.id\/en\/","og_site_name":"Richs Indonesia","article_modified_time":"2025-08-29T19:26:00+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/richs.co.id\/","url":"https:\/\/richs.co.id\/","name":"HOME - Richs Indonesia","isPartOf":{"@id":"https:\/\/richs.co.id\/#website"},"datePublished":"2024-01-25T20:56:12+00:00","dateModified":"2025-08-29T19:26:00+00:00","breadcrumb":{"@id":"https:\/\/richs.co.id\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/richs.co.id\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/richs.co.id\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/richs.co.id\/"},{"@type":"ListItem","position":2,"name":"HOME"}]},{"@type":"WebSite","@id":"https:\/\/richs.co.id\/#website","url":"https:\/\/richs.co.id\/","name":"Richs Indonesia","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/richs.co.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/richs.co.id\/en\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/richs.co.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/richs.co.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/richs.co.id\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/richs.co.id\/en\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":368,"href":"https:\/\/richs.co.id\/en\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":351240,"href":"https:\/\/richs.co.id\/en\/wp-json\/wp\/v2\/pages\/10\/revisions\/351240"}],"wp:attachment":[{"href":"https:\/\/richs.co.id\/en\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}