<!DOCTYPE html><html dir="ltr" lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="icon" type="image/x-icon" href="https://wartakompas.com/website-settings/favicon-id-67fdae34ae108-15-04-2025-.webp" /> <link rel="icon" type="image/png" href="https://wartakompas.com/website-settings/favicon-id-67fdae34ae108-15-04-2025-.webp" /> <meta name="google-adsense-account" content="ca-pub-4055081946471823"> <title>Warta Kompas - Update Berita Politik, Ekonomi, Teknologi, dan Olahraga</title><meta name="description" content="Portal berita Indonesia terkini menyajikan informasi terbaru seputar politik, ekonomi, teknologi, olahraga, dan gaya hidup. Update berita hari ini di Warta Kompas."><meta name="keywords" content="berita indonesia terbaru, kabar politik terkini, informasi ekonomi hari ini, update teknologi terbaru, berita olahraga terbaru"><meta name="robots" content="all,index,follow" /><meta name="googlebot" content="index, follow" /><meta name="googlebot-news" content="index, follow" /><meta property="og:site_name" content="Warta Kompas.com" /><link rel="canonical" href="https://wartakompas.com" /><meta property="og:locale" content="id_ID" /><link rel="alternate" hreflang="id" href="https://wartakompas.com/locale/id" /><link rel="alternate" hreflang="en" href="https://wartakompas.com/locale/en" /><meta property="og:type" content="website" /><meta property="og:title" content="Warta Kompas - Update Berita Politik, Ekonomi, Teknologi, dan Olahraga" /><meta property="og:description" content="Portal berita Indonesia terkini menyajikan informasi terbaru seputar politik, ekonomi, teknologi, olahraga, dan gaya hidup. Update berita hari ini di Warta Kompas." /><meta property="og:url" content="https://wartakompas.com" /><meta property="og:image" content="https://wartakompas.com/website-settings/logo-id-67fdadec5da5e-15-04-2025-.webp" /><meta property="og:image:width" content="800" /><meta property="og:image:height" content="800" /><meta name="twitter:card" content="summary" /><meta name="twitter:description" content="Portal berita Indonesia terkini menyajikan informasi terbaru seputar politik, ekonomi, teknologi, olahraga, dan gaya hidup. Update berita hari ini di Warta Kompas." /><meta name="twitter:title" content="Warta Kompas - Update Berita Politik, Ekonomi, Teknologi, dan Olahraga" /><meta name="twitter:image" content="https://wartakompas.com/website-settings/logo-id-67fdadec5da5e-15-04-2025-.webp" /><script type="application/ld+json"> { "@context": "https://schema.org" , "@type": "WebSite" , "name": "Warta Kompas - Update Berita Politik, Ekonomi, Teknologi, dan Olahraga" , "url": "https://wartakompas.com" , "potentialAction": { "@type": "SearchAction" , "target": "https://wartakompas.com/search/{search_term_string}" , "query-input": "required name=search_term_string" } }</script><script type="application/ld+json"> { "@context": "https://schema.org" , "@type": "Organization" , "name": "Warta Kompas" , "url": "https://wartakompas.com" , "logo": { "@type": "ImageObject" , "url": "https://wartakompas.com/website-settings/logo-id-67fdadec5da5e-15-04-2025-.webp" } }</script> <link rel="preload" as="image" href="https://res.cloudinary.com/drtscardd/image/upload/v1735036718/pattern5_psryrh.jpg" /><link rel="preload" as="image" href="https://wartakompas.com/article-image/article-66b140c035d7666b140c035d79-05-08-2024-.png" /> <link rel="preload" as="style" href="https://wartakompas.com/build/assets/app-CpmBy1rY.css" /><link rel="stylesheet" href="https://wartakompas.com/build/assets/app-CpmBy1rY.css" data-navigate-track="reload" /> <link rel="preload" as="style" href="https://wartakompas.com/build/assets/flatpickr-CksuuEqD.css" /><link rel="preload" as="style" href="https://wartakompas.com/build/assets/apexcharts-D7C-5Ii-.css" /><link rel="preload" as="style" href="https://wartakompas.com/build/assets/swiper-Ds_YmOBQ.css" /><link rel="preload" as="style" href="https://wartakompas.com/build/assets/@fancyapps-ds4Gh1HN.css" /><link rel="preload" as="style" href="https://wartakompas.com/build/assets/app-bST8zy7M.css" /><link rel="modulepreload" href="https://wartakompas.com/build/assets/app-CIreh9PE.js" /><link rel="modulepreload" href="https://wartakompas.com/build/assets/axios-t--hEgTQ.js" /><link rel="modulepreload" href="https://wartakompas.com/build/assets/preline-B3sKsAfu.js" /><link rel="modulepreload" href="https://wartakompas.com/build/assets/flatpickr-GxH7uxF1.js" /><link rel="modulepreload" href="https://wartakompas.com/build/assets/lodash-Bc_Bz3Id.js" /><link rel="modulepreload" href="https://wartakompas.com/build/assets/apexcharts-Ca-EIgVU.js" /><link rel="modulepreload" href="https://wartakompas.com/build/assets/sweetalert2-B0Dix5B2.js" /><link rel="modulepreload" href="https://wartakompas.com/build/assets/tom-select-CFqJZwW_.js" /><link rel="modulepreload" href="https://wartakompas.com/build/assets/slim-select-BQ1i-5MK.js" /><link rel="modulepreload" href="https://wartakompas.com/build/assets/swiper-DqcKpi7O.js" /><link rel="modulepreload" href="https://wartakompas.com/build/assets/@fancyapps-CYgxqxvx.js" /><link rel="modulepreload" href="https://wartakompas.com/build/assets/@floating-ui-B3OHjhX1.js" /><link rel="modulepreload" href="https://wartakompas.com/build/assets/@orchidjs-BHPRxGz6.js" /><link rel="stylesheet" href="https://wartakompas.com/build/assets/flatpickr-CksuuEqD.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://wartakompas.com/build/assets/apexcharts-D7C-5Ii-.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://wartakompas.com/build/assets/swiper-Ds_YmOBQ.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://wartakompas.com/build/assets/@fancyapps-ds4Gh1HN.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://wartakompas.com/build/assets/app-bST8zy7M.css" data-navigate-track="reload" /><script type="module" src="https://wartakompas.com/build/assets/app-CIreh9PE.js" data-navigate-track="reload"></script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4324149845740814" crossorigin="anonymous"></script> <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}</style> <script src="/livewire/livewire.min.js?id=fcf8c2ad" data-csrf="Hn7yhVgBkNpLaxzYxyFhtcA2T2ZaGgqK8beN5eaD" data-update-uri="/livewire/update" data-navigate-once="true"></script> <script type="importmap"> { "imports": { "https://esm.sh/v135/prosemirror-model@1.19.3/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs", "https://esm.sh/v135/prosemirror-model@1.21.0/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs", "https://esm.sh/v135/prosemirror-model@1.22.1/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs", "https://esm.sh/v135/prosemirror-model@1.23.0/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs", "https://esm.sh/v135/prosemirror-model@1.24.0/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs", "https://esm.sh/v135/prosemirror-model@1.24.1/es2022/prosemirror-model.mjs": "https://esm.sh/v135/prosemirror-model@1.20.0/es2022/prosemirror-model.mjs" } } </script> <style> :root { --light-bg: #e5e7eb; --dark-bg: #030712; } </style></head><body> <div class="fixed h-screen inset-0 z-[9999] flex items-center justify-center bg-gray-900 transition-opacity duration-500" id="screen-loader"> <div class="relative w-[250px] aspect-square"> <!-- Logo --> <div class="absolute inset-0 grid place-content-center p-[30%] z-[100]"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94 94" class="w-full fill-current text-gray-500 animate-color-change"> <path d="M38.0481 4.82927C38.0481 2.16214 40.018 0 42.4481 0H51.2391C53.6692 0 55.6391 2.16214 55.6391 4.82927V40.1401C55.6391 48.8912 53.2343 55.6657 48.4248 60.4636C43.6153 65.2277 36.7304 67.6098 27.7701 67.6098C18.8099 67.6098 11.925 65.2953 7.11548 60.6663C2.37183 56.0036 3.8147e-06 49.2967 3.8147e-06 40.5456V4.82927C3.8147e-06 2.16213 1.96995 0 4.4 0H13.2405C15.6705 0 17.6405 2.16214 17.6405 4.82927V39.1265C17.6405 43.7892 18.4805 47.2018 20.1605 49.3642C21.8735 51.5267 24.4759 52.6079 27.9678 52.6079C31.4596 52.6079 34.0127 51.5436 35.6268 49.4149C37.241 47.2863 38.0481 43.8399 38.0481 39.0758V4.82927Z"></path> <path d="M86.9 61.8682C86.9 64.5353 84.9301 66.6975 82.5 66.6975H73.6595C71.2295 66.6975 69.2595 64.5353 69.2595 61.8682V4.82927C69.2595 2.16214 71.2295 0 73.6595 0H82.5C84.9301 0 86.9 2.16214 86.9 4.82927V61.8682Z"></path> <path d="M2.86102e-06 83.2195C2.86102e-06 80.5524 1.96995 78.3902 4.4 78.3902H83.6C86.0301 78.3902 88 80.5524 88 83.2195V89.1707C88 91.8379 86.0301 94 83.6 94H4.4C1.96995 94 0 91.8379 0 89.1707L2.86102e-06 83.2195Z"></path> </svg> </div> <!-- Ripple Circles --> <div class="absolute inset-[40%] z-[99] rounded-full border-t border-gray-700 bg-gradient-ripple animate-ripple"></div> <div class="absolute inset-[30%] z-[98] rounded-full border-t border-gray-600 bg-gradient-ripple animate-ripple delay-[200ms]"></div> <div class="absolute inset-[20%] z-[97] rounded-full border-t border-gray-500 bg-gradient-ripple animate-ripple delay-[400ms]"></div> <div class="absolute inset-[10%] z-[96] rounded-full border-t border-gray-400 bg-gradient-ripple animate-ripple delay-[600ms]"></div> <div class="absolute inset-0 z-[95] rounded-full border-t border-gray-300 bg-gradient-ripple animate-ripple delay-[800ms]"></div> </div> </div> <!-- ========== HEADER ========== --> <header class="sticky top-0 left-0 right-0 w-full z-50 transition-colors duration-300"> <div> <div class="flex flex-wrap lg:justify-start lg:flex-nowrap w-full border-b border-gray-200 dark:border-gray-700 bg-[var(--light-bg)] dark:bg-[var(--dark-bg)]"> <nav class="relative max-w-[85rem] w-full mx-auto lg:flex lg:items-center lg:justify-between lg:gap-3 py-2 px-4 sm:px-6 lg:px-8"> <div class="flex justify-between items-center gap-x-1"> <a class="flex-none font-semibold text-xl text-black dark:text-white focus:outline-none focus:opacity-80 mx-auto lg:mx-0" href="https://wartakompas.com" aria-label="Brand"> <img src="https://wartakompas.com/website-settings/logo-id-67fdadec5da5e-15-04-2025-.webp" alt="Warta Kompas Logo" class="w-48 h-fit dark:brightness-0 dark:invert-[1]"> </a> <button type="button" class="hs-collapse-toggle lg:hidden relative size-9 flex justify-center items-center font-medium text-[12px] rounded-lg text-gray-800 dark:text-gray-200 border border-gray-200 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none" id="hs-header-base-collapse" aria-expanded="false" aria-controls="hs-header-base" aria-label="Toggle navigation" data-hs-collapse="#hs-header-base"> <svg class="hs-collapse-open:hidden size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="3" x2="21" y1="6" y2="6" /> <line x1="3" x2="21" y1="12" y2="12" /> <line x1="3" x2="21" y1="18" y2="18" /></svg> <svg class="hs-collapse-open:block shrink-0 hidden size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M18 6 6 18" /> <path d="m6 6 12 12" /></svg> <span class="sr-only">Toggle navigation</span> </button> </div> <div id="hs-header-base" class="hs-collapse hidden overflow-hidden transition-all duration-300 basis-full grow lg:block" aria-labelledby="hs-header-base-collapse"> <div class="overflow-hidden overflow-y-auto max-h-[75vh] [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 dark:[&::-webkit-scrollbar-track]:bg-gray-800 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-thumb]:bg-gray-600"> <div class="py-2 lg:py-0 flex flex-col lg:flex-row lg:items-center gap-0.5 lg:gap-1"> <div class="grow"> <div class="flex flex-col lg:flex-row lg:justify-end lg:items-center gap-0.5 lg:gap-1"> <a class="p-2 flex items-center text-sm text-gray-800 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 transition-colors duration-500" href="https://wartakompas.com" rel="nofollow"> Beranda </a> </div> </div> <div class="my-2 lg:my-0 lg:mx-2"> <div class="w-full h-px lg:w-px lg:h-4 bg-gray-200 dark:bg-gray-700 lg:bg-gray-300 lg:dark:bg-gray-600"></div> </div> <div class="flex flex-wrap items-center gap-x-1.5"> <form class="flex flex-row relative items-center" action="https://wartakompas.com/search" method="get"> <input type="hidden" name="_token" value="Hn7yhVgBkNpLaxzYxyFhtcA2T2ZaGgqK8beN5eaD" autocomplete="off"> <svg class="w-5 h-5 absolute ml-3 text-gray-500 dark:text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" /> </svg> <input type="text" name="query" id="small-input" class="block w-full p-2 pl-10 text-gray-900 dark:text-white rounded-lg text-xs bg-gray-50 dark:bg-gray-700 border border-gray-300 dark:border-gray-600 focus:ring-blue-500 focus:border-blue-500 dark:placeholder-gray-400 dark:focus:ring-blue-500 dark:focus:border-blue-500 transition-colors duration-500" placeholder="Cari"> </form> <div class="my-2 lg:my-0 lg:mx-2"> <div class="w-full h-px lg:w-px lg:h-4 bg-gray-200 dark:bg-gray-700 lg:bg-gray-300 lg:dark:bg-gray-600"></div> </div> <a href="/contact-us" class="py-2 px-2.5 inline-flex items-center font-medium text-sm rounded-lg text-white disabled:opacity-50 disabled:pointer-events-none hover:opacity-90 transition-opacity duration-500" style="background-color: #db2777"> Hubungi Kami </a> <div class="my-2 lg:my-0 lg:mx-2"> <div class="w-full h-px lg:w-px lg:h-4 bg-gray-200 dark:bg-gray-700 lg:bg-gray-300 lg:dark:bg-gray-600"></div> </div> <button type="button" class="cursor-pointer hs-dark-mode-active:hidden block hs-dark-mode font-medium text-gray-800 rounded-full hover:bg-gray-200 focus:outline-hidden focus:bg-gray-200 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-theme-click-value="dark"> <span class="group inline-flex shrink-0 justify-center items-center size-9"> <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path> </svg> </span> </button> <button type="button" class="cursor-pointer hs-dark-mode-active:block hidden hs-dark-mode font-medium text-gray-800 rounded-full hover:bg-gray-200 focus:outline-hidden focus:bg-gray-200 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-theme-click-value="light"> <span class="group inline-flex shrink-0 justify-center items-center size-9"> <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="4"></circle> <path d="M12 2v2"></path> <path d="M12 20v2"></path> <path d="m4.93 4.93 1.41 1.41"></path> <path d="m17.66 17.66 1.41 1.41"></path> <path d="M2 12h2"></path> <path d="M20 12h2"></path> <path d="m6.34 17.66-1.41 1.41"></path> <path d="m19.07 4.93-1.41 1.41"></path> </svg> </span> </button> <div class="my-2 lg:my-0 lg:mx-2"> <div class="w-full h-px lg:w-px lg:h-4 bg-gray-200 dark:bg-gray-700 lg:bg-gray-300 lg:dark:bg-gray-600"></div> </div> <a href="https://wartakompas.com/locale/en" class="p-1 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-500"> <img class="h-6" src="https://res.cloudinary.com/drtscardd/image/upload/v1744259404/us-flag_bxrogs.png" alt="flag-us"> </a> </div> </div> </div> </div> </nav> </div> <nav class="w-full" style="background: linear-gradient(to right, #db2777, #d72d2d, #e11d48);"> <div class="max-w-[85rem] w-full mx-auto sm:flex sm:flex-row sm:justify-between sm:items-center sm:gap-x-3 py-3 px-4 sm:px-6 lg:px-8"> <div class="flex justify-between items-center gap-x-3"> <div class="grow"> <span class="font-semibold whitespace-nowrap text-gray-50 hidden lg:block">Menu</span> </div> <button type="button" class="hs-collapse-toggle sm:hidden py-1.5 px-2 inline-flex items-center font-medium text-xs rounded-md border border-gray-200 bg-white text-gray-800 shadow-inner hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-100" data-hs-collapse="#hs-nav-secondary" aria-controls="hs-nav-secondary" aria-label="Toggle navigation"> Menu <svg class="hs-dropdown-open:rotate-180 shrink-0 size-4 ms-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="m6 9 6 6 6-6" /></svg> </button> </div> <div id="hs-nav-secondary" class="hs-collapse hidden overflow-x-auto no-scrollbar transition-all duration-300 basis-full grow sm:block"> <div class="py-2 sm:py-0 flex flex-col sm:flex-row w-fit sm:justify-end gap-y-2 sm:gap-y-0 sm:gap-x-3"> <a href="https://wartakompas.com/id/category/berita" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap lg:ml-4" >Berita</a> <a href="https://wartakompas.com/id/category/tekno" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap " >Tekno</a> <a href="https://wartakompas.com/id/category/ekonomi" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap " >Ekonomi</a> <a href="https://wartakompas.com/id/category/otomotif" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap " >Otomotif</a> <a href="https://wartakompas.com/id/category/bola" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap " >Bola</a> <a href="https://wartakompas.com/id/category/gaya-hidup" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap " >Gaya Hidup</a> <a href="https://wartakompas.com/id/category/tren" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap " >Tren</a> <a href="https://wartakompas.com/id/category/kesehatan" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap " >Kesehatan</a> <a href="https://wartakompas.com/id/category/travelling" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap " >Travelling</a> <a href="https://wartakompas.com/id/category/edukasi" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap " >Edukasi</a> <a href="https://wartakompas.com/id/category/makanan" class="font-medium text-sm text-gray-50 focus:outline-none hover:text-blue-600 focus:text-blue-600 duration-500 whitespace-nowrap " >Makanan</a> </div> </div> </div> </nav> </div></header> <!-- ========== END HEADER ========== --> <!-- Content --> <main class="bg-[var(--light-bg)] dark:bg-[var(--dark-bg)]"> <div class="grid grid-cols-12 gap-5 w-full px-2 md:px-5 lg:px-[5rem] py-5"> <div class="col-span-12 lg:col-span-8"> <div wire:snapshot="{"data":{"dataWidget":[[],{"key":1,"class":"App\\Models\\Widget","s":"elmdl"}],"dataArticles":[[],{"keys":[null,null,null,null,null],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Article","relations":["Categories"],"s":"elcl"}],"randomBackgroundImage":"https:\/\/res.cloudinary.com\/drtscardd\/image\/upload\/v1735036718\/pattern5_psryrh.jpg"},"memo":{"id":"zUH38o0s5Uvl67eTIMY5","name":"landing.style.swiper-one","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"7383e4bfd1df3c9718b5387afcf5da4ef93c2c65083de4513643450232020c8b"}" wire:effects="[]" wire:id="zUH38o0s5Uvl67eTIMY5" class="my-5"> <!--[if BLOCK]><![endif]--> <div class="w-full relative rounded-md p-2 space-y-3 my-5" style="background-image: url('https://res.cloudinary.com/drtscardd/image/upload/v1735036718/pattern5_psryrh.jpg'); background-size: cover; background-position: center;"> <div class="flex flex-row justify-between"> <h2 type="button" class="py-2 px-4 inline-flex items-center gap-x-2 text-lg font-medium rounded-full border border-transparent opacity-90 bg-blue-600 text-white hover:bg-blue-700 focus:outline-hidden focus:bg-blue-700 focus:outline-hidden focus:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none"> Rekomendasi Artikel </h2> <div class="flex z-30 items-center space-x-2"> <button id="slider-button-left" class="swiper-one-prev cursor-pointer group !p-0 flex justify-center items-center border-4 border-solid border-gray-600 transition-all duration-500 rounded-full bg-gray-50 hover:bg-gary-600 shadow-2xl" data-carousel-prev> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left-icon lucide-circle-chevron-left"> <circle cx="12" cy="12" r="10" /> <path d="m14 16-4-4 4-4" /></svg> </button> <button id="slider-button-right" class="swiper-one-next cursor-pointer group !p-0 flex justify-center items-center border-4 border-solid border-gray-600 transition-all duration-500 rounded-full bg-gray-50 hover:bg-gary-600 shadow-2xl" data-carousel-next> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-right-icon lucide-circle-chevron-right"> <circle cx="12" cy="12" r="10" /> <path d="m10 8 4 4-4 4" /></svg> </button> </div> </div> <div class="swiper-one relative group overflow-hidden w-full"> <div class="swiper-wrapper"> <!--[if BLOCK]><![endif]--> <div class="swiper-slide"> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-md w-full relative"> <a href="https://wartakompas.com/id/article/wisata-atv-kuber-bali-adventure-menantang-adrenalin-di-trek-paling-ekstrem-di-bali" title="Wisata ATV Kuber Bali Adventure – Menantang Adrenalin di Trek Paling Ekstrem di Bali"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-lg overflow-hidden"> <img class="w-full h-full object-cover transition-transform duration-300 hover:scale-105" src="https://wartakompas.com/article-image/article-66b140c035d7666b140c035d79-05-08-2024-.png" alt="Wisata ATV Kuber Bali Adventure – Menantang Adrenalin di Trek Paling Ekstrem di Bali" loading="lazy" width="640" height="360" /> </div> </a> <div class="flex-auto p-4"> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/travelling" title="Travelling" class="focus:outline-none text-[12px] text-gray-100 dark:text-gray-800 rounded font-medium py-1 px-2" style="background-color: #1E90FF">Travelling</a> <!--[if ENDBLOCK]><![endif]--> <a href="https://wartakompas.com/id/article/wisata-atv-kuber-bali-adventure-menantang-adrenalin-di-trek-paling-ekstrem-di-bali" title="Wisata ATV Kuber Bali Adventure – Menantang Adrenalin di Trek Paling Ekstrem di Bali" class="my-3 text-[20px] font-medium tracking-tight text-gray-800 dark:text-white line-clamp-3"> Wisata ATV Kuber Bali Adventure – Menantang Adrenalin di Trek Paling Ekstrem di Bali </a> </div> </div> </div> <div class="swiper-slide"> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-md w-full relative"> <a href="https://wartakompas.com/id/article/5-kekurangan-mobil-bekas-tabrakan-yang-wajib-kamu-ketahui" title="5 Kekurangan Mobil Bekas Tabrakan yang Wajib Kamu Ketahui"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-lg overflow-hidden"> <img class="w-full h-full object-cover transition-transform duration-300 hover:scale-105" src="https://wartakompas.com/article-image/article-66b1337dca2d466b1337dca2d8-05-08-2024-.png" alt="5 Kekurangan Mobil Bekas Tabrakan yang Wajib Kamu Ketahui" loading="lazy" width="640" height="360" /> </div> </a> <div class="flex-auto p-4"> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/berita" title="Berita" class="focus:outline-none text-[12px] text-gray-100 dark:text-gray-800 rounded font-medium py-1 px-2" style="background-color: #003366">Berita</a> <!--[if ENDBLOCK]><![endif]--> <a href="https://wartakompas.com/id/article/5-kekurangan-mobil-bekas-tabrakan-yang-wajib-kamu-ketahui" title="5 Kekurangan Mobil Bekas Tabrakan yang Wajib Kamu Ketahui" class="my-3 text-[20px] font-medium tracking-tight text-gray-800 dark:text-white line-clamp-3"> 5 Kekurangan Mobil Bekas Tabrakan yang Wajib Kamu Ketahui </a> </div> </div> </div> <div class="swiper-slide"> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-md w-full relative"> <a href="https://wartakompas.com/id/article/pafi-kabupaten-flores-timur-edukasi-dan-inovasi-untuk-kesehatan-masyarakat" title="PAFI Kabupaten Flores Timur: Edukasi dan Inovasi untuk Kesehatan Masyarakat"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-lg overflow-hidden"> <img class="w-full h-full object-cover transition-transform duration-300 hover:scale-105" src="https://wartakompas.com/article-image/article-673a1471732b2673a1471732b4-17-11-2024-.png" alt="PAFI Kabupaten Flores Timur" loading="lazy" width="640" height="360" /> </div> </a> <div class="flex-auto p-4"> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/advertorial" title="Advertorial" class="focus:outline-none text-[12px] text-gray-100 dark:text-gray-800 rounded font-medium py-1 px-2" style="background-color: #FF5722">Advertorial</a> <!--[if ENDBLOCK]><![endif]--> <a href="https://wartakompas.com/id/article/pafi-kabupaten-flores-timur-edukasi-dan-inovasi-untuk-kesehatan-masyarakat" title="PAFI Kabupaten Flores Timur: Edukasi dan Inovasi untuk Kesehatan Masyarakat" class="my-3 text-[20px] font-medium tracking-tight text-gray-800 dark:text-white line-clamp-3"> PAFI Kabupaten Flores Timur: Edukasi dan Inovasi untuk Kesehatan Masyarakat </a> </div> </div> </div> <div class="swiper-slide"> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-md w-full relative"> <a href="https://wartakompas.com/id/article/daftar-lengkap-formasi-cpns-2024-sebanyak-19-daerah-telah-mengumumkan" title="Daftar Lengkap Formasi CPNS 2024: Sebanyak 19 Daerah Telah Mengumumkan"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-lg overflow-hidden"> <img class="w-full h-full object-cover transition-transform duration-300 hover:scale-105" src="https://wartakompas.com/article-image/article-66b134fa1e79366b134fa1e795-05-08-2024-.png" alt="Daftar Lengkap Formasi CPNS 2024: Sebanyak 19 Daerah Telah Mengumumkan" loading="lazy" width="640" height="360" /> </div> </a> <div class="flex-auto p-4"> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/berita" title="Berita" class="focus:outline-none text-[12px] text-gray-100 dark:text-gray-800 rounded font-medium py-1 px-2" style="background-color: #003366">Berita</a> <!--[if ENDBLOCK]><![endif]--> <a href="https://wartakompas.com/id/article/daftar-lengkap-formasi-cpns-2024-sebanyak-19-daerah-telah-mengumumkan" title="Daftar Lengkap Formasi CPNS 2024: Sebanyak 19 Daerah Telah Mengumumkan" class="my-3 text-[20px] font-medium tracking-tight text-gray-800 dark:text-white line-clamp-3"> Daftar Lengkap Formasi CPNS 2024: Sebanyak 19 Daerah Telah Mengumumkan </a> </div> </div> </div> <div class="swiper-slide"> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-md w-full relative"> <a href="https://wartakompas.com/id/article/cara-memulai-bisnis-properti-perumahan" title="Cara Memulai Bisnis Properti Perumahan"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-lg overflow-hidden"> <img class="w-full h-full object-cover transition-transform duration-300 hover:scale-105" src="https://wartakompas.com/article-image/article-66b131446ea2166b131446ea27-05-08-2024-.png" alt="Cara Memulai Bisnis Properti Perumahan" loading="lazy" width="640" height="360" /> </div> </a> <div class="flex-auto p-4"> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/ekonomi" title="Ekonomi" class="focus:outline-none text-[12px] text-gray-100 dark:text-gray-800 rounded font-medium py-1 px-2" style="background-color: #4CAF50">Ekonomi</a> <!--[if ENDBLOCK]><![endif]--> <a href="https://wartakompas.com/id/article/cara-memulai-bisnis-properti-perumahan" title="Cara Memulai Bisnis Properti Perumahan" class="my-3 text-[20px] font-medium tracking-tight text-gray-800 dark:text-white line-clamp-3"> Cara Memulai Bisnis Properti Perumahan </a> </div> </div> </div> <!--[if ENDBLOCK]><![endif]--> </div> </div> </div> <!--[if ENDBLOCK]><![endif]--></div> <div wire:snapshot="{"data":{"dataWidget":[[],{"key":2,"class":"App\\Models\\Widget","s":"elmdl"}],"dataArticles":[[],{"keys":[null,null,null,null,null,null],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Article","relations":["Categories","Author"],"s":"elcl"}]},"memo":{"id":"sH7IevlQgX01yZSwBkgR","name":"landing.style.index-one","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"3f769ee0dddfa47cd80b0b8c8c2e52518a69ab897b17a92d4f712bb7a38635af"}" wire:effects="[]" wire:id="sH7IevlQgX01yZSwBkgR" class="grid grid-cols-12 gap-4 mb-4"> <!-- Widget Title --> <h2 class="col-span-6 text-start text-xl font-semibold text-gray-800 dark:text-white"> Trending </h2> <a href="https://wartakompas.com/id/article" class="col-span-6 text-end text-gray-800 dark:text-white font-medium hover:text-cyan-500 duration-500" > Lihat Semua </a> <!-- Articles --> <!--[if BLOCK]><![endif]--> <div class="col-span-12 md:col-span-4 lg:col-span-4"> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-lg shadow-md overflow-hidden"> <!-- Image --> <a href="https://wartakompas.com/id/article/happy-asmara-pakai-hijab-gilga-sahid-klepek-klepek" title="Happy Asmara Pakai Hijab, Gilga Sahid Klepek-Klepek"> <div class="aspect-w-4 aspect-h-3 bg-gray-200"> <img class="w-full h-full object-cover rounded-t-lg" src="https://wartakompas.com/article-image/article-66b138acbf71566b138acbf717-05-08-2024-.png" alt="Happy Asmara Pakai Hijab, Gilga Sahid Klepek-Klepek" loading="lazy" width="400" height="300" /> </div> </a> <!-- Content --> <div class="p-4"> <!-- Category --> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/tren" class="text-xs font-medium text-white rounded px-2 py-1 mb-2 inline-block" style="background-color: #FF69B4" > Tren </a> <!--[if ENDBLOCK]><![endif]--> <!-- Date --> <p class="text-xs text-gray-500 dark:text-gray-400 mb-3"> August 5, 2024 </p> <!-- Title --> <a href="https://wartakompas.com/id/article/happy-asmara-pakai-hijab-gilga-sahid-klepek-klepek" class="block text-lg font-semibold text-gray-800 dark:text-white hover:underline line-clamp-2" > Happy Asmara Pakai Hijab, Gilga Sahid Klepek-Klepek </a> <!-- Meta Description --> <p class="text-sm text-gray-500 dark:text-gray-400 mt-2 line-clamp-3"> Happy Asmara, bintang ternama di industri musik dan hiburan Tanah Air, baru-baru ini menarik perhatian dengan penampilannya yang memukau dalam balutan hijab berwarna putih. Dalam video yang dibagikan di akun TikToknya, Happy Asmara menampilkan gaya simpel namun elegan dengan hijab berwarna putih, mendapat decak kagum dari penggemar dan kekasihnya, Gilga Sahid. </p> <!-- Divider --> <div class="border-b border-dashed border-gray-300 dark:border-gray-600 my-4"></div> <!-- Footer --> <div class="flex justify-between items-center"> <!-- Author Info --> <div class="flex items-center"> <div class="w-8 h-8 rounded-full overflow-hidden"> <img class="w-full h-full object-cover" src="https://wartakompas.com/avatar/avatar-66b124cc7734d66b124cc7734f-05-08-2024-.jpg" alt="Mia Wilson" loading="lazy" width="32" height="32" /> </div> <div class="ml-2"> <p class="text-sm font-medium text-gray-800 dark:text-white"> Mia Wilson </p> <p class="text-xs text-gray-500 dark:text-gray-400"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="492420283e20253a2627717b78093028212626672a2624">[email protected]</a> </p> </div> </div> <!-- Read More --> <a href="https://wartakompas.com/id/article/happy-asmara-pakai-hijab-gilga-sahid-klepek-klepek" class="text-sm font-semibold text-cyan-500 hover:text-cyan-400" > Selengkapnya <i class="fas fa-arrow-right-long"></i> </a> </div> </div> </div> </div> <div class="col-span-12 md:col-span-4 lg:col-span-4"> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-lg shadow-md overflow-hidden"> <!-- Image --> <a href="https://wartakompas.com/id/article/taman-langit-pangalengan-review-daya-tarik-dan-harga-tiket" title="Taman Langit Pangalengan: Review, Daya Tarik dan Harga Tiket"> <div class="aspect-w-4 aspect-h-3 bg-gray-200"> <img class="w-full h-full object-cover rounded-t-lg" src="https://wartakompas.com/article-image/article-66b1323b51d1c66b1323b51d1f-05-08-2024-.png" alt="Taman Langit Pangalengan: Review, Daya Tarik dan Harga Tiket" loading="lazy" width="400" height="300" /> </div> </a> <!-- Content --> <div class="p-4"> <!-- Category --> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/tren" class="text-xs font-medium text-white rounded px-2 py-1 mb-2 inline-block" style="background-color: #FF69B4" > Tren </a> <!--[if ENDBLOCK]><![endif]--> <!-- Date --> <p class="text-xs text-gray-500 dark:text-gray-400 mb-3"> August 5, 2024 </p> <!-- Title --> <a href="https://wartakompas.com/id/article/taman-langit-pangalengan-review-daya-tarik-dan-harga-tiket" class="block text-lg font-semibold text-gray-800 dark:text-white hover:underline line-clamp-2" > Taman Langit Pangalengan: Review, Daya Tarik dan Harga Tiket </a> <!-- Meta Description --> <p class="text-sm text-gray-500 dark:text-gray-400 mt-2 line-clamp-3"> Taman Langit Pangalengan adalah destinasi wisata yang sedang populer di kalangan anak muda maupun keluarga. Terletak di Desa Sukaluyu, Kecamatan Pangalengan, kabupaten Bandung, Jawa Barat, tempat ini menawarkan pemandangan indah dari atas bukit setinggi 1.710 mdpl. </p> <!-- Divider --> <div class="border-b border-dashed border-gray-300 dark:border-gray-600 my-4"></div> <!-- Footer --> <div class="flex justify-between items-center"> <!-- Author Info --> <div class="flex items-center"> <div class="w-8 h-8 rounded-full overflow-hidden"> <img class="w-full h-full object-cover" src="https://wartakompas.com/avatar/avatar-66b124cc7734d66b124cc7734f-05-08-2024-.jpg" alt="Mia Wilson" loading="lazy" width="32" height="32" /> </div> <div class="ml-2"> <p class="text-sm font-medium text-gray-800 dark:text-white"> Mia Wilson </p> <p class="text-xs text-gray-500 dark:text-gray-400"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c4a9ada5b3ada8b7abaafcf6f584bda5acababeaa7aba9">[email protected]</a> </p> </div> </div> <!-- Read More --> <a href="https://wartakompas.com/id/article/taman-langit-pangalengan-review-daya-tarik-dan-harga-tiket" class="text-sm font-semibold text-cyan-500 hover:text-cyan-400" > Selengkapnya <i class="fas fa-arrow-right-long"></i> </a> </div> </div> </div> </div> <div class="col-span-12 md:col-span-4 lg:col-span-4"> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-lg shadow-md overflow-hidden"> <!-- Image --> <a href="https://wartakompas.com/id/article/rekomendasi-wisata-kuliner-di-solo-murah-dan-legendaris" title="Rekomendasi Wisata Kuliner di Solo, Murah dan Legendaris"> <div class="aspect-w-4 aspect-h-3 bg-gray-200"> <img class="w-full h-full object-cover rounded-t-lg" src="https://wartakompas.com/article-image/article-66b1340400e5266b1340400e54-05-08-2024-.png" alt="Rekomendasi Wisata Kuliner di Solo, Murah dan Legendaris" loading="lazy" width="400" height="300" /> </div> </a> <!-- Content --> <div class="p-4"> <!-- Category --> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/tren" class="text-xs font-medium text-white rounded px-2 py-1 mb-2 inline-block" style="background-color: #FF69B4" > Tren </a> <!--[if ENDBLOCK]><![endif]--> <!-- Date --> <p class="text-xs text-gray-500 dark:text-gray-400 mb-3"> August 5, 2024 </p> <!-- Title --> <a href="https://wartakompas.com/id/article/rekomendasi-wisata-kuliner-di-solo-murah-dan-legendaris" class="block text-lg font-semibold text-gray-800 dark:text-white hover:underline line-clamp-2" > Rekomendasi Wisata Kuliner di Solo, Murah dan Legendaris </a> <!-- Meta Description --> <p class="text-sm text-gray-500 dark:text-gray-400 mt-2 line-clamp-3"> rekomendasi tempat makan di Solo yang murah meriah namun tetap enak. Mulai dari Pasar Gede yang kaya akan sejarah hingga Restoran Kusuma Sari yang legendaris, Solo menawarkan beragam kuliner yang menggoda selera. Destinasi kuliner lainnya seperti Alun-Alun Kidul, Restoran Pecel Solo, Selat Solo Tenda Biru, dan Nasi Liwet & Cabuk Rambak Lestari juga tidak boleh dilewatkan. </p> <!-- Divider --> <div class="border-b border-dashed border-gray-300 dark:border-gray-600 my-4"></div> <!-- Footer --> <div class="flex justify-between items-center"> <!-- Author Info --> <div class="flex items-center"> <div class="w-8 h-8 rounded-full overflow-hidden"> <img class="w-full h-full object-cover" src="https://wartakompas.com/avatar/avatar-66b124cc7734d66b124cc7734f-05-08-2024-.jpg" alt="Mia Wilson" loading="lazy" width="32" height="32" /> </div> <div class="ml-2"> <p class="text-sm font-medium text-gray-800 dark:text-white"> Mia Wilson </p> <p class="text-xs text-gray-500 dark:text-gray-400"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="dcb1b5bdabb5b0afb3b2e4eeed9ca5bdb4b3b3f2bfb3b1">[email protected]</a> </p> </div> </div> <!-- Read More --> <a href="https://wartakompas.com/id/article/rekomendasi-wisata-kuliner-di-solo-murah-dan-legendaris" class="text-sm font-semibold text-cyan-500 hover:text-cyan-400" > Selengkapnya <i class="fas fa-arrow-right-long"></i> </a> </div> </div> </div> </div> <div class="col-span-12 md:col-span-4 lg:col-span-4"> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-lg shadow-md overflow-hidden"> <!-- Image --> <a href="https://wartakompas.com/id/article/epy-kusnandar-dibekuk-polisi-di-warungnya-di-kalibata-city-kasus-penyalahgunaan-narkoba" title="Epy Kusnandar Dibekuk Polisi di Warungnya di Kalibata City: Kasus Penyalahgunaan Narkoba"> <div class="aspect-w-4 aspect-h-3 bg-gray-200"> <img class="w-full h-full object-cover rounded-t-lg" src="https://wartakompas.com/article-image/article-66b13fa03d70f66b13fa03d711-05-08-2024-.png" alt="Epy Kusnandar Dibekuk Polisi di Warungnya di Kalibata City: Kasus Penyalahgunaan Narkoba" loading="lazy" width="400" height="300" /> </div> </a> <!-- Content --> <div class="p-4"> <!-- Category --> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/tren" class="text-xs font-medium text-white rounded px-2 py-1 mb-2 inline-block" style="background-color: #FF69B4" > Tren </a> <!--[if ENDBLOCK]><![endif]--> <!-- Date --> <p class="text-xs text-gray-500 dark:text-gray-400 mb-3"> August 5, 2024 </p> <!-- Title --> <a href="https://wartakompas.com/id/article/epy-kusnandar-dibekuk-polisi-di-warungnya-di-kalibata-city-kasus-penyalahgunaan-narkoba" class="block text-lg font-semibold text-gray-800 dark:text-white hover:underline line-clamp-2" > Epy Kusnandar Dibekuk Polisi di Warungnya di Kalibata City: Kasus Penyalahgunaan Narkoba </a> <!-- Meta Description --> <p class="text-sm text-gray-500 dark:text-gray-400 mt-2 line-clamp-3"> Epy Kusnandar, aktor kondang sekaligus bintang sinetron populer "Preman Pensiun", ditangkap di toko miliknya di Apartemen Kalibata City, Jakarta Selatan, bersama aktor lain yang diketahui bernama YG. Penangkapan tersebut merupakan bagian dari pemberantasan penyalahgunaan narkoba di kalangan selebriti, dengan dua aktor lain dari sinetron yang sama sebelumnya ditangkap dengan tuduhan serupa. </p> <!-- Divider --> <div class="border-b border-dashed border-gray-300 dark:border-gray-600 my-4"></div> <!-- Footer --> <div class="flex justify-between items-center"> <!-- Author Info --> <div class="flex items-center"> <div class="w-8 h-8 rounded-full overflow-hidden"> <img class="w-full h-full object-cover" src="https://wartakompas.com/avatar/avatar-66b124cc7734d66b124cc7734f-05-08-2024-.jpg" alt="Mia Wilson" loading="lazy" width="32" height="32" /> </div> <div class="ml-2"> <p class="text-sm font-medium text-gray-800 dark:text-white"> Mia Wilson </p> <p class="text-xs text-gray-500 dark:text-gray-400"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8be6e2eafce2e7f8e4e5b3b9bacbf2eae3e4e4a5e8e4e6">[email protected]</a> </p> </div> </div> <!-- Read More --> <a href="https://wartakompas.com/id/article/epy-kusnandar-dibekuk-polisi-di-warungnya-di-kalibata-city-kasus-penyalahgunaan-narkoba" class="text-sm font-semibold text-cyan-500 hover:text-cyan-400" > Selengkapnya <i class="fas fa-arrow-right-long"></i> </a> </div> </div> </div> </div> <div class="col-span-12 md:col-span-4 lg:col-span-4"> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-lg shadow-md overflow-hidden"> <!-- Image --> <a href="https://wartakompas.com/id/article/oploverz-ganti-domain-ini-alamat-terbarunya" title="Oploverz Ganti Domain, ini Alamat Terbarunya!"> <div class="aspect-w-4 aspect-h-3 bg-gray-200"> <img class="w-full h-full object-cover rounded-t-lg" src="https://wartakompas.com/article-image/article-66b131704f5a466b131704f5a7-05-08-2024-.png" alt="Oploverz Ganti Domain, ini Alamat Terbarunya!" loading="lazy" width="400" height="300" /> </div> </a> <!-- Content --> <div class="p-4"> <!-- Category --> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/tren" class="text-xs font-medium text-white rounded px-2 py-1 mb-2 inline-block" style="background-color: #FF69B4" > Tren </a> <!--[if ENDBLOCK]><![endif]--> <!-- Date --> <p class="text-xs text-gray-500 dark:text-gray-400 mb-3"> August 5, 2024 </p> <!-- Title --> <a href="https://wartakompas.com/id/article/oploverz-ganti-domain-ini-alamat-terbarunya" class="block text-lg font-semibold text-gray-800 dark:text-white hover:underline line-clamp-2" > Oploverz Ganti Domain, ini Alamat Terbarunya! </a> <!-- Meta Description --> <p class="text-sm text-gray-500 dark:text-gray-400 mt-2 line-clamp-3"> Oploverz telah mengganti domain menjadi Oploverz.web.id. Meskipun sering mengalami perubahan domain untuk menghindari pemblokiran, Oploverz tetap populer dan memiliki komunitas pengunjung setia. Situs ini menyediakan koleksi anime terbaru dengan subtitle Indonesia. Pengguna dapat mencari judul anime dan mendownloadnya dengan mudah melalui situs resmi Oploverz. </p> <!-- Divider --> <div class="border-b border-dashed border-gray-300 dark:border-gray-600 my-4"></div> <!-- Footer --> <div class="flex justify-between items-center"> <!-- Author Info --> <div class="flex items-center"> <div class="w-8 h-8 rounded-full overflow-hidden"> <img class="w-full h-full object-cover" src="https://wartakompas.com/avatar/avatar-66b124cc7734d66b124cc7734f-05-08-2024-.jpg" alt="Mia Wilson" loading="lazy" width="32" height="32" /> </div> <div class="ml-2"> <p class="text-sm font-medium text-gray-800 dark:text-white"> Mia Wilson </p> <p class="text-xs text-gray-500 dark:text-gray-400"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="630e0a02140a0f100c0d5b5152231a020b0c0c4d000c0e">[email protected]</a> </p> </div> </div> <!-- Read More --> <a href="https://wartakompas.com/id/article/oploverz-ganti-domain-ini-alamat-terbarunya" class="text-sm font-semibold text-cyan-500 hover:text-cyan-400" > Selengkapnya <i class="fas fa-arrow-right-long"></i> </a> </div> </div> </div> </div> <div class="col-span-12 md:col-span-4 lg:col-span-4"> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-lg shadow-md overflow-hidden"> <!-- Image --> <a href="https://wartakompas.com/id/article/lirik-lagu-the-prophecy-taylor-swift" title="Lirik Lagu The Prophecy - Taylor Swift"> <div class="aspect-w-4 aspect-h-3 bg-gray-200"> <img class="w-full h-full object-cover rounded-t-lg" src="https://wartakompas.com/article-image/article-66b13b0c25ece66b13b0c25ed0-05-08-2024-.png" alt="Lirik Lagu The Prophecy - Taylor Swift" loading="lazy" width="400" height="300" /> </div> </a> <!-- Content --> <div class="p-4"> <!-- Category --> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/tren" class="text-xs font-medium text-white rounded px-2 py-1 mb-2 inline-block" style="background-color: #FF69B4" > Tren </a> <!--[if ENDBLOCK]><![endif]--> <!-- Date --> <p class="text-xs text-gray-500 dark:text-gray-400 mb-3"> August 5, 2024 </p> <!-- Title --> <a href="https://wartakompas.com/id/article/lirik-lagu-the-prophecy-taylor-swift" class="block text-lg font-semibold text-gray-800 dark:text-white hover:underline line-clamp-2" > Lirik Lagu The Prophecy - Taylor Swift </a> <!-- Meta Description --> <p class="text-sm text-gray-500 dark:text-gray-400 mt-2 line-clamp-3"> Taylor Swift, seorang penyanyi-penulis lagu terkenal, telah menciptakan lagu "The Prophecy" yang penuh dengan emosi dan makna mendalam. Lirik lagu ini menggambarkan perjuangan seseorang dengan nasib yang dirasa tidak adil, kesendirian, dan pencarian jodoh. Swift berhasil menyampaikan pesan ini dengan kuat melalui liriknya yang puitis. </p> <!-- Divider --> <div class="border-b border-dashed border-gray-300 dark:border-gray-600 my-4"></div> <!-- Footer --> <div class="flex justify-between items-center"> <!-- Author Info --> <div class="flex items-center"> <div class="w-8 h-8 rounded-full overflow-hidden"> <img class="w-full h-full object-cover" src="https://wartakompas.com/avatar/avatar-66b124cc7734d66b124cc7734f-05-08-2024-.jpg" alt="Mia Wilson" loading="lazy" width="32" height="32" /> </div> <div class="ml-2"> <p class="text-sm font-medium text-gray-800 dark:text-white"> Mia Wilson </p> <p class="text-xs text-gray-500 dark:text-gray-400"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="365b5f57415f5a4559580e0407764f575e59591855595b">[email protected]</a> </p> </div> </div> <!-- Read More --> <a href="https://wartakompas.com/id/article/lirik-lagu-the-prophecy-taylor-swift" class="text-sm font-semibold text-cyan-500 hover:text-cyan-400" > Selengkapnya <i class="fas fa-arrow-right-long"></i> </a> </div> </div> </div> </div> <!--[if ENDBLOCK]><![endif]--></div> <div wire:snapshot="{"data":{"dataWidget":[[],{"key":3,"class":"App\\Models\\Widget","s":"elmdl"}],"dataArticles":[[],{"keys":[null,null,null,null,null,null],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Article","relations":["Categories","Author"],"s":"elcl"}]},"memo":{"id":"4LcMccr2O8mDUWir2oxw","name":"landing.style.index-two","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"e0a9a2e88712b9b154e6baee4084262afdc91fc371d38c15889279c17a6d6421"}" wire:effects="[]" wire:id="4LcMccr2O8mDUWir2oxw" class="col-span-12 "> <!-- Widget Title --> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4"> <div class="flex justify-between items-center"> <h2 class="text-xl font-semibold text-gray-800 dark:text-slate-200"> Ekonomi </h2> <a href="https://wartakompas.com/id/article" class="font-medium text-gray-800 dark:text-slate-200 hover:text-cyan-500 duration-500" title="Ekonomi"> Lihat Semua </a> </div> </div> <!-- Articles --> <!--[if BLOCK]><![endif]--> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4"> <div class="grid grid-cols-12 gap-4 items-center"> <!-- Article Image --> <div class="col-span-12 sm:col-span-6 md:col-span-4"> <a href="https://wartakompas.com/id/article/cara-memulai-bisnis-properti-dari-nol-tanpa-modal" title="Cara Memulai Bisnis Properti dari Nol Tanpa Modal"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden"> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66b13118513d466b13118513d7-05-08-2024-.png" alt="Cara Memulai Bisnis Properti dari Nol Tanpa Modal" loading="lazy" width="640" height="360" /> </div> </a> </div> <!-- Article Content --> <div class="col-span-12 sm:col-span-6 md:col-span-8"> <div class="h-full flex flex-col"> <!-- Category and Date --> <div class="mb-3"> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/ekonomi" class="inline-block text-xs font-medium text-white rounded px-2 py-1" style="background-color: #4CAF50" title="Ekonomi"> Ekonomi </a> <!--[if ENDBLOCK]><![endif]--> <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2"> August 5, 2024 </span> </div> <!-- Title --> <a href="https://wartakompas.com/id/article/cara-memulai-bisnis-properti-dari-nol-tanpa-modal" class="text-lg font-semibold text-gray-800 dark:text-slate-200 line-clamp-2 hover:underline" title="Cara Memulai Bisnis Properti dari Nol Tanpa Modal"> Cara Memulai Bisnis Properti dari Nol Tanpa Modal </a> <!-- Description --> <p class="mt-2 mb-4 text-sm text-gray-500 dark:text-gray-400 line-clamp-2"> cara memulai bisnis properti dari nol tanpa modal. Berbagai jenis produk properti dijelaskan, serta cara bisnis properti bagi pemula. Pentingnya mengupgrade skill dan tips untuk melakukannya juga disampaikan. Selain itu, tips bisnis properti tanpa modal dan pentingnya kreativitas, teknologi, jaringan, dan peluang di sekitar juga dibahas. </p> <!-- Author and Read More --> <div class="flex justify-between mt-auto"> <!-- Author Info --> <div class="flex items-center"> <div class="w-8 h-8 rounded-full overflow-hidden"> <img class="w-full h-full object-cover" src="https://wartakompas.com/avatar/avatar-66b124cc7734d66b124cc7734f-05-08-2024-.jpg" alt="Mia Wilson" loading="lazy" width="32" height="32" /> </div> <div class="ml-2"> <p class="text-sm font-medium text-gray-800 dark:text-slate-200"> Mia Wilson </p> <p class="text-xs font-medium text-gray-500 dark:text-gray-400"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="dbb6b2baacb2b7a8b4b5e3e9ea9ba2bab3b4b4f5b8b4b6">[email protected]</a> </p> </div> </div> <!-- Read More --> <a href="https://wartakompas.com/id/article/cara-memulai-bisnis-properti-dari-nol-tanpa-modal" class="text-sm font-medium text-cyan-500 hover:underline" title="Cara Memulai Bisnis Properti dari Nol Tanpa Modal"> Selengkapnya <i data-lucide="arrow-right" class="inline-block ml-1 h-4 w-4"></i> </a> </div> </div> </div> </div> </div> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4"> <div class="grid grid-cols-12 gap-4 items-center"> <!-- Article Image --> <div class="col-span-12 sm:col-span-6 md:col-span-4"> <a href="https://wartakompas.com/id/article/broker-forex-terbaik-di-indonesia" title="Broker Forex Terbaik di Indonesia"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden"> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66b12e3ea451266b12e3ea4519-05-08-2024-.jpg" alt="Broker Forex Terbaik di Indonesia" loading="lazy" width="640" height="360" /> </div> </a> </div> <!-- Article Content --> <div class="col-span-12 sm:col-span-6 md:col-span-8"> <div class="h-full flex flex-col"> <!-- Category and Date --> <div class="mb-3"> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/ekonomi" class="inline-block text-xs font-medium text-white rounded px-2 py-1" style="background-color: #4CAF50" title="Ekonomi"> Ekonomi </a> <!--[if ENDBLOCK]><![endif]--> <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2"> August 5, 2024 </span> </div> <!-- Title --> <a href="https://wartakompas.com/id/article/broker-forex-terbaik-di-indonesia" class="text-lg font-semibold text-gray-800 dark:text-slate-200 line-clamp-2 hover:underline" title="Broker Forex Terbaik di Indonesia"> Broker Forex Terbaik di Indonesia </a> <!-- Description --> <p class="mt-2 mb-4 text-sm text-gray-500 dark:text-gray-400 line-clamp-2"> BrokerIndoFX adalah salah satu broker forex terkemuka di Indonesia yang menawarkan regulasi terpercaya, eksekusi cepat, beragam instrumen perdagangan, platform trading intuitif, dan layanan pelanggan profesional. Dengan reputasi yang baik dan dukungan yang kuat, BrokerIndoFX menjadi pilihan utama bagi para trader yang mencari pengalaman trading forex yang unggul di Indonesia. Jika Anda ingin meraih kesuksesan dalam perdagangan forex, daftarlah sekarang di BrokerIndoFX </p> <!-- Author and Read More --> <div class="flex justify-between mt-auto"> <!-- Author Info --> <div class="flex items-center"> <div class="w-8 h-8 rounded-full overflow-hidden"> <img class="w-full h-full object-cover" src="https://wartakompas.com/avatar/avatar-66b124cc7734d66b124cc7734f-05-08-2024-.jpg" alt="Mia Wilson" loading="lazy" width="32" height="32" /> </div> <div class="ml-2"> <p class="text-sm font-medium text-gray-800 dark:text-slate-200"> Mia Wilson </p> <p class="text-xs font-medium text-gray-500 dark:text-gray-400"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="91fcf8f0e6f8fde2feffa9a3a0d1e8f0f9fefebff2fefc">[email protected]</a> </p> </div> </div> <!-- Read More --> <a href="https://wartakompas.com/id/article/broker-forex-terbaik-di-indonesia" class="text-sm font-medium text-cyan-500 hover:underline" title="Broker Forex Terbaik di Indonesia"> Selengkapnya <i data-lucide="arrow-right" class="inline-block ml-1 h-4 w-4"></i> </a> </div> </div> </div> </div> </div> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4"> <div class="grid grid-cols-12 gap-4 items-center"> <!-- Article Image --> <div class="col-span-12 sm:col-span-6 md:col-span-4"> <a href="https://wartakompas.com/id/article/menteri-ketenagakerjaan-ingatkan-pengusaha-bayar-thr-penuh-tanpa-dicicil" title="Menteri Ketenagakerjaan Ingatkan Pengusaha: Bayar THR Penuh Tanpa Dicicil"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden"> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66b134817b88766b134817b88a-05-08-2024-.png" alt="Menteri Ketenagakerjaan Ingatkan Pengusaha: Bayar THR Penuh Tanpa Dicicil" loading="lazy" width="640" height="360" /> </div> </a> </div> <!-- Article Content --> <div class="col-span-12 sm:col-span-6 md:col-span-8"> <div class="h-full flex flex-col"> <!-- Category and Date --> <div class="mb-3"> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/ekonomi" class="inline-block text-xs font-medium text-white rounded px-2 py-1" style="background-color: #4CAF50" title="Ekonomi"> Ekonomi </a> <!--[if ENDBLOCK]><![endif]--> <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2"> August 5, 2024 </span> </div> <!-- Title --> <a href="https://wartakompas.com/id/article/menteri-ketenagakerjaan-ingatkan-pengusaha-bayar-thr-penuh-tanpa-dicicil" class="text-lg font-semibold text-gray-800 dark:text-slate-200 line-clamp-2 hover:underline" title="Menteri Ketenagakerjaan Ingatkan Pengusaha: Bayar THR Penuh Tanpa Dicicil"> Menteri Ketenagakerjaan Ingatkan Pengusaha: Bayar THR Penuh Tanpa Dicicil </a> <!-- Description --> <p class="mt-2 mb-4 text-sm text-gray-500 dark:text-gray-400 line-clamp-2"> Menaker Ida Fauziyah menegaskan komitmennya terhadap pembayaran Tunjangan Hari Raya (THR) untuk tahun ini, bahwa THR harus dibayarkan penuh tanpa dicicil. THR diberikan kepada pekerja yang telah bekerja minimal satu bulan, termasuk pekerja dengan status PKWTT, PKWT, dan karyawan kontrak. </p> <!-- Author and Read More --> <div class="flex justify-between mt-auto"> <!-- Author Info --> <div class="flex items-center"> <div class="w-8 h-8 rounded-full overflow-hidden"> <img class="w-full h-full object-cover" src="https://wartakompas.com/avatar/avatar-66b124cc7734d66b124cc7734f-05-08-2024-.jpg" alt="Mia Wilson" loading="lazy" width="32" height="32" /> </div> <div class="ml-2"> <p class="text-sm font-medium text-gray-800 dark:text-slate-200"> Mia Wilson </p> <p class="text-xs font-medium text-gray-500 dark:text-gray-400"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b6dbdfd7c1dfdac5d9d88e8487f6cfd7ded9d998d5d9db">[email protected]</a> </p> </div> </div> <!-- Read More --> <a href="https://wartakompas.com/id/article/menteri-ketenagakerjaan-ingatkan-pengusaha-bayar-thr-penuh-tanpa-dicicil" class="text-sm font-medium text-cyan-500 hover:underline" title="Menteri Ketenagakerjaan Ingatkan Pengusaha: Bayar THR Penuh Tanpa Dicicil"> Selengkapnya <i data-lucide="arrow-right" class="inline-block ml-1 h-4 w-4"></i> </a> </div> </div> </div> </div> </div> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4"> <div class="grid grid-cols-12 gap-4 items-center"> <!-- Article Image --> <div class="col-span-12 sm:col-span-6 md:col-span-4"> <a href="https://wartakompas.com/id/article/100-ide-usaha-yang-menarik-perhatian-ini-wajib-kamu-pertimbangkan" title="100 Ide Usaha yang Menarik Perhatian ini Wajib Kamu Pertimbangkan!"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden"> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66b12ea05323366b12ea053236-05-08-2024-.png" alt="100 Ide Usaha yang Menarik Perhatian ini Wajib Kamu Pertimbangkan!" loading="lazy" width="640" height="360" /> </div> </a> </div> <!-- Article Content --> <div class="col-span-12 sm:col-span-6 md:col-span-8"> <div class="h-full flex flex-col"> <!-- Category and Date --> <div class="mb-3"> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/ekonomi" class="inline-block text-xs font-medium text-white rounded px-2 py-1" style="background-color: #4CAF50" title="Ekonomi"> Ekonomi </a> <!--[if ENDBLOCK]><![endif]--> <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2"> August 5, 2024 </span> </div> <!-- Title --> <a href="https://wartakompas.com/id/article/100-ide-usaha-yang-menarik-perhatian-ini-wajib-kamu-pertimbangkan" class="text-lg font-semibold text-gray-800 dark:text-slate-200 line-clamp-2 hover:underline" title="100 Ide Usaha yang Menarik Perhatian ini Wajib Kamu Pertimbangkan!"> 100 Ide Usaha yang Menarik Perhatian ini Wajib Kamu Pertimbangkan! </a> <!-- Description --> <p class="mt-2 mb-4 text-sm text-gray-500 dark:text-gray-400 line-clamp-2"> membahas 100 ide usaha yang menarik perhatian, mulai dari bidang teknologi dan digital marketing, kesehatan dan kecantikan, pendidikan online, lingkungan dan konservasi, hingga gaya hidup sehat. Ide-ide tersebut mencakup berbagai bidang usaha yang bisa dipilih sesuai dengan passion dan keahlian masing-masing. Pentingnya memilih ide usaha yang sesuai dengan kepribadian dan minat juga dibahas, karena hal tersebut dapat meningkatkan kesempatan sukses, kebahagiaan, kemampuan berkembang, daya tahan terhadap rintangan, keunikan, dan lingkungan kerja yang positif. </p> <!-- Author and Read More --> <div class="flex justify-between mt-auto"> <!-- Author Info --> <div class="flex items-center"> <div class="w-8 h-8 rounded-full overflow-hidden"> <img class="w-full h-full object-cover" src="https://wartakompas.com/avatar/avatar-66b124cc7734d66b124cc7734f-05-08-2024-.jpg" alt="Mia Wilson" loading="lazy" width="32" height="32" /> </div> <div class="ml-2"> <p class="text-sm font-medium text-gray-800 dark:text-slate-200"> Mia Wilson </p> <p class="text-xs font-medium text-gray-500 dark:text-gray-400"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7c11151d0b15100f1312444e4d3c051d141313521f1311">[email protected]</a> </p> </div> </div> <!-- Read More --> <a href="https://wartakompas.com/id/article/100-ide-usaha-yang-menarik-perhatian-ini-wajib-kamu-pertimbangkan" class="text-sm font-medium text-cyan-500 hover:underline" title="100 Ide Usaha yang Menarik Perhatian ini Wajib Kamu Pertimbangkan!"> Selengkapnya <i data-lucide="arrow-right" class="inline-block ml-1 h-4 w-4"></i> </a> </div> </div> </div> </div> </div> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4"> <div class="grid grid-cols-12 gap-4 items-center"> <!-- Article Image --> <div class="col-span-12 sm:col-span-6 md:col-span-4"> <a href="https://wartakompas.com/id/article/bisnis-rumahan-dengan-modal-5-juta" title="Bisnis Rumahan dengan Modal 5 Juta"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden"> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66b132985385466b1329853857-05-08-2024-.png" alt="Bisnis Rumahan dengan Modal 5 Juta" loading="lazy" width="640" height="360" /> </div> </a> </div> <!-- Article Content --> <div class="col-span-12 sm:col-span-6 md:col-span-8"> <div class="h-full flex flex-col"> <!-- Category and Date --> <div class="mb-3"> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/ekonomi" class="inline-block text-xs font-medium text-white rounded px-2 py-1" style="background-color: #4CAF50" title="Ekonomi"> Ekonomi </a> <!--[if ENDBLOCK]><![endif]--> <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2"> August 5, 2024 </span> </div> <!-- Title --> <a href="https://wartakompas.com/id/article/bisnis-rumahan-dengan-modal-5-juta" class="text-lg font-semibold text-gray-800 dark:text-slate-200 line-clamp-2 hover:underline" title="Bisnis Rumahan dengan Modal 5 Juta"> Bisnis Rumahan dengan Modal 5 Juta </a> <!-- Description --> <p class="mt-2 mb-4 text-sm text-gray-500 dark:text-gray-400 line-clamp-2"> ide bisnis rumahan dengan modal 5 juta yang dapat dijalankan oleh siapa pun. Ide bisnis termasuk usaha toko sembako, counter pulsa, catering rumahan, laundry kiloan, jasa menjahit, dan bisnis pakaian. Setiap ide bisnis memberikan peluang untuk meraih keuntungan dengan modal yang terjangkau. </p> <!-- Author and Read More --> <div class="flex justify-between mt-auto"> <!-- Author Info --> <div class="flex items-center"> <div class="w-8 h-8 rounded-full overflow-hidden"> <img class="w-full h-full object-cover" src="https://wartakompas.com/avatar/avatar-66b124cc7734d66b124cc7734f-05-08-2024-.jpg" alt="Mia Wilson" loading="lazy" width="32" height="32" /> </div> <div class="ml-2"> <p class="text-sm font-medium text-gray-800 dark:text-slate-200"> Mia Wilson </p> <p class="text-xs font-medium text-gray-500 dark:text-gray-400"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="402d292137292c332f2e787271003921282f2f6e232f2d">[email protected]</a> </p> </div> </div> <!-- Read More --> <a href="https://wartakompas.com/id/article/bisnis-rumahan-dengan-modal-5-juta" class="text-sm font-medium text-cyan-500 hover:underline" title="Bisnis Rumahan dengan Modal 5 Juta"> Selengkapnya <i data-lucide="arrow-right" class="inline-block ml-1 h-4 w-4"></i> </a> </div> </div> </div> </div> </div> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4"> <div class="grid grid-cols-12 gap-4 items-center"> <!-- Article Image --> <div class="col-span-12 sm:col-span-6 md:col-span-4"> <a href="https://wartakompas.com/id/article/cara-memulai-bisnis-properti-perumahan" title="Cara Memulai Bisnis Properti Perumahan"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden"> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66b131446ea2166b131446ea27-05-08-2024-.png" alt="Cara Memulai Bisnis Properti Perumahan" loading="lazy" width="640" height="360" /> </div> </a> </div> <!-- Article Content --> <div class="col-span-12 sm:col-span-6 md:col-span-8"> <div class="h-full flex flex-col"> <!-- Category and Date --> <div class="mb-3"> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/ekonomi" class="inline-block text-xs font-medium text-white rounded px-2 py-1" style="background-color: #4CAF50" title="Ekonomi"> Ekonomi </a> <!--[if ENDBLOCK]><![endif]--> <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2"> August 5, 2024 </span> </div> <!-- Title --> <a href="https://wartakompas.com/id/article/cara-memulai-bisnis-properti-perumahan" class="text-lg font-semibold text-gray-800 dark:text-slate-200 line-clamp-2 hover:underline" title="Cara Memulai Bisnis Properti Perumahan"> Cara Memulai Bisnis Properti Perumahan </a> <!-- Description --> <p class="mt-2 mb-4 text-sm text-gray-500 dark:text-gray-400 line-clamp-2"> cara memulai bisnis properti perumahan, termasuk definisi bisnis properti perumahan, keuntungan dan kekurangan, serta langkah-langkah untuk memulai bisnis ini. Bisnis properti perumahan fokus pada pengembangan dan penjualan hunian yang lebih besar, seperti rumah-rumah dalam satu perumahan. </p> <!-- Author and Read More --> <div class="flex justify-between mt-auto"> <!-- Author Info --> <div class="flex items-center"> <div class="w-8 h-8 rounded-full overflow-hidden"> <img class="w-full h-full object-cover" src="https://wartakompas.com/avatar/avatar-66b124cc7734d66b124cc7734f-05-08-2024-.jpg" alt="Mia Wilson" loading="lazy" width="32" height="32" /> </div> <div class="ml-2"> <p class="text-sm font-medium text-gray-800 dark:text-slate-200"> Mia Wilson </p> <p class="text-xs font-medium text-gray-500 dark:text-gray-400"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f89591998f91948b9796c0cac9b88199909797d69b9795">[email protected]</a> </p> </div> </div> <!-- Read More --> <a href="https://wartakompas.com/id/article/cara-memulai-bisnis-properti-perumahan" class="text-sm font-medium text-cyan-500 hover:underline" title="Cara Memulai Bisnis Properti Perumahan"> Selengkapnya <i data-lucide="arrow-right" class="inline-block ml-1 h-4 w-4"></i> </a> </div> </div> </div> </div> </div> <!--[if ENDBLOCK]><![endif]--></div> <div wire:snapshot="{"data":{"dataWidget":[[],{"key":4,"class":"App\\Models\\Widget","s":"elmdl"}],"dataArticles":[[],{"keys":[null,null,null,null,null,null],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Article","s":"elcl"}]},"memo":{"id":"BTfbp0QEJBblcNci9lCk","name":"landing.style.index-three","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"8da115f2869e0fc4fc4e2d1c9c56b89c6a3525a01d069ef2d42feaa54ecd85f6"}" wire:effects="[]" wire:id="BTfbp0QEJBblcNci9lCk" class="grid grid-cols-12 gap-4 my-5"> <!-- Widget Title --> <h2 class="col-span-6 text-start font-semibold text-xl text-gray-800 dark:text-white"> Berita </h2> <a href="https://wartakompas.com/id/article" title="Berita" class="col-span-6 text-end font-medium text-gray-800 dark:text-white hover:text-cyan-500 duration-500"> Lihat Semua </a> <!-- Articles --> <!--[if BLOCK]><![endif]--> <div class="col-span-12 md:col-span-6 lg:col-span-4"> <!-- Image Container --> <div class="relative overflow-hidden rounded-xl aspect-w-16 aspect-h-9 bg-gray-200"> <a href="https://wartakompas.com/id/article/bayi-perempuan-ditemukan-tergeletak-di-bogor-diduga-suara-kucing" title="Bayi Perempuan Ditemukan Tergeletak di Bogor, Diduga Suara Kucing"> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66b13f13e6bf066b13f13e6bf2-05-08-2024-.png" alt="Bayi Perempuan Ditemukan Tergeletak di Bogor, Diduga Suara Kucing" loading="lazy" width="640" height="360" /> </a> </div> <!-- Article Content --> <div class="flex flex-col gap-4 p-6"> <!-- Date --> <span class="text-xs font-medium text-slate-700 dark:text-slate-300"> August 5, 2024 </span> <!-- Title --> <a href="https://wartakompas.com/id/article/bayi-perempuan-ditemukan-tergeletak-di-bogor-diduga-suara-kucing" title="Bayi Perempuan Ditemukan Tergeletak di Bogor, Diduga Suara Kucing" class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2"> Bayi Perempuan Ditemukan Tergeletak di Bogor, Diduga Suara Kucing </a> <!-- Description --> <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3"> Seorang bayi perempuan yang masih hidup ditemukan di Desa Sukaraksa, Kabupaten Bogor. Bayi tersebut ditemukan tanpa pakaian dan masih memiliki tali pusat yang belum dipotong. Warga yang menemukan bayi tersebut langsung membawanya ke rumah warga untuk dibersihkan dan mendapatkan perawatan medis. </p> <!-- Read More --> <a href="https://wartakompas.com/id/article/bayi-perempuan-ditemukan-tergeletak-di-bogor-diduga-suara-kucing" title="Bayi Perempuan Ditemukan Tergeletak di Bogor, Diduga Suara Kucing" class="flex items-center gap-2 text-black dark:text-white text-base font-medium text-primary transition-all duration-500 hover:text-secondary"> Selengkapnya <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </a> </div> </div> <div class="col-span-12 md:col-span-6 lg:col-span-4"> <!-- Image Container --> <div class="relative overflow-hidden rounded-xl aspect-w-16 aspect-h-9 bg-gray-200"> <a href="https://wartakompas.com/id/article/allseen-alliance-mendorong-inovasi-iot-dengan-peluncuran-platform-terbaru" title="AllSeen Alliance Mendorong Inovasi IoT dengan Peluncuran Platform Terbaru"> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66b13909889b766b13909889bb-05-08-2024-.png" alt="AllSeen Alliance Mendorong Inovasi IoT dengan Peluncuran Platform Terbaru" loading="lazy" width="640" height="360" /> </a> </div> <!-- Article Content --> <div class="flex flex-col gap-4 p-6"> <!-- Date --> <span class="text-xs font-medium text-slate-700 dark:text-slate-300"> August 5, 2024 </span> <!-- Title --> <a href="https://wartakompas.com/id/article/allseen-alliance-mendorong-inovasi-iot-dengan-peluncuran-platform-terbaru" title="AllSeen Alliance Mendorong Inovasi IoT dengan Peluncuran Platform Terbaru" class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2"> AllSeen Alliance Mendorong Inovasi IoT dengan Peluncuran Platform Terbaru </a> <!-- Description --> <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3"> AllSeen Alliance, sebuah organisasi global yang berkomitmen untuk mempercepat adopsi dan inovasi Internet of Things (IoT), telah meluncurkan platform terbarunya yang dirancang untuk mendorong interoperabilitas dan kolaborasi dalam ekosistem IoT. Platform ini menawarkan fitur-fitur seperti interoperabilitas tinggi, keamanan dan privasi yang ditingkatkan, kemudahan integrasi, dan pengembangan berkelanjutan. </p> <!-- Read More --> <a href="https://wartakompas.com/id/article/allseen-alliance-mendorong-inovasi-iot-dengan-peluncuran-platform-terbaru" title="AllSeen Alliance Mendorong Inovasi IoT dengan Peluncuran Platform Terbaru" class="flex items-center gap-2 text-black dark:text-white text-base font-medium text-primary transition-all duration-500 hover:text-secondary"> Selengkapnya <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </a> </div> </div> <div class="col-span-12 md:col-span-6 lg:col-span-4"> <!-- Image Container --> <div class="relative overflow-hidden rounded-xl aspect-w-16 aspect-h-9 bg-gray-200"> <a href="https://wartakompas.com/id/article/asn-diminta-bersiap-untuk-dipindahkan-ke-ibu-kota-nusantara-ikn" title="ASN Diminta Bersiap untuk Dipindahkan ke Ibu Kota Nusantara (IKN)"> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66b135f67d86c66b135f67d86e-05-08-2024-.png" alt="ASN Diminta Bersiap untuk Dipindahkan ke Ibu Kota Nusantara (IKN)" loading="lazy" width="640" height="360" /> </a> </div> <!-- Article Content --> <div class="flex flex-col gap-4 p-6"> <!-- Date --> <span class="text-xs font-medium text-slate-700 dark:text-slate-300"> August 5, 2024 </span> <!-- Title --> <a href="https://wartakompas.com/id/article/asn-diminta-bersiap-untuk-dipindahkan-ke-ibu-kota-nusantara-ikn" title="ASN Diminta Bersiap untuk Dipindahkan ke Ibu Kota Nusantara (IKN)" class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2"> ASN Diminta Bersiap untuk Dipindahkan ke Ibu Kota Nusantara (IKN) </a> <!-- Description --> <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3"> ASN yang bertugas di instansi pusat setingkat kementerian atau badan tidak dapat menolak untuk dipindahkan ke Ibu Kota Nusantara (IKN) menurut Pelaksana Tugas Kepala BKN, Haryomo Dwi Putranto. Meskipun demikian, ini bukanlah paksaan tetapi kewajiban karena para ASN telah mengambil komitmen untuk bersedia ditugaskan di mana pun. </p> <!-- Read More --> <a href="https://wartakompas.com/id/article/asn-diminta-bersiap-untuk-dipindahkan-ke-ibu-kota-nusantara-ikn" title="ASN Diminta Bersiap untuk Dipindahkan ke Ibu Kota Nusantara (IKN)" class="flex items-center gap-2 text-black dark:text-white text-base font-medium text-primary transition-all duration-500 hover:text-secondary"> Selengkapnya <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </a> </div> </div> <div class="col-span-12 md:col-span-6 lg:col-span-4"> <!-- Image Container --> <div class="relative overflow-hidden rounded-xl aspect-w-16 aspect-h-9 bg-gray-200"> <a href="https://wartakompas.com/id/article/volume-sampah-di-aceh-selatan-meningkat-selama-bulan-suci-ramadhan" title="Volume Sampah di Aceh Selatan Meningkat Selama Bulan Suci Ramadhan"> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66b1345a16da366b1345a16da5-05-08-2024-.png" alt="Volume Sampah di Aceh Selatan Meningkat Selama Bulan Suci Ramadhan" loading="lazy" width="640" height="360" /> </a> </div> <!-- Article Content --> <div class="flex flex-col gap-4 p-6"> <!-- Date --> <span class="text-xs font-medium text-slate-700 dark:text-slate-300"> August 5, 2024 </span> <!-- Title --> <a href="https://wartakompas.com/id/article/volume-sampah-di-aceh-selatan-meningkat-selama-bulan-suci-ramadhan" title="Volume Sampah di Aceh Selatan Meningkat Selama Bulan Suci Ramadhan" class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2"> Volume Sampah di Aceh Selatan Meningkat Selama Bulan Suci Ramadhan </a> <!-- Description --> <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3"> Selama bulan Ramadhan, volume sampah harian masyarakat di Kabupaten Aceh Selatan meningkat hingga 20 persen, terutama berasal dari rumah tangga. Pemerintah daerah mendorong kesadaran masyarakat untuk memilah sampah organik dan non-organik guna mengurangi volume sampah dan meningkatkan ekonomi masyarakat. </p> <!-- Read More --> <a href="https://wartakompas.com/id/article/volume-sampah-di-aceh-selatan-meningkat-selama-bulan-suci-ramadhan" title="Volume Sampah di Aceh Selatan Meningkat Selama Bulan Suci Ramadhan" class="flex items-center gap-2 text-black dark:text-white text-base font-medium text-primary transition-all duration-500 hover:text-secondary"> Selengkapnya <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </a> </div> </div> <div class="col-span-12 md:col-span-6 lg:col-span-4"> <!-- Image Container --> <div class="relative overflow-hidden rounded-xl aspect-w-16 aspect-h-9 bg-gray-200"> <a href="https://wartakompas.com/id/article/indodax-di-hack-rp-221-miliar-diduga-hilang-apakah-saldo-anda-aman" title="Indodax Di Hack: Rp 221 Miliar Diduga Hilang, Apakah Saldo Anda Aman?"> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66e31cf7d278a66e31cf7d278c-12-09-2024-.png" alt="Indodax Di Hack" loading="lazy" width="640" height="360" /> </a> </div> <!-- Article Content --> <div class="flex flex-col gap-4 p-6"> <!-- Date --> <span class="text-xs font-medium text-slate-700 dark:text-slate-300"> September 12, 2024 </span> <!-- Title --> <a href="https://wartakompas.com/id/article/indodax-di-hack-rp-221-miliar-diduga-hilang-apakah-saldo-anda-aman" title="Indodax Di Hack: Rp 221 Miliar Diduga Hilang, Apakah Saldo Anda Aman?" class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2"> Indodax Di Hack: Rp 221 Miliar Diduga Hilang, Apakah Saldo Anda Aman? </a> <!-- Description --> <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3"> Cyvers Alerts memberikan peringatan langsung kepada Indodax, menulis, “Peringatan kepada @indodax, sistem kami mendeteksi beberapa transaksi mencurigakan yang melibatkan dompet Anda di berbagai jaringan </p> <!-- Read More --> <a href="https://wartakompas.com/id/article/indodax-di-hack-rp-221-miliar-diduga-hilang-apakah-saldo-anda-aman" title="Indodax Di Hack: Rp 221 Miliar Diduga Hilang, Apakah Saldo Anda Aman?" class="flex items-center gap-2 text-black dark:text-white text-base font-medium text-primary transition-all duration-500 hover:text-secondary"> Selengkapnya <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </a> </div> </div> <div class="col-span-12 md:col-span-6 lg:col-span-4"> <!-- Image Container --> <div class="relative overflow-hidden rounded-xl aspect-w-16 aspect-h-9 bg-gray-200"> <a href="https://wartakompas.com/id/article/oknum-kades-di-ogan-ilir-terciduk-bersetubuh-dengan-wanita-cantik-video-viral-di-medsos" title="Oknum Kades di Ogan Ilir Terciduk Bersetubuh dengan Wanita Cantik, Video Viral di Medsos"> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66b13f740326366b13f7403267-05-08-2024-.png" alt="Oknum Kades di Ogan Ilir Terciduk Bersetubuh dengan Wanita Cantik, Video Viral di Medsos" loading="lazy" width="640" height="360" /> </a> </div> <!-- Article Content --> <div class="flex flex-col gap-4 p-6"> <!-- Date --> <span class="text-xs font-medium text-slate-700 dark:text-slate-300"> August 5, 2024 </span> <!-- Title --> <a href="https://wartakompas.com/id/article/oknum-kades-di-ogan-ilir-terciduk-bersetubuh-dengan-wanita-cantik-video-viral-di-medsos" title="Oknum Kades di Ogan Ilir Terciduk Bersetubuh dengan Wanita Cantik, Video Viral di Medsos" class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2"> Oknum Kades di Ogan Ilir Terciduk Bersetubuh dengan Wanita Cantik, Video Viral di Medsos </a> <!-- Description --> <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3"> Sebuah video aksi mesum seorang oknum kepala desa dengan seorang wanita cantik telah tersebar di media sosial, mengguncang Kabupaten Ogan Ilir, Sumatera Selatan. Polres Ogan Ilir sedang melakukan penyelidikan terkait kejadian tersebut meskipun belum menerima laporan resmi. </p> <!-- Read More --> <a href="https://wartakompas.com/id/article/oknum-kades-di-ogan-ilir-terciduk-bersetubuh-dengan-wanita-cantik-video-viral-di-medsos" title="Oknum Kades di Ogan Ilir Terciduk Bersetubuh dengan Wanita Cantik, Video Viral di Medsos" class="flex items-center gap-2 text-black dark:text-white text-base font-medium text-primary transition-all duration-500 hover:text-secondary"> Selengkapnya <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </a> </div> </div> <!--[if ENDBLOCK]><![endif]--></div> </div> <div class="col-span-12 lg:col-span-4"> <div wire:snapshot="{"data":{"dataWidget":[[],{"key":13,"class":"App\\Models\\Widget","s":"elmdl"}],"dataArticles":[[],{"keys":[null,null],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Article","relations":["Categories"],"s":"elcl"}]},"memo":{"id":"0dc1m5nuwqP9EuXu224w","name":"landing.style.sidebar-one","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"fa61a04dd6ee3f07f513ffd3298fd2abdd86ea3411e42e328d0c6725db26d2ac"}" wire:effects="[]" wire:id="0dc1m5nuwqP9EuXu224w" class="grid grid-cols-12 gap-3"> <!-- Widget Title --> <p class="col-span-12 text-center text-xl font-semibold text-gray-800 dark:text-white"> Bola </p> <!-- Articles --> <!--[if BLOCK]><![endif]--> <div class="col-span-12"> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4"> <div class="grid grid-cols-12 gap-4 items-center"> <!-- Article Image --> <div class="col-span-12 md:col-span-6 lg:col-span-4"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden"> <img src="https://wartakompas.com/article-image/article-66b13ce50dccd66b13ce50dccf-05-08-2024-.png" alt="Pelatih Timnas Indonesia U-23 Minta AFC Terapkan Etika Saling Menghormati di Piala Asia U-23" class="w-full h-full object-cover" loading="lazy" width="640" height="360" /> </div> </div> <!-- Article Content --> <div class="col-span-12 md:col-span-6 lg:col-span-8"> <div class="h-full flex flex-col justify-between p-3"> <!-- Category and Date --> <div class="mb-3"> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/bola" class="text-sm font-medium text-white rounded px-2 py-1 inline-block" style="background-color: #FFD700" title="Bola" > Bola </a> <!--[if ENDBLOCK]><![endif]--> <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2"> August 5, 2024 </span> </div> <!-- Title --> <a href="https://wartakompas.com/id/article/pelatih-timnas-indonesia-u-23-minta-afc-terapkan-etika-saling-menghormati-di-piala-asia-u-23" class="block text-lg font-medium text-gray-800 dark:text-slate-300 line-clamp-3 hover:underline" title="Pelatih Timnas Indonesia U-23 Minta AFC Terapkan Etika Saling Menghormati di Piala Asia U-23" > Pelatih Timnas Indonesia U-23 Minta AFC Terapkan Etika Saling Menghormati di Piala Asia U-23 </a> </div> </div> </div> </div> </div> <div class="col-span-12"> <div class="bg-white dark:bg-gray-800/40 backdrop-blur-2xl rounded-2xl shadow-lg w-full p-4 mb-4"> <div class="grid grid-cols-12 gap-4 items-center"> <!-- Article Image --> <div class="col-span-12 md:col-span-6 lg:col-span-4"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-xl overflow-hidden"> <img src="https://wartakompas.com/article-image/article-66b13de75bcdd66b13de75bce1-05-08-2024-.png" alt="Pertandingan Indonesia melawan Uzbekistan Akan Diulang Karena Kesalahan Wasit" class="w-full h-full object-cover" loading="lazy" width="640" height="360" /> </div> </div> <!-- Article Content --> <div class="col-span-12 md:col-span-6 lg:col-span-8"> <div class="h-full flex flex-col justify-between p-3"> <!-- Category and Date --> <div class="mb-3"> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/bola" class="text-sm font-medium text-white rounded px-2 py-1 inline-block" style="background-color: #FFD700" title="Bola" > Bola </a> <!--[if ENDBLOCK]><![endif]--> <span class="text-xs font-medium text-slate-700 dark:text-slate-300 ml-2"> August 5, 2024 </span> </div> <!-- Title --> <a href="https://wartakompas.com/id/article/pertandingan-indonesia-melawan-uzbekistan-akan-diulang-karena-kesalahan-wasit" class="block text-lg font-medium text-gray-800 dark:text-slate-300 line-clamp-3 hover:underline" title="Pertandingan Indonesia melawan Uzbekistan Akan Diulang Karena Kesalahan Wasit" > Pertandingan Indonesia melawan Uzbekistan Akan Diulang Karena Kesalahan Wasit </a> </div> </div> </div> </div> </div> <!--[if ENDBLOCK]><![endif]--> <!-- View All Button --> <a href="https://wartakompas.com/id/article" class="col-span-12 text-center px-4 py-2 bg-transparent text-base font-medium rounded border transition-all duration-300 w-full" style="color: #db2777; border-color: #db2777;" onmouseover="this.style.color='#fff'; this.style.backgroundColor='#db2777';" onmouseout="this.style.color='#db2777'; this.style.backgroundColor='transparent';" title="Lihat Semua" > Lihat Semua </a></div> <div wire:snapshot="{"data":{"dataWidget":[[],{"key":15,"class":"App\\Models\\Widget","s":"elmdl"}],"dataArticles":[[],{"keys":[null,null],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Article","s":"elcl"}]},"memo":{"id":"YUAq742AYOeHl1sXwMiK","name":"landing.style.sidebar-two","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"f26694a27cc93e2a45e0968858feb050b5b701533aaa0603e1a5fba8ead7a7c4"}" wire:effects="[]" wire:id="YUAq742AYOeHl1sXwMiK" class="grid grid-cols-12 gap-3 my-4"> <!-- Widget Title --> <p class="col-span-6 text-start font-semibold text-xl text-gray-800 dark:text-white"> Kesehatan </p> <a href="https://wartakompas.com/id/article" class="col-span-6 text-end font-medium text-gray-800 dark:text-white hover:text-cyan-500 transition duration-300" title="Kesehatan" > Lihat Semua </a> <!-- Articles List --> <!--[if BLOCK]><![endif]--> <div class="bg-white dark:bg-gray-800/40 p-5 rounded-md col-span-12"> <div class="flex flex-wrap sm:flex-nowrap items-center gap-5"> <!-- Article Details --> <div class="flex flex-col items-start w-full"> <!-- Publish Date --> <p class="flex items-center gap-2 text-gray-500 dark:text-gray-400 text-sm mb-2"> <svg class="h-4 w-4 text-blue-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14" > <path d="M10.679 0.464H2.321A0.929 0.929 0 0 0 1.393 1.393v10.214c0 0.513 0.416 0.929 0.929 0.929h8.358a0.929 0.929 0 0 0 0.929-0.929V1.393A0.929 0.929 0 0 0 10.679 0.464zM1.393 5.107h10.214M3.946 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232zM6.5 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232zM9.054 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" /> </svg> <span>August 5, 2024</span> </p> <!-- Article Title --> <h2 class="text-xl font-bold text-gray-800 dark:text-white mb-4 hover:text-blue-500 transition duration-300 line-clamp-3"> Anthony Sinisuka Ginting dan Jonatan Christie Kembali Mendominasi Lima Besar Tunggal Putra Dunia </h2> <!-- Read More Button --> <a href="https://wartakompas.com/id/article/anthony-sinisuka-ginting-dan-jonatan-christie-kembali-mendominasi-lima-besar-tunggal-putra-dunia" class="inline-flex items-center justify-center py-2 px-4 text-white font-medium rounded-full transition duration-300" style="background-color: #db2777;" onmouseover="this.style.backgroundColor='#e11d48'" onmouseout="this.style.backgroundColor='#db2777'" title="Anthony Sinisuka Ginting dan Jonatan Christie Kembali Mendominasi Lima Besar Tunggal Putra Dunia" > Selengkapnya <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ml-2" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" > <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" /> </svg> </a> </div> </div> </div> <div class="bg-white dark:bg-gray-800/40 p-5 rounded-md col-span-12"> <div class="flex flex-wrap sm:flex-nowrap items-center gap-5"> <!-- Article Details --> <div class="flex flex-col items-start w-full"> <!-- Publish Date --> <p class="flex items-center gap-2 text-gray-500 dark:text-gray-400 text-sm mb-2"> <svg class="h-4 w-4 text-blue-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14" > <path d="M10.679 0.464H2.321A0.929 0.929 0 0 0 1.393 1.393v10.214c0 0.513 0.416 0.929 0.929 0.929h8.358a0.929 0.929 0 0 0 0.929-0.929V1.393A0.929 0.929 0 0 0 10.679 0.464zM1.393 5.107h10.214M3.946 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232zM6.5 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232zM9.054 7.893a0.232 0.232 0 1 1 0.232-0.232 0.232 0.232 0 0 1-0.232 0.232z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" /> </svg> <span>February 16, 2025</span> </p> <!-- Article Title --> <h2 class="text-xl font-bold text-gray-800 dark:text-white mb-4 hover:text-blue-500 transition duration-300 line-clamp-3"> Uji Toksisitas Akut dan Subkronik Ekstrak Etanol Daun Salam sebagai Antihipertensi </h2> <!-- Read More Button --> <a href="https://wartakompas.com/id/article/uji-toksisitas-akut-dan-subkronik-ekstrak-etanol-daun-salam-sebagai-antihipertensi" class="inline-flex items-center justify-center py-2 px-4 text-white font-medium rounded-full transition duration-300" style="background-color: #db2777;" onmouseover="this.style.backgroundColor='#e11d48'" onmouseout="this.style.backgroundColor='#db2777'" title="Uji Toksisitas Akut dan Subkronik Ekstrak Etanol Daun Salam sebagai Antihipertensi" > Selengkapnya <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ml-2" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" > <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" /> </svg> </a> </div> </div> </div> <!--[if ENDBLOCK]><![endif]--></div> <div wire:snapshot="{"data":{"dataWidget":[[],{"key":17,"class":"App\\Models\\Widget","s":"elmdl"}],"dataArticles":[[],{"keys":[null,null,null,null,null],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Article","relations":["Categories"],"s":"elcl"}]},"memo":{"id":"rNe4NeXtFnWJquHrsCDV","name":"landing.style.sidebar-four","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"484314483334d760aef7fbebdaa30c59c92e673f01cef66d4fd0525398191b11"}" wire:effects="[]" wire:id="rNe4NeXtFnWJquHrsCDV"> <!-- Header Section --> <div class="flex flex-row justify-between items-center"> <h2 class="text-xl font-semibold text-gray-800 dark:text-white"> Travelling </h2> <a href="https://wartakompas.com/id/article" class="font-medium text-gray-800 dark:text-white hover:text-cyan-500 duration-500" title="Travelling" > Lihat Semua </a> </div> <!-- Main Article Section --> <div class="bg-white dark:bg-gray-800/40 shadow-lg rounded-md overflow-hidden my-4"> <!-- Featured Image --> <div class="aspect-w-16 aspect-h-9 bg-gray-200"> <img src="https://wartakompas.com/article-image/article-66b1326ec7b8266b1326ec7b84-05-08-2024-.png" alt="Taman Fathan Alesano : Review, Daya Tarik dan Harga Tiket" class="w-full h-full object-cover" loading="lazy" width="640" height="360" /> </div> <!-- Articles List --> <div class="flex flex-col p-4 space-y-4"> <!--[if BLOCK]><![endif]--> <div class="flex flex-row items-start space-x-4"> <!-- Article Rank --> <p class="text-6xl font-bold text-gray-300"> 1 </p> <!-- Article Details --> <div> <!-- Category --> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/travelling" title="Travelling" class="text-sm font-semibold text-red-600" > Travelling </a> <!--[if ENDBLOCK]><![endif]--> <!-- Article Title --> <p class="mt-1 text-base font-medium text-gray-800 dark:text-white line-clamp-3"> <a href="https://wartakompas.com/id/article/taman-fathan-alesano-review-daya-tarik-dan-harga-tiket" title="Taman Fathan Alesano : Review, Daya Tarik dan Harga Tiket" class="hover:underline" > Taman Fathan Alesano : Review, Daya Tarik dan Harga Tiket </a> </p> <!-- Publish Date --> <span class="text-xs font-medium text-slate-700 dark:text-slate-300"> August 5, 2024 </span> </div> </div> <div class="flex flex-row items-start space-x-4"> <!-- Article Rank --> <p class="text-6xl font-bold text-gray-300"> 2 </p> <!-- Article Details --> <div> <!-- Category --> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/travelling" title="Travelling" class="text-sm font-semibold text-red-600" > Travelling </a> <!--[if ENDBLOCK]><![endif]--> <!-- Article Title --> <p class="mt-1 text-base font-medium text-gray-800 dark:text-white line-clamp-3"> <a href="https://wartakompas.com/id/article/5-daya-tarik-candi-borobudur-sebagai-salah-satu-dari-keajaiban-dunia" title="5 Daya Tarik Candi Borobudur Sebagai salah Satu dari Keajaiban Dunia" class="hover:underline" > 5 Daya Tarik Candi Borobudur Sebagai salah Satu dari Keajaiban Dunia </a> </p> <!-- Publish Date --> <span class="text-xs font-medium text-slate-700 dark:text-slate-300"> August 5, 2024 </span> </div> </div> <div class="flex flex-row items-start space-x-4"> <!-- Article Rank --> <p class="text-6xl font-bold text-gray-300"> 3 </p> <!-- Article Details --> <div> <!-- Category --> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/travelling" title="Travelling" class="text-sm font-semibold text-red-600" > Travelling </a> <!--[if ENDBLOCK]><![endif]--> <!-- Article Title --> <p class="mt-1 text-base font-medium text-gray-800 dark:text-white line-clamp-3"> <a href="https://wartakompas.com/id/article/wisata-atv-kuber-bali-adventure-menantang-adrenalin-di-trek-paling-ekstrem-di-bali" title="Wisata ATV Kuber Bali Adventure – Menantang Adrenalin di Trek Paling Ekstrem di Bali" class="hover:underline" > Wisata ATV Kuber Bali Adventure – Menantang Adrenalin di Trek Paling Ekstrem di Bali </a> </p> <!-- Publish Date --> <span class="text-xs font-medium text-slate-700 dark:text-slate-300"> August 5, 2024 </span> </div> </div> <div class="flex flex-row items-start space-x-4"> <!-- Article Rank --> <p class="text-6xl font-bold text-gray-300"> 4 </p> <!-- Article Details --> <div> <!-- Category --> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/travelling" title="Travelling" class="text-sm font-semibold text-red-600" > Travelling </a> <!--[if ENDBLOCK]><![endif]--> <!-- Article Title --> <p class="mt-1 text-base font-medium text-gray-800 dark:text-white line-clamp-3"> <a href="https://wartakompas.com/id/article/7-hotel-terbaik-di-bali-buat-keluarga-fasilitas-lengkap-dan-harga-bersahabat" title="7 Hotel Terbaik di Bali Buat Keluarga, Fasilitas Lengkap dan Harga Bersahabat" class="hover:underline" > 7 Hotel Terbaik di Bali Buat Keluarga, Fasilitas Lengkap dan Harga Bersahabat </a> </p> <!-- Publish Date --> <span class="text-xs font-medium text-slate-700 dark:text-slate-300"> August 5, 2024 </span> </div> </div> <div class="flex flex-row items-start space-x-4"> <!-- Article Rank --> <p class="text-6xl font-bold text-gray-300"> 5 </p> <!-- Article Details --> <div> <!-- Category --> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/travelling" title="Travelling" class="text-sm font-semibold text-red-600" > Travelling </a> <!--[if ENDBLOCK]><![endif]--> <!-- Article Title --> <p class="mt-1 text-base font-medium text-gray-800 dark:text-white line-clamp-3"> <a href="https://wartakompas.com/id/article/review-wisata-candi-prambanan-daya-tarik-lokasi-jam-buka-dan-harga-tiket" title="Review Wisata Candi Prambanan : Daya Tarik, Lokasi, Jam Buka dan Harga Tiket" class="hover:underline" > Review Wisata Candi Prambanan : Daya Tarik, Lokasi, Jam Buka dan Harga Tiket </a> </p> <!-- Publish Date --> <span class="text-xs font-medium text-slate-700 dark:text-slate-300"> August 5, 2024 </span> </div> </div> <!--[if ENDBLOCK]><![endif]--> </div> </div></div> <div wire:snapshot="{"data":{"dataWidget":[[],{"key":19,"class":"App\\Models\\Widget","s":"elmdl"}],"dataArticles":[[],{"keys":[null,null,null],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Article","relations":["Categories"],"s":"elcl"}]},"memo":{"id":"BWTW9GGWScmVQHmkCZVF","name":"landing.style.sidebar-five","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"d28b47b85bb4e3be366ec4d2c40422dff97362c72e039f37e3fc5ef92d3635dd"}" wire:effects="[]" wire:id="BWTW9GGWScmVQHmkCZVF" class="grid grid-cols-12 gap-4 my-4"> <!-- Widget Title --> <h2 class="col-span-6 text-start text-xl font-semibold text-gray-800 dark:text-white"> Edukasi </h2> <a href="https://wartakompas.com/id/article" class="col-span-6 text-end text-gray-800 dark:text-white font-medium hover:text-cyan-500 duration-500" title="Edukasi"> Lihat Semua </a> <!-- Articles --> <!--[if BLOCK]><![endif]--> <div class="flex flex-col col-span-12 md:col-span-6 overflow-hidden shadow-md rounded-xl bg-white dark:bg-gray-800/40"> <!-- Image Section --> <a href="https://wartakompas.com/id/article/bukan-di-madinah-ini-masjid-pertama-yang-dibangun-rasulullah" class="block transform transition duration-200 hover:scale-105" title="Bukan di Madinah, Ini Masjid Pertama Yang Dibangun Rasulullah!"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-xl overflow-hidden"> <img src="https://wartakompas.com/article-image/article-66b14119dafc266b14119dafc5-05-08-2024-.png" alt="Bukan di Madinah, Ini Masjid Pertama Yang Dibangun Rasulullah!" class="w-full h-full object-cover" loading="lazy" width="400" height="275" /> </div> </a> <!-- Content Section --> <div class="p-6 border-t border-gray-200 dark:border-gray-700 rounded-b-xl"> <!-- Category Badge --> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/edukasi" class="absolute -top-3 left-6 inline-block rounded-full bg-gray-800 px-3 py-1 text-xs font-medium uppercase text-white" style="background-color: #4682B4" title="Edukasi"> Edukasi </a> <!--[if ENDBLOCK]><![endif]--> <!-- Publish Date --> <p class="text-xs text-gray-500 dark:text-gray-400 mb-2"> August 5, 2024 </p> <!-- Title --> <h2 class="text-base font-semibold text-gray-800 dark:text-white mb-2 line-clamp-2"> <a href="https://wartakompas.com/id/article/bukan-di-madinah-ini-masjid-pertama-yang-dibangun-rasulullah" title="Bukan di Madinah, Ini Masjid Pertama Yang Dibangun Rasulullah!" class="hover:underline"> Bukan di Madinah, Ini Masjid Pertama Yang Dibangun Rasulullah! </a> </h2> <!-- Description --> <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3"> Masjid Quba adalah masjid pertama yang dibangun oleh Nabi Muhammad SAW dan para sahabatnya setelah hijrah ke Madinah pada tahun 622 M. Masjid ini memiliki makna sejarah dan spiritual yang mendalam bagi umat Islam. Dibangun dengan bahan sederhana, masjid ini memiliki keutamaan yang disebutkan dalam hadis, seperti mendapatkan pahala umrah bagi yang shalat di dalamnya. </p> </div> </div> <div class="flex flex-col col-span-12 md:col-span-6 overflow-hidden shadow-md rounded-xl bg-white dark:bg-gray-800/40"> <!-- Image Section --> <a href="https://wartakompas.com/id/article/mobil-tidak-dipanaskan-seminggu-apa-dampaknya-pada-mesin" class="block transform transition duration-200 hover:scale-105" title="Mobil tidak Dipanaskan Seminggu, Apa Dampaknya pada Mesin?"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-xl overflow-hidden"> <img src="https://wartakompas.com/article-image/article-66b131f3ee40b66b131f3ee40e-05-08-2024-.png" alt="Mobil tidak Dipanaskan Seminggu, Apa Dampaknya pada Mesin?" class="w-full h-full object-cover" loading="lazy" width="400" height="275" /> </div> </a> <!-- Content Section --> <div class="p-6 border-t border-gray-200 dark:border-gray-700 rounded-b-xl"> <!-- Category Badge --> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/edukasi" class="absolute -top-3 left-6 inline-block rounded-full bg-gray-800 px-3 py-1 text-xs font-medium uppercase text-white" style="background-color: #4682B4" title="Edukasi"> Edukasi </a> <!--[if ENDBLOCK]><![endif]--> <!-- Publish Date --> <p class="text-xs text-gray-500 dark:text-gray-400 mb-2"> August 5, 2024 </p> <!-- Title --> <h2 class="text-base font-semibold text-gray-800 dark:text-white mb-2 line-clamp-2"> <a href="https://wartakompas.com/id/article/mobil-tidak-dipanaskan-seminggu-apa-dampaknya-pada-mesin" title="Mobil tidak Dipanaskan Seminggu, Apa Dampaknya pada Mesin?" class="hover:underline"> Mobil tidak Dipanaskan Seminggu, Apa Dampaknya pada Mesin? </a> </h2> <!-- Description --> <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3"> Pemanasan mesin mobil yang sering diabaikan dapat menyebabkan berbagai dampak negatif. Penumpukan kondensasi di dalam mesin dapat menyebabkan masalah pada komponen mesin dan oli mesin menjadi lebih kental, mengurangi efektivitasnya. Risiko kerusakan pada komponen mesin juga meningkat, serta kinerja bahan bakar mobil dapat terpengaruh. </p> </div> </div> <div class="flex flex-col col-span-12 md:col-span-6 overflow-hidden shadow-md rounded-xl bg-white dark:bg-gray-800/40"> <!-- Image Section --> <a href="https://wartakompas.com/id/article/alasan-mengapa-setiap-bisnis-memerlukan-website-di-era-digital" class="block transform transition duration-200 hover:scale-105" title="Alasan Mengapa Setiap Bisnis Memerlukan Website di Era Digital"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-xl overflow-hidden"> <img src="https://wartakompas.com/article-image/article-66b164ae46af166b164ae46af3-05-08-2024-.jpg" alt="Alasan Mengapa Setiap Bisnis Memerlukan Website di Era Digital" class="w-full h-full object-cover" loading="lazy" width="400" height="275" /> </div> </a> <!-- Content Section --> <div class="p-6 border-t border-gray-200 dark:border-gray-700 rounded-b-xl"> <!-- Category Badge --> <!--[if BLOCK]><![endif]--> <a href="https://wartakompas.com/id/category/edukasi" class="absolute -top-3 left-6 inline-block rounded-full bg-gray-800 px-3 py-1 text-xs font-medium uppercase text-white" style="background-color: #4682B4" title="Edukasi"> Edukasi </a> <!--[if ENDBLOCK]><![endif]--> <!-- Publish Date --> <p class="text-xs text-gray-500 dark:text-gray-400 mb-2"> August 5, 2024 </p> <!-- Title --> <h2 class="text-base font-semibold text-gray-800 dark:text-white mb-2 line-clamp-2"> <a href="https://wartakompas.com/id/article/alasan-mengapa-setiap-bisnis-memerlukan-website-di-era-digital" title="Alasan Mengapa Setiap Bisnis Memerlukan Website di Era Digital" class="hover:underline"> Alasan Mengapa Setiap Bisnis Memerlukan Website di Era Digital </a> </h2> <!-- Description --> <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3"> Mari kita bahas mengapa setiap bisnis memerlukan website dan bagaimana Jasa Website Aceh dapat membantu Anda mewujudkannya </p> </div> </div> <!--[if ENDBLOCK]><![endif]--></div> </div></div> </main> <!-- End Content --> <!-- Footer --> <footer class="w-full py-14 bg-[var(--light-bg)] dark:bg-[var(--dark-bg)] transition-colors duration-300 border-t border-gray-400 dark:border-gray-300"> <div class="mx-auto px-4 sm:px-6 lg:px-8"> <div wire:snapshot="{"data":{"email":null,"sudah":null},"memo":{"id":"dl0Opej1McaWkhJH61Fc","name":"landing.subscribe","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"a916e2f744904dca2a4c9eeb317731ba53d8eb831c5b12a0bb9db327df596c75"}" wire:effects="[]" wire:id="dl0Opej1McaWkhJH61Fc" class="border-b border-gray-200 dark:border-gray-700 pb-14 flex justify-between items-center flex-col gap-8 lg:gap-0 lg:flex-row transition-colors duration-300"> <div class="block"> <h3 class="font-manrope text-3xl text-gray-900 dark:text-white font-bold mb-2 text-center lg:text-left"> Daftar ke halaman web kami </h3> <p class="text-gray-500 dark:text-gray-400 text-center lg:text-left"> Terus ikuti perkembangan dan pengumuman terbaru. </p> </div> <div class="flex items-center flex-col gap-4 lg:flex-row"> <div class="flex flex-col w-full lg:w-auto"> <input type="text" wire:model.live="email" class="py-3 px-6 h-14 border border-gray-300 dark:border-gray-600 shadow-sm rounded-full focus:outline-none focus:ring-2 focus:ring-blue-500 bg-white dark:bg-gray-800 text-gray-900 dark:text-white transition-colors duration-300" placeholder="Masukkan Email Anda" /> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> <button wire:click.prevent="store" class="h-14 py-3.5 px-7 shadow-sm rounded-full text-white font-bold hover:opacity-90 transition-opacity duration-300" style="background-color: #db2777"> Subscribe </button> </div></div> <div class="grid grid-cols-2 min-[690px]:grid-cols-4 lg:grid-cols-6 gap-4 xl:gap-8 pt-14 pb-10 max-w-xs mx-auto min-[690px]:max-w-2xl lg:max-w-full"> <div class="col-span-full mb-10 lg:col-span-2 lg:mb-0"> <a href="/" class="flex justify-center lg:justify-start"> <img src="https://wartakompas.com/website-settings/logo-id-67fdadec5da5e-15-04-2025-.webp" alt="Warta Kompas Logo" class="w-40 h-8 dark:brightness-0 dark:invert-[1]" loading="lazy"> </a> <p class="py-8 text-gray-500 dark:text-gray-400 lg:max-w-xs text-center lg:text-left"> Warta Kompas adalah portal berita Indonesia yang menyajikan informasi terkini dan terpercaya seputar politik, ekonomi, teknologi, dan gaya hidup. </p> <a href="https://wartakompas.com/contact-us" class="py-2.5 px-5 h-9 block w-fit rounded-full shadow-sm text-xs text-white mx-auto transition-all duration-500 lg:mx-0 hover:opacity-90" style="background-color: #db2777"> Hubungi Kami </a> </div> <div class="lg:mx-auto text-left"> <h4 class="text-lg text-gray-900 dark:text-white font-medium mb-5">Kategori</h4> <ul class="text-sm transition-all duration-300 grid gap-1 grid-cols-1 sm:grid-cols-2 md:grid-cols-1"> <li> <a href="https://wartakompas.com/id/category/berita" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Berita </a> </li> <li> <a href="https://wartakompas.com/id/category/tekno" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Tekno </a> </li> <li> <a href="https://wartakompas.com/id/category/otomotif" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Otomotif </a> </li> <li> <a href="https://wartakompas.com/id/category/bola" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Bola </a> </li> <li> <a href="https://wartakompas.com/id/category/gaya-hidup" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Gaya Hidup </a> </li> <li> <a href="https://wartakompas.com/id/category/tren" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Tren </a> </li> <li> <a href="https://wartakompas.com/id/category/kesehatan" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Kesehatan </a> </li> <li> <a href="https://wartakompas.com/id/category/travelling" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Travelling </a> </li> <li> <a href="https://wartakompas.com/id/category/edukasi" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Edukasi </a> </li> <li> <a href="https://wartakompas.com/id/category/makanan" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Makanan </a> </li> </ul> </div> <div class="lg:mx-auto text-left"> <h4 class="text-lg text-gray-900 dark:text-white font-medium mb-5">Tentang Kami</h4> <ul class="text-sm transition-all duration-300 grid gap-1 grid-cols-1 sm:grid-cols-2 md:grid-cols-1"> <li> <a href="https://wartakompas.com/pages/tentang-kami" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> About Us </a> </li> <li> <a href="https://wartakompas.com/pages/disclaimer" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Disclaimer </a> </li> <li> <a href="https://wartakompas.com/pages/privacy-policy" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Privacy Policy </a> </li> <li> <a href="https://wartakompas.com/pages/terms-of-service" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Terms of Service </a> </li> </ul> </div> <div class="lg:mx-auto text-left"> <h4 class="text-lg text-gray-900 dark:text-white font-medium mb-5">Network</h4> <ul class="text-sm transition-all duration-300 grid gap-1 grid-cols-1 sm:grid-cols-2 md:grid-cols-1"> <li> <a href="https://diswantara.com" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Diswantara </a> </li> <li> <a href="https://diswansena.com" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Diswansena </a> </li> <li> <a href="https://dhuf.biz.id" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Dhuf </a> </li> <li> <a href="https://isekun.com" class="text-gray-600 dark:text-gray-400 hover:text-[#db2777] dark:hover:text-[#db2777] transition-colors duration-300" rel="nofollow"> Isekun </a> </li> </ul> </div> </div> <div class="py-7 border-t border-gray-200 dark:border-gray-700"> <div class="flex items-center justify-center flex-col lg:justify-between lg:flex-row"> <span class="text-sm text-gray-500 dark:text-gray-400">Hak Cipta 2024 Warta Kompas - Hak Cipta Dilindungi Undang-Undang.</span> <div class="flex mt-4 space-x-4 sm:justify-center lg:mt-0"> <a href="https://facebook.com" class="relative w-8 h-8 rounded-full transition-all duration-300 flex justify-center items-center bg-[#337FFF] hover:bg-gray-900 dark:hover:bg-gray-700"> <svg class="w-[1rem] h-[1rem] text-white" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.04111 7.81204L7.41156 5.46043H5.1296V3.93188C5.1296 3.28886 5.44818 2.66054 6.46692 2.66054H7.51899V0.657999C6.90631 0.560385 6.28723 0.507577 5.66675 0.5C3.78857 0.5 2.56239 1.62804 2.56239 3.66733V5.46043H0.480469V7.81204H2.56239V13.5H5.1296V7.81204H7.04111Z" fill="currentColor" /> </svg> </a> <a href="https://twitter.com" class="w-8 h-8 rounded-full transition-all duration-300 flex justify-center items-center bg-[#33CCFF] hover:bg-gray-900 dark:hover:bg-gray-700"> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="Social Media"> <path id="Vector" d="M11.8214 9.81691L16.9919 3.93591H15.7667L11.2772 9.0423L7.6914 3.93591H3.55566L8.97803 11.6577L3.55566 17.8248H4.78097L9.522 12.4323L13.3088 17.8248H17.4446L11.8211 9.81691H11.8214ZM10.1432 11.7257L9.59382 10.9568L5.22246 4.83846H7.10445L10.6322 9.77615L11.1816 10.5451L15.7672 16.9633H13.8852L10.1432 11.726V11.7257Z" fill="white" /> </g> </svg> </a> <a href="https://telegram.org" class="w-8 h-8 rounded-full transition-all duration-300 flex justify-center items-center bg-[#33CCFF] hover:bg-gray-900 dark:hover:bg-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="12" fill="#039be5" /> <path fill="#fff" d="m5.491 11.74 11.57-4.461c.537-.194 1.006.131.832.943l.001-.001-1.97 9.281c-.146.658-.537.818-1.084.508l-3-2.211-1.447 1.394c-.16.16-.295.295-.605.295l.213-3.053 5.56-5.023c.242-.213-.054-.333-.373-.121l-6.871 4.326-2.962-.924c-.643-.204-.657-.643.136-.953z" /></svg> </a> <a href="https://youtube.com" class="relative w-8 h-8 rounded-full transition-all duration-300 flex justify-center items-center bg-[#FF0000] hover:bg-gray-900 dark:hover:bg-gray-700"> <svg class="w-[1.25rem] h-[0.875rem] text-white" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9191 1.10651C14.558 1.27906 15.0602 1.78251 15.2299 2.42069C15.5388 3.57887 15.5388 5.99687 15.5388 5.99687C15.5388 5.99687 15.5388 8.41487 15.2299 9.57306C15.0578 10.2136 14.5556 10.7171 13.9191 10.8872C12.7638 11.1969 8.12875 11.1969 8.12875 11.1969C8.12875 11.1969 3.49603 11.1969 2.33844 10.8872C1.69952 10.7147 1.19735 10.2112 1.0276 9.57306C0.71875 8.41487 0.71875 5.99687 0.71875 5.99687C0.71875 5.99687 0.71875 3.57887 1.0276 2.42069C1.1997 1.78015 1.70188 1.27669 2.33844 1.10651C3.49603 0.796875 8.12875 0.796875 8.12875 0.796875C8.12875 0.796875 12.7638 0.796875 13.9191 1.10651ZM10.4981 5.99687L6.6481 8.22578V3.76796L10.4981 5.99687Z" fill="white" /> </svg> </a> </div> </div> </div> </div></footer> <!-- End Footer --> <!-- Google tag (gtag.js) --><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script async src="https://www.googletagmanager.com/gtag/js?id=G-HL1VPBNG61"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-HL1VPBNG61');</script> <script> document.addEventListener("DOMContentLoaded",function(){let e=JSON.parse(localStorage.getItem("riwayatBerita"))||[];document.querySelectorAll(".read-status-list").forEach(t=>{let a=t.innerText.trim();e.find(e=>e.slug===a)&&(t.classList.remove("hidden"),t.innerText='Sudah Dibaca')})}); </script></body></html> 
