<!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="/locale/id" /><link rel="alternate" hreflang="en" href="/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": "" , "potentialAction": { "@type": "SearchAction" , "target": "/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": "" , "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/v1735036089/pattern2_qs7dgu.jpg" /><link rel="preload" as="image" href="https://wartakompas.com/article-image/article-66b12ef2c337566b12ef2c3378-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/@yaireo-Bi8h0K9W.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-C4sIA3uN.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/@yaireo-BKJkE2ua.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/@yaireo-Bi8h0K9W.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-C4sIA3uN.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="ZrZPn2OhVhIc0blNyooa1RAScPqY1dkvgZc95TjC" 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="ZrZPn2OhVhIc0blNyooa1RAScPqY1dkvgZc95TjC" 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\/v1735036089\/pattern2_qs7dgu.jpg"},"memo":{"id":"WME8aauUMrupNgvNMQI7","name":"landing.style.swiper-one","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"bdfbeaf7b8721ba0604a9d5e7f4ce37ef4b3d971d5e2e0d738bb4212ebdea520"}" wire:effects="[]" wire:id="WME8aauUMrupNgvNMQI7" class="my-5"> <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/v1735036089/pattern2_qs7dgu.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"> <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-agar-status-wa-bisa-dilihat-semua-orang-2024" title="Cara Agar Status WA Bisa Dilihat Semua Orang 2024"> <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-66b12ef2c337566b12ef2c3378-05-08-2024-.png" alt="Cara Agar Status WA Bisa Dilihat Semua Orang 2024" loading="lazy" width="640" height="360" /> </div> </a> <div class="flex-auto p-4"> <a href="https://wartakompas.com/id/category/edukasi" title="Edukasi" class="focus:outline-none text-[12px] text-gray-100 dark:text-gray-800 rounded font-medium py-1 px-2" style="background-color: #4682B4">Edukasi</a> <a href="https://wartakompas.com/id/article/cara-agar-status-wa-bisa-dilihat-semua-orang-2024" title="Cara Agar Status WA Bisa Dilihat Semua Orang 2024" class="my-3 text-[20px] font-medium tracking-tight text-gray-800 dark:text-white line-clamp-3"> Cara Agar Status WA Bisa Dilihat Semua Orang 2024 </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/bumn-pengelolaan-sda-perum-jasa-tirta-i-buka-lowongan-kerja-segera-daftar" title="BUMN Pengelolaan SDA, Perum Jasa Tirta I, Buka Lowongan Kerja, Segera Daftar!"> <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-66b13659219e066b13659219e2-05-08-2024-.png" alt="BUMN Pengelolaan SDA, Perum Jasa Tirta I, Buka Lowongan Kerja, Segera Daftar!" loading="lazy" width="640" height="360" /> </div> </a> <div class="flex-auto p-4"> <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> <a href="https://wartakompas.com/id/article/bumn-pengelolaan-sda-perum-jasa-tirta-i-buka-lowongan-kerja-segera-daftar" title="BUMN Pengelolaan SDA, Perum Jasa Tirta I, Buka Lowongan Kerja, Segera Daftar!" class="my-3 text-[20px] font-medium tracking-tight text-gray-800 dark:text-white line-clamp-3"> BUMN Pengelolaan SDA, Perum Jasa Tirta I, Buka Lowongan Kerja, Segera Daftar! </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/word-cloud-sebagai-alat-bantu-dalam-membuat-konten-yang-menarik" title="Word Cloud sebagai Alat Bantu dalam Membuat Konten yang Menarik"> <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-66b16091ca5f466b16091ca5f7-05-08-2024-.png" alt="Word Cloud sebagai Alat Bantu dalam Membuat Konten yang Menarik" loading="lazy" width="640" height="360" /> </div> </a> <div class="flex-auto p-4"> <a href="https://wartakompas.com/id/category/edukasi" title="Edukasi" class="focus:outline-none text-[12px] text-gray-100 dark:text-gray-800 rounded font-medium py-1 px-2" style="background-color: #4682B4">Edukasi</a> <a href="https://wartakompas.com/id/article/word-cloud-sebagai-alat-bantu-dalam-membuat-konten-yang-menarik" title="Word Cloud sebagai Alat Bantu dalam Membuat Konten yang Menarik" class="my-3 text-[20px] font-medium tracking-tight text-gray-800 dark:text-white line-clamp-3"> Word Cloud sebagai Alat Bantu dalam Membuat Konten yang Menarik </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/proses-terbongkarnya-pembunuhan-wanita-dalam-koper-oleh-arif" title="Proses Terbongkarnya Pembunuhan "Wanita dalam Koper" oleh Arif"> <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-66b13e8ae0a4466b13e8ae0a47-05-08-2024-.png" alt="Proses Terbongkarnya Pembunuhan "Wanita dalam Koper" oleh Arif" loading="lazy" width="640" height="360" /> </div> </a> <div class="flex-auto p-4"> <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> <a href="https://wartakompas.com/id/article/proses-terbongkarnya-pembunuhan-wanita-dalam-koper-oleh-arif" title="Proses Terbongkarnya Pembunuhan "Wanita dalam Koper" oleh Arif" class="my-3 text-[20px] font-medium tracking-tight text-gray-800 dark:text-white line-clamp-3"> Proses Terbongkarnya Pembunuhan "Wanita dalam Koper" oleh Arif </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/kasus-bullying-di-indonesia-yang-menggemparkan-publik" title="Kasus Bullying di Indonesia yang Menggemparkan Publik"> <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-66b14143055a066b14143055a3-05-08-2024-.png" alt="Kasus Bullying di Indonesia yang Menggemparkan Publik" loading="lazy" width="640" height="360" /> </div> </a> <div class="flex-auto p-4"> <a href="https://wartakompas.com/id/category/edukasi" title="Edukasi" class="focus:outline-none text-[12px] text-gray-100 dark:text-gray-800 rounded font-medium py-1 px-2" style="background-color: #4682B4">Edukasi</a> <a href="https://wartakompas.com/id/article/kasus-bullying-di-indonesia-yang-menggemparkan-publik" title="Kasus Bullying di Indonesia yang Menggemparkan Publik" class="my-3 text-[20px] font-medium tracking-tight text-gray-800 dark:text-white line-clamp-3"> Kasus Bullying di Indonesia yang Menggemparkan Publik </a> </div> </div> </div> </div> </div> </div> </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":"rtoWPtZfWO70LiKjPrXZ","name":"landing.style.index-one","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"21ac17bf03a8c9b9aa404447abfd2dcb63c83f53f551eb867bbdcad05c7376e3"}" wire:effects="[]" wire:id="rtoWPtZfWO70LiKjPrXZ" 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 --> <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 --> <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> <!-- 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="abc6c2cadcc2c7d8c4c593999aebd2cac3c4c485c8c4c6">[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 --> <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> <!-- 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="ff92969e8896938c9091c7cdcebf869e979090d19c9092">[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/cara-mendapatkan-giveaway-dari-baim-wong-2024" title="Cara Mendapatkan Giveaway dari Baim Wong 2024"> <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-66b13b45b5b4066b13b45b5b43-05-08-2024-.png" alt="Cara Mendapatkan Giveaway dari Baim Wong 2024" loading="lazy" width="400" height="300" /> </div> </a> <!-- Content --> <div class="p-4"> <!-- Category --> <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> <!-- 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/cara-mendapatkan-giveaway-dari-baim-wong-2024" class="block text-lg font-semibold text-gray-800 dark:text-white hover:underline line-clamp-2" > Cara Mendapatkan Giveaway dari Baim Wong 2024 </a> <!-- Meta Description --> <p class="text-sm text-gray-500 dark:text-gray-400 mt-2 line-clamp-3"> Baim Wong, seorang selebritas populer dari Indonesia, sering mengadakan giveaway di media sosialnya, terutama di Facebook, yang menarik banyak penggemar. Giveaway-nya mencakup berbagai hadiah menarik, tetapi tidak semua orang berhasil memenangkan. </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="3c51555d4b55504f5352040e0d7c455d545353125f5351">[email protected]</a> </p> </div> </div> <!-- Read More --> <a href="https://wartakompas.com/id/article/cara-mendapatkan-giveaway-dari-baim-wong-2024" 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 --> <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> <!-- 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="4a27232b3d232639252472787b0a332b22252564292527">[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/viral-emak-emak-melawan-arah-dengan-sepeda-listrik-netizen-bersuara-ujian-bulan-puasa" title="Viral! Emak-Emak Melawan Arah dengan Sepeda Listrik, Netizen Bersuara: Ujian Bulan Puasa"> <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-66b135766260b66b135766260d-05-08-2024-.png" alt="Viral! Emak-Emak Melawan Arah dengan Sepeda Listrik, Netizen Bersuara: Ujian Bulan Puasa" loading="lazy" width="400" height="300" /> </div> </a> <!-- Content --> <div class="p-4"> <!-- Category --> <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> <!-- 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/viral-emak-emak-melawan-arah-dengan-sepeda-listrik-netizen-bersuara-ujian-bulan-puasa" class="block text-lg font-semibold text-gray-800 dark:text-white hover:underline line-clamp-2" > Viral! Emak-Emak Melawan Arah dengan Sepeda Listrik, Netizen Bersuara: Ujian Bulan Puasa </a> <!-- Meta Description --> <p class="text-sm text-gray-500 dark:text-gray-400 mt-2 line-clamp-3"> Sebuah video viral menampilkan seorang ibu menggunakan sepeda listrik dan melawan arus lalu lintas di jalan raya. Video tersebut telah ditonton lebih dari 147 ribu kali dan menuai beragam komentar dari netizen. Reaksi netizen bermacam-macam, ada yang geleng-geleng kepala, merasa tidak tenang, merasa aneh, dan ada yang mengaitkan aksi tersebut dengan ujian di bulan puasa. </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="472a2e26302e2b3428297f7576073e262f28286924282a">[email protected]</a> </p> </div> </div> <!-- Read More --> <a href="https://wartakompas.com/id/article/viral-emak-emak-melawan-arah-dengan-sepeda-listrik-netizen-bersuara-ujian-bulan-puasa" 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/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 --> <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> <!-- 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="472a2e26302e2b3428297f7576073e262f28286924282a">[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> <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":"ruRp2BxlTybBXpr8gBo9","name":"landing.style.index-two","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"056f5dd8cf8a0e01a3db6a5b6ce8c373c49a2f93a73d287fcb82ab25ac593aed"}" wire:effects="[]" wire:id="ruRp2BxlTybBXpr8gBo9" 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 --> <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"> <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> <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="670a0e06100e0b1408095f5556271e060f08084904080a">[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> <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-kerja-investasi-bitcoin-simak-disini" title="Cara Kerja Investasi Bitcoin, Simak Disini!"> <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-66b1643ab276166b1643ab2764-05-08-2024-.png" alt="Cara Kerja Investasi Bitcoin, Simak Disini!" 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"> <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> <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-kerja-investasi-bitcoin-simak-disini" class="text-lg font-semibold text-gray-800 dark:text-slate-200 line-clamp-2 hover:underline" title="Cara Kerja Investasi Bitcoin, Simak Disini!"> Cara Kerja Investasi Bitcoin, Simak Disini! </a> <!-- Description --> <p class="mt-2 mb-4 text-sm text-gray-500 dark:text-gray-400 line-clamp-2"> Pelajari cara kerja investasi Bitcoin dengan mudah dan aman. Temukan langkah-langkah praktis untuk membeli, menyimpan, dan trading Bitcoin serta pahami keuntungan dan risikonya dalam artikel ini </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="b4d9ddd5c3ddd8c7dbda8c8685f4cdd5dcdbdb9ad7dbd9">[email protected]</a> </p> </div> </div> <!-- Read More --> <a href="https://wartakompas.com/id/article/cara-kerja-investasi-bitcoin-simak-disini" class="text-sm font-medium text-cyan-500 hover:underline" title="Cara Kerja Investasi Bitcoin, Simak Disini!"> 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"> <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> <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="cfa2a6aeb8a6a3bca0a1f7fdfe8fb6aea7a0a0e1aca0a2">[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-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"> <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> <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="0d60646c7a64617e6263353f3c4d746c656262236e6260">[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/usaha-yang-dibutuhkan-orang-setiap-hari" title="Usaha yang Dibutuhkan Orang Setiap Hari"> <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-66b12ec75751d66b12ec75751f-05-08-2024-.png" alt="Usaha yang Dibutuhkan Orang Setiap Hari" 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"> <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> <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/usaha-yang-dibutuhkan-orang-setiap-hari" class="text-lg font-semibold text-gray-800 dark:text-slate-200 line-clamp-2 hover:underline" title="Usaha yang Dibutuhkan Orang Setiap Hari"> Usaha yang Dibutuhkan Orang Setiap Hari </a> <!-- Description --> <p class="mt-2 mb-4 text-sm text-gray-500 dark:text-gray-400 line-clamp-2"> beberapa usaha kecil yang dibutuhkan orang setiap hari, seperti Warung Madura, Usaha Pom Bensin Mini, makanan sarapan pagi, dan minuman franchise. Usaha-usaha ini memberikan solusi praktis dan efisien untuk kebutuhan sehari-hari orang. </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="f69b9f97819f9a859998cec4c7b68f979e9999d895999b">[email protected]</a> </p> </div> </div> <!-- Read More --> <a href="https://wartakompas.com/id/article/usaha-yang-dibutuhkan-orang-setiap-hari" class="text-sm font-medium text-cyan-500 hover:underline" title="Usaha yang Dibutuhkan Orang Setiap Hari"> 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"> <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> <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="f09d999187999c839f9ec8c2c1b08991989f9fde939f9d">[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> <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":"2MuaYDUd71e0AuBdVD9p","name":"landing.style.index-three","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"90f8d5c41884fec53cf0a5c675fa037d798fc567a7d9c58bc7d69086281f4d60"}" wire:effects="[]" wire:id="2MuaYDUd71e0AuBdVD9p" 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 --> <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/10-ide-bisnis-unik-yang-menguntungkan-untuk-tahun-2024-dan-cara-memulainya" title="10 Ide Bisnis Unik yang Menguntungkan untuk Tahun 2024 dan Cara Memulainya"> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66b16365ea15b66b16365ea15e-05-08-2024-.webp" alt="10 Ide Bisnis Unik yang Menguntungkan untuk Tahun 2024 dan Cara Memulainya" 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/10-ide-bisnis-unik-yang-menguntungkan-untuk-tahun-2024-dan-cara-memulainya" title="10 Ide Bisnis Unik yang Menguntungkan untuk Tahun 2024 dan Cara Memulainya" class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2"> 10 Ide Bisnis Unik yang Menguntungkan untuk Tahun 2024 dan Cara Memulainya </a> <!-- Description --> <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3"> Mencari ide bisnis unik untuk tahun 2024? Temukan 10 ide yang menarik dan menguntungkan, mulai dari kafe binatang peliharaan hingga studio VR, lengkap dengan wawasan untuk memulai dan sukses! </p> <!-- Read More --> <a href="https://wartakompas.com/id/article/10-ide-bisnis-unik-yang-menguntungkan-untuk-tahun-2024-dan-cara-memulainya" title="10 Ide Bisnis Unik yang Menguntungkan untuk Tahun 2024 dan Cara Memulainya" 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/kpu-ri-resmi-sahkan-suara-dari-33-provinsi-pada-hari-ke-19-rekapitulasi" title="KPU RI Resmi Sahkan Suara dari 33 Provinsi pada Hari ke-19 Rekapitulasi"> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66b1351fa18dc66b1351fa18de-05-08-2024-.png" alt="KPU RI Resmi Sahkan Suara dari 33 Provinsi pada Hari ke-19 Rekapitulasi" 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/kpu-ri-resmi-sahkan-suara-dari-33-provinsi-pada-hari-ke-19-rekapitulasi" title="KPU RI Resmi Sahkan Suara dari 33 Provinsi pada Hari ke-19 Rekapitulasi" class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2"> KPU RI Resmi Sahkan Suara dari 33 Provinsi pada Hari ke-19 Rekapitulasi </a> <!-- Description --> <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3"> Proses rekapitulasi hasil Pemilu di Indonesia tahun 2024 berjalan sesuai jadwal yang telah ditetapkan Komisi Pemilihan Umum (KPU) Republik Indonesia. Hingga saat ini, perolehan suara dari 33 provinsi sudah tervalidasi, dan lima provinsi masih perlu direkapitulasi di tingkat nasional. </p> <!-- Read More --> <a href="https://wartakompas.com/id/article/kpu-ri-resmi-sahkan-suara-dari-33-provinsi-pada-hari-ke-19-rekapitulasi" title="KPU RI Resmi Sahkan Suara dari 33 Provinsi pada Hari ke-19 Rekapitulasi" 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/tragedi-pembnhan-mtilsi-di-ciamis-suami-tega-menghabisi-istri" title="Tragedi Pemb*n*han M*til*si di Ciamis: Suami Tega Menghabisi Istri"> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66b13e3c557ef66b13e3c557f1-05-08-2024-.png" alt="Tragedi Pemb*n*han M*til*si di Ciamis: Suami Tega Menghabisi Istri" 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/tragedi-pembnhan-mtilsi-di-ciamis-suami-tega-menghabisi-istri" title="Tragedi Pemb*n*han M*til*si di Ciamis: Suami Tega Menghabisi Istri" class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2"> Tragedi Pemb*n*han M*til*si di Ciamis: Suami Tega Menghabisi Istri </a> <!-- Description --> <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3"> Seorang suami di Kabupaten Ciamis, Jawa Barat, memutilasi istrinya karena diduga depresi akibat tekanan ekonomi. Peristiwa tragis ini membuat masyarakat setempat terkejut. Pelaku ditangkap setelah menawarkan potongan tubuh korban kepada tetangga. Pelaku sedang menjalani perawatan rawat jalan akibat depresi. </p> <!-- Read More --> <a href="https://wartakompas.com/id/article/tragedi-pembnhan-mtilsi-di-ciamis-suami-tega-menghabisi-istri" title="Tragedi Pemb*n*han M*til*si di Ciamis: Suami Tega Menghabisi Istri" 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/membangun-strategi-pemasaran-konten-yang-efektif-dalam-7-langkah" title="Membangun Strategi Pemasaran Konten yang Efektif dalam 7 Langkah "> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66b163371765b66b163371765d-05-08-2024-.webp" alt="Membangun Strategi Pemasaran Konten yang Efektif dalam 7 Langkah " 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/membangun-strategi-pemasaran-konten-yang-efektif-dalam-7-langkah" title="Membangun Strategi Pemasaran Konten yang Efektif dalam 7 Langkah " class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2"> Membangun Strategi Pemasaran Konten yang Efektif dalam 7 Langkah </a> <!-- Description --> <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3"> Strategi pemasaran digital yang ampuh untuk perusahaan rintisan, termasuk penggunaan media sosial, SEO, pemasaran pengaruh, dan otomatisasi, untuk meningkatkan kehadiran merek dan penjualan </p> <!-- Read More --> <a href="https://wartakompas.com/id/article/membangun-strategi-pemasaran-konten-yang-efektif-dalam-7-langkah" title="Membangun Strategi Pemasaran Konten yang Efektif dalam 7 Langkah " 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/harga-tiket-masuk-atlantis-ancol-panduan-lengkap-untuk-liburan-seru" title="Harga Tiket Masuk Atlantis Ancol: Panduan Lengkap untuk Liburan Seru!"> <img class="w-full h-full object-cover transition-transform duration-500 hover:scale-105" src="https://wartakompas.com/article-image/article-66b1651679f9466b1651679f97-05-08-2024-.jpg" alt="Harga Tiket Masuk Atlantis Ancol: Panduan Lengkap untuk Liburan Seru!" 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/harga-tiket-masuk-atlantis-ancol-panduan-lengkap-untuk-liburan-seru" title="Harga Tiket Masuk Atlantis Ancol: Panduan Lengkap untuk Liburan Seru!" class="block text-lg font-semibold text-gray-800 dark:text-white leading-6 hover:underline line-clamp-2"> Harga Tiket Masuk Atlantis Ancol: Panduan Lengkap untuk Liburan Seru! </a> <!-- Description --> <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3"> Di artikel ini, kita akan membahas detail harga tiket masuk Atlantis Ancol, baik untuk hari kerja maupun akhir pekan, supaya kamu bisa merencanakan kunjunganmu dengan lebih baik </p> <!-- Read More --> <a href="https://wartakompas.com/id/article/harga-tiket-masuk-atlantis-ancol-panduan-lengkap-untuk-liburan-seru" title="Harga Tiket Masuk Atlantis Ancol: Panduan Lengkap untuk Liburan Seru!" 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> </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":"zurR88cZUGQZNg4RLlVH","name":"landing.style.sidebar-one","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"57f1aee67c5b769e1f70f4b2c908eb2334f7193aec74cdd994a1e541041379d0"}" wire:effects="[]" wire:id="zurR88cZUGQZNg4RLlVH" 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 --> <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"> <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> <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"> <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> <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> <!-- 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":"G6BKOokRZurtXVuWMsas","name":"landing.style.sidebar-two","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"4ef25d7b7811a1ce1e15605c65d0165fe1c93a3db6ec49240dcffebbf5fe30a0"}" wire:effects="[]" wire:id="G6BKOokRZurtXVuWMsas" 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 --> <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> <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"> Massage.co.id : Layanan Pijat Panggilan di Medan </h2> <!-- Read More Button --> <a href="https://wartakompas.com/id/article/massagecoid-layanan-pijat-panggilan-di-medan" 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="Massage.co.id : Layanan Pijat Panggilan di Medan" > 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> <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":"dlSM8QEQqr5A26nw0yXT","name":"landing.style.sidebar-four","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"0b88ede017428e22ab9dafd6f776343030446b85d3d153d29b413d6396407d52"}" wire:effects="[]" wire:id="dlSM8QEQqr5A26nw0yXT"> <!-- 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-66b140c035d7666b140c035d79-05-08-2024-.png" alt="Wisata ATV Kuber Bali Adventure – Menantang Adrenalin di Trek Paling Ekstrem di Bali" 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"> <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 --> <a href="https://wartakompas.com/id/category/travelling" title="Travelling" class="text-sm font-semibold text-red-600" > Travelling </a> <!-- 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"> 2 </p> <!-- Article Details --> <div> <!-- Category --> <a href="https://wartakompas.com/id/category/travelling" title="Travelling" class="text-sm font-semibold text-red-600" > Travelling </a> <!-- 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 --> <a href="https://wartakompas.com/id/category/travelling" title="Travelling" class="text-sm font-semibold text-red-600" > Travelling </a> <!-- 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"> 4 </p> <!-- Article Details --> <div> <!-- Category --> <a href="https://wartakompas.com/id/category/travelling" title="Travelling" class="text-sm font-semibold text-red-600" > Travelling </a> <!-- 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 --> <a href="https://wartakompas.com/id/category/travelling" title="Travelling" class="text-sm font-semibold text-red-600" > Travelling </a> <!-- 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> </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":"sJHt6ARRJu8TIhaeM0VC","name":"landing.style.sidebar-five","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"e0b7e62935dbf72c2c03287b72fc072bf2affa363c90bce60da728ef1d812f39"}" wire:effects="[]" wire:id="sJHt6ARRJu8TIhaeM0VC" 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 --> <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/cara-kerja-pabx-jenis-dan-manfaatnya" class="block transform transition duration-200 hover:scale-105" title="Cara Kerja PABX, Jenis dan Manfaatnya!"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-xl overflow-hidden"> <img src="https://wartakompas.com/article-image/article-66b12f43cc54166b12f43cc543-05-08-2024-.png" alt="Cara Kerja PABX, Jenis dan Manfaatnya!" 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 --> <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> <!-- 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/cara-kerja-pabx-jenis-dan-manfaatnya" title="Cara Kerja PABX, Jenis dan Manfaatnya!" class="hover:underline"> Cara Kerja PABX, Jenis dan Manfaatnya! </a> </h2> <!-- Description --> <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3"> PABX adalah perangkat yang penting dalam mengatur panggilan masuk dan mengirim panggilan ke nomor yang dituju. PABX tidak hanya untuk panggilan telepon, tetapi juga dapat digunakan untuk modem, mesin fax, dan alat komunikasi karyawan di kantor. PABX memiliki berbagai fungsi, seperti greeting otomatis, sambungan ke mesin fax, auto attendant, dan pemantauan melalui komputer. Ada beberapa jenis PABX, termasuk analog, digital, IP, dan hybrid, yang dapat dipilih sesuai kebutuhan. </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 --> <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> <!-- 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> <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/cara-mengetahui-derajat-di-autocad-gampang-banget" class="block transform transition duration-200 hover:scale-105" title="Cara Mengetahui Derajat di Autocad, Gampang Banget!"> <div class="aspect-w-16 aspect-h-9 bg-gray-200 rounded-t-xl overflow-hidden"> <img src="https://wartakompas.com/article-image/article-66b1319f9ecf366b1319f9ecf6-05-08-2024-.png" alt="Cara Mengetahui Derajat di Autocad, Gampang Banget!" 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 --> <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> <!-- 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/cara-mengetahui-derajat-di-autocad-gampang-banget" title="Cara Mengetahui Derajat di Autocad, Gampang Banget!" class="hover:underline"> Cara Mengetahui Derajat di Autocad, Gampang Banget! </a> </h2> <!-- Description --> <p class="text-sm text-gray-500 dark:text-gray-400 line-clamp-3"> cara mengetahui derajat di AutoCAD, yang merupakan software desain yang sering digunakan oleh desainer dan arsitek. Derajat di AutoCAD penting untuk mengukur sudut, mengatur orientasi objek, dan meningkatkan akurasi dalam desain. </p> </div> </div> </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":"L7sE8yFDM5C6441K7KkG","name":"landing.subscribe","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"id"},"checksum":"bfa8b9fbfb67fe24b681a472a1dee16208e710b06fd63418cf01f4c1ce9f5ac0"}" wire:effects="[]" wire:id="L7sE8yFDM5C6441K7KkG" 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" /> </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> 
