<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Juragan News - Portal Berita Terpercaya</title>
<link rel="canonical" href="https://juragannews.com" />
<meta name="description" content="Juragan News adalah portal berita terpercaya yang menyajikan informasi terkini, akurat, dan berimbang dari berbagai bidang. Mulai dari peristiwa nasional, internasional, ekonomi, teknologi, gaya hidup, hingga olahraga - semua dikemas dengan gaya bahasa yang mudah dipahami dan sesuai fakta."/>
<meta name="author" content="Juragan News">
<meta name="keywords" content="Juragan News, Berita Terkini, Berita Terbaru, Berita Hari Ini, Trending Topik" />
<meta name="robots" content="index, follow" />
<meta name="categories" content="website" />
<meta name="language" content="id-ID" />
<meta name="geo.country" content="ID" />
<meta name="distribution" content="global" />
<meta name="page-locale" content="id">
<meta name="locale" content="id_ID">
<meta name="og:url" content="https://juragannews.com/" />
<base href="https://juragannews.com/">
<meta property="og:title" content="Juragan News - Portal Berita Terpercaya">
<meta property="og:description" content="Juragan News adalah portal berita terpercaya yang menyajikan informasi terkini, akurat, dan berimbang dari berbagai bidang. Mulai dari peristiwa nasional, internasional, ekonomi, teknologi, gaya hidup, hingga olahraga - semua dikemas dengan gaya bahasa yang mudah dipahami dan sesuai fakta.">
<link rel="shortcut icon" href="assets/favicon-juragannews.png" />
<meta property="og:type" content="product">
<meta property="og:locale" content="id_ID">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.news-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.trending-badge {
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
}
.breaking-news-ticker {
background-color: #e53e3e;
color: white;
overflow: hidden;
white-space: nowrap;
}
.breaking-news-content {
display: inline-block;
padding-left: 100%;
animation: ticker 20s linear infinite;
}
@keyframes ticker {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
.sidebar-sticky {
position: sticky;
top: 20px;
}
</style>
</head>
<body class="bg-gray-100 font-sans">
<!-- Header -->
<header class="bg-white shadow-md">
<div class="container mx-auto px-4 py-3">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="flex items-center mb-4 md:mb-0">
<div class="bg-red-600 text-white p-2 rounded mr-3">
<i class="fas fa-newspaper text-2xl"></i>
</div>
<div>
<h1 class="text-2xl font-bold text-gray-800">JURAGAN NEWS</h1>
<p class="text-xs text-gray-600">Portal Berita Terpercaya</p>
</div>
</div>
<div class="w-full md:w-auto">
<div class="relative">
<input type="text" placeholder="Cari berita..." class="w-full md:w-64 px-4 py-2 border border-gray-300 rounded-full focus:outline-none focus:ring-2 focus:ring-red-500">
<button class="absolute right-3 top-2 text-gray-500 hover:text-red-500">
<i class="fas fa-search"></i>
</button>
</div>
</div>
</div>
</div>
<!-- Navigation -->
<nav class="bg-red-600 text-white">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row">
<a href="#" class="px-4 py-3 hover:bg-red-700 font-medium"><i class="fas fa-home mr-2"></i>Home</a>
<a href="#" class="px-4 py-3 hover:bg-red-700 font-medium"><i class="fas fa-fire mr-2"></i>Trending</a>
<a href="#" class="px-4 py-3 hover:bg-red-700 font-medium"><i class="fas fa-newspaper mr-2"></i>Politik</a>
<a href="#" class="px-4 py-3 hover:bg-red-700 font-medium"><i class="fas fa-chart-line mr-2"></i>Ekonomi</a>
<a href="#" class="px-4 py-3 hover:bg-red-700 font-medium"><i class="fas fa-futbol mr-2"></i>Olahraga</a>
<a href="#" class="px-4 py-3 hover:bg-red-700 font-medium"><i class="fas fa-film mr-2"></i>Hiburan</a>
<a href="#" class="px-4 py-3 hover:bg-red-700 font-medium"><i class="fas fa-stethoscope mr-2"></i>Kesehatan</a>
<a href="#" class="px-4 py-3 hover:bg-red-700 font-medium"><i class="fas fa-microchip mr-2"></i>Teknologi</a>
</div>
</div>
</nav>
<!-- Breaking News Ticker -->
<div class="breaking-news-ticker py-2">
<div class="container mx-auto px-4">
<div class="flex items-center">
<span class="font-bold mr-4 bg-black px-3 py-1 rounded">BREAKING NEWS</span>
<div class="breaking-news-content">
<span class="mr-8">Pemerintah umumkan kenaikan harga BBM mulai besok pagi</span>
<span class="mr-8">Timnas Indonesia menang 3-0 atas Vietnam di babak penyisihan</span>
<span class="mr-8">Gempa 6.2 SR mengguncang Jawa Barat, belum ada laporan korban</span>
<span class="mr-8">Harga saham BCA turun 5% setelah laporan kuartalan</span>
</div>
</div>
</div>
</div>
</header>
<!-- Main Content -->
<main class="container mx-auto px-4 py-6">
<div class="flex flex-col lg:flex-row gap-6">
<!-- Main Content Area -->
<div class="w-full lg:w-2/3">
<!-- Featured News -->
<section class="mb-8">
<h2 class="text-2xl font-bold border-b-2 border-red-600 pb-2 mb-4 text-gray-800">BERITA UTAMA</h2>
<div class="bg-white rounded-lg shadow-md overflow-hidden">
<div class="relative">
<img src="assets/ump-65persen.jpg" alt="Featured News" class="w-full h-64 md:h-96 object-cover">
<div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
<span class="bg-red-600 text-white text-xs px-2 py-1 rounded">TERKINI</span>
<h3 class="text-xl md:text-2xl font-bold text-white mt-2">Pemerintah Tetapkan Kenaikan UMP 2025 Sebesar 6,5%</h3>
<p class="text-gray-200 text-sm mt-1">Presiden Prabowo Subianto memberikan keterangan pers seusai pertemuannya dengan Perdana Menteri Singapura Lawrence Wong di Istana Kepresidenan Jakarta pada 6 November 2024</p>
<div class="flex items-center mt-3 text-white text-sm">
<span><i class="fas fa-user mr-1"></i> Admin</span>
<span class="mx-2">|</span>
<span><i class="fas fa-calendar-alt mr-1"></i> 15 Oktober 2023</span>
<span class="mx-2">|</span>
<span><i class="fas fa-eye mr-1"></i> 5.2k</span>
</div>
</div>
</div>
<div class="p-4">
<p class="text-gray-700">“Menteri Tenaga Kerja, mengusulkan kenaikan upah minimum sebesar 6 persen, namun setelah membahas juga dan melaksanakan pertemuan dengan pimpinan buruh kita ambil keputusan untuk menaikan rata-rata upah minimum nasional pada 2025 sebesar 6,5 persen," kata Presiden.
</p>
<a href="https://www.voaindonesia.com/a/prabowo-naikkan-ump-tahun-depan-6-5-persen/7883138.html" class="inline-block mt-4 text-red-600 font-medium hover:underline">Baca Selengkapnya <i class="fas fa-arrow-right ml-1"></i></a>
</div>
</div>
</section>
<!-- Latest News -->
<section class="mb-8">
<h2 class="text-2xl font-bold border-b-2 border-red-600 pb-2 mb-4 text-gray-800">BERITA TERBARU</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<!-- News Card 1 -->
<div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition duration-300">
<div class="relative">
<img src="assets/pro-kontra-kpk.jpg" alt="News" class="w-full h-48 object-cover">
<div class="trending-badge">
<span class="bg-red-600 text-white text-xs px-2 py-1 rounded">TRENDING</span>
</div>
</div>
<div class="p-4">
<span class="text-xs text-gray-500">POLITIK</span>
<h3 class="text-lg font-bold text-gray-800 mt-1">Polemik Revisi UU KPK: Pro dan Kontra di Kalangan DPR</h3>
<p class="text-sm text-gray-600 mt-2">Rencana revisi UU KPK kembali memanas setelah muncul draf baru yang dianggap melemahkan lembaga antirasuah ini...</p>
<div class="flex items-center mt-3 text-gray-500 text-xs">
<span><i class="fas fa-calendar-alt mr-1"></i> 14 Okt 2023</span>
<span class="mx-2">|</span>
<span><i class="fas fa-eye mr-1"></i> 3.7k</span>
</div>
</div>
</div>
<!-- News Card 2 -->
<div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition duration-300">
<div class="relative">
<img src="assets/BI-tahan.jpg" alt="News" class="w-full h-48 object-cover">
</div>
<div class="p-4">
<span class="text-xs text-gray-500">EKONOMI</span>
<h3 class="text-lg font-bold text-gray-800 mt-1">BI Pertahankan Suku Bunga Acuan di Level 5,75%</h3>
<p class="text-sm text-gray-600 mt-2">Bank Indonesia memutuskan untuk mempertahankan suku bunga acuan (BI 7-Day Reverse Repo Rate) sebesar 5,75%...</p>
<div class="flex items-center mt-3 text-gray-500 text-xs">
<span><i class="fas fa-calendar-alt mr-1"></i> 14 Okt 2023</span>
<span class="mx-2">|</span>
<span><i class="fas fa-eye mr-1"></i> 2.9k</span>
</div>
</div>
</div>
<!-- News Card 3 -->
<div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition duration-300">
<div class="relative">
<img src="assets/persib-vs-persija.webp" alt="News" class="w-full h-48 object-cover">
</div>
<div class="p-4">
<span class="text-xs text-gray-500">OLAHRAGA</span>
<h3 class="text-lg font-bold text-gray-800 mt-1">Persib Kalahkan Persija 2-1 di Derbi Jakarta-Bandung</h3>
<p class="text-sm text-gray-600 mt-2">Persib Bandung berhasil mengalahkan Persija Jakarta dengan skor 2-1 dalam laga seru di Stadion GBK...</p>
<div class="flex items-center mt-3 text-gray-500 text-xs">
<span><i class="fas fa-calendar-alt mr-1"></i> 13 Okt 2023</span>
<span class="mx-2">|</span>
<span><i class="fas fa-eye mr-1"></i> 4.5k</span>
</div>
</div>
</div>
<!-- News Card 4 -->
<div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition duration-300">
<div class="relative">
<img src="assets/apple.jpg" alt="News" class="w-full h-48 object-cover">
<div class="trending-badge">
<span class="bg-red-600 text-white text-xs px-2 py-1 rounded">POPULER</span>
</div>
</div>
<div class="p-4">
<span class="text-xs text-gray-500">TEKNOLOGI</span>
<h3 class="text-lg font-bold text-gray-800 mt-1">Apple Rilis iOS 17 dengan Fitur StandBy Mode</h3>
<p class="text-sm text-gray-600 mt-2">Apple secara resmi merilis iOS 17 untuk perangkat iPhone yang mendukung. Salah satu fitur unggulan adalah StandBy Mode...</p>
<div class="flex items-center mt-3 text-gray-500 text-xs">
<span><i class="fas fa-calendar-alt mr-1"></i> 13 Okt 2023</span>
<span class="mx-2">|</span>
<span><i class="fas fa-eye mr-1"></i> 6.1k</span>
</div>
</div>
</div>
</div>
<div class="mt-6 text-center">
<button class="bg-red-600 hover:bg-red-700 text-white font-medium py-2 px-6 rounded-full transition duration-300">
Lihat Lebih Banyak <i class="fas fa-chevron-down ml-1"></i>
</button>
</div>
</section>
<!-- Category News -->
<section class="mb-8">
<h2 class="text-2xl font-bold border-b-2 border-red-600 pb-2 mb-4 text-gray-800">BERITA EKONOMI</h2>
<div class="bg-white rounded-lg shadow-md overflow-hidden">
<div class="flex flex-col md:flex-row">
<div class="w-full md:w-1/3">
<img src="assets/Perlambatan-Pertumbuhan-Ekonomi-Indonesia-di-Kuartal-III.jpg" alt="Economy News" class="w-full h-full object-cover">
</div>
<div class="w-full md:w-2/3 p-4">
<span class="text-xs text-gray-500">EKONOMI</span>
<h3 class="text-xl font-bold text-gray-800 mt-1">Pertumbuhan Ekonomi Kuartal III Capai 5,17%</h3>
<p class="text-gray-700 mt-2">Badan Pusat Statistik (BPS) mencatat pertumbuhan ekonomi Indonesia pada kuartal III-2023 mencapai 5,17% year on year (yoy). Angka ini lebih tinggi dibandingkan kuartal sebelumnya yang sebesar 5,04%...</p>
<div class="flex items-center mt-3 text-gray-500 text-sm">
<span><i class="fas fa-user mr-1"></i> Reporter Ekonomi</span>
<span class="mx-2">|</span>
<span><i class="fas fa-calendar-alt mr-1"></i> 12 Okt 2023</span>
<span class="mx-2">|</span>
<span><i class="fas fa-eye mr-1"></i> 3.2k</span>
</div>
<a href="https://biz.kompas.com/read/2023/08/08/195904828/pertumbuhan-ekonomi-indonesia-triwulan-ii-2023-berhasil-capai-517-persen" class="inline-block mt-4 text-red-600 font-medium hover:underline">Baca Selengkapnya <i class="fas fa-arrow-right ml-1"></i></a>
</div>
</div>
</div>
</section>
</div>
<!-- Sidebar -->
<div class="w-full lg:w-1/3">
<div class="sidebar-sticky">
<!-- Trending News -->
<div class="bg-white rounded-lg shadow-md overflow-hidden mb-6">
<div class="bg-red-600 text-white px-4 py-3">
<h2 class="font-bold text-lg"><i class="fas fa-fire mr-2"></i> TRENDING TOPIK</h2>
</div>
<div class="p-4">
<!-- Trending Item 1 -->
<div class="flex items-start mb-4 pb-4 border-b border-gray-200">
<div class="bg-red-100 text-red-600 rounded-full w-8 h-8 flex items-center justify-center mr-3 mt-1">
<span class="font-bold">1</span>
</div>
<div>
<h3><a href="https://hot.detik.com/celeb/d-7930211/luna-maya-belum-rencanakan-honeymoon-dengan-maxime-masih-ada-pekerjaan" class="font-medium text-gray-800 hover:text-red-600 cursor-pointer">Luna Maya Belum Rencanakan Honeymoon...</a></h3>
<p class="text-xs text-gray-500 mt-1">Dibicarakan oleh 45.2k orang</p>
</div>
</div>
<!-- Trending Item 2 -->
<div class="flex items-start mb-4 pb-4 border-b border-gray-200">
<div class="bg-red-100 text-red-600 rounded-full w-8 h-8 flex items-center justify-center mr-3 mt-1">
<span class="font-bold">2</span>
</div>
<div>
<h3><a href="https://hot.detik.com/celeb/d-7930137/ini-4-sapi-jumbo-raffi-ahmad-ada-jenis-bule-albino-hingga-limosin" class="font-medium text-gray-800 hover:text-red-600 cursor-pointer">Ini 4 Sapi Jumbo Raffi Ahmad, Ada Jenis Bule</a></h3>
<p class="text-xs text-gray-500 mt-1">Dibicarakan oleh 38.7k orang</p>
</div>
</div>
<!-- Trending Item 3 -->
<div class="flex items-start mb-4 pb-4 border-b border-gray-200">
<div class="bg-red-100 text-red-600 rounded-full w-8 h-8 flex items-center justify-center mr-3 mt-1">
<span class="font-bold">3</span>
</div>
<div>
<h3><a href="https://www.cnbcindonesia.com/tech/20210522070259-37-247516/soal-dugaan-data-bocor-ini-tindakan-bpjs-kesehatan" class="font-medium text-gray-800 hover:text-red-600 cursor-pointer">Kebocoran Data BPJS Kesehatan</a></h3>
<p class="text-xs text-gray-500 mt-1">Dibicarakan oleh 32.1k orang</p>
</div>
</div>
<!-- Trending Item 4 -->
<div class="flex items-start mb-4 pb-4 border-b border-gray-200">
<div class="bg-red-100 text-red-600 rounded-full w-8 h-8 flex items-center justify-center mr-3 mt-1">
<span class="font-bold">4</span>
</div>
<div>
<h3><a href="https://www.liputan6.com/tekno/read/5422278/iphone-15-bakal-rilis-di-indonesia-pre-order-mulai-20-oktober-2023" class="font-medium text-gray-800 hover:text-red-600 cursor-pointer">Rilis iPhone 15 di Indonesia</a></h3>
<p class="text-xs text-gray-500 mt-1">Dibicarakan oleh 28.5k orang</p>
</div>
</div>
<!-- Trending Item 5 -->
<div class="flex items-start">
<div class="bg-red-100 text-red-600 rounded-full w-8 h-8 flex items-center justify-center mr-3 mt-1">
<span class="font-bold">5</span>
</div>
<div>
<h3><a href="https://news.detik.com/berita/d-7315568/kpk-sita-rp-48-5-miliar-dari-kasus-suap-bupati-labuhanbatu-nonaktif " class="font-medium text-gray-800 hover:text-red-600 cursor-pointer">Kasus Korupsi Bupati Nonaktif</a></h3>
<p class="text-xs text-gray-500 mt-1">Dibicarakan oleh 25.9k orang</p>
</div>
</div>
</div>
</div>
<!-- Most Viewed -->
<div class="bg-white rounded-lg shadow-md overflow-hidden mb-6">
<div class="bg-gray-800 text-white px-4 py-3">
<h2 class="font-bold text-lg"><i class="fas fa-chart-line mr-2"></i> PALING BANYAK DIBACA</h2>
</div>
<div class="p-4">
<!-- Viewed Item 1 -->
<div class="flex mb-4 pb-4 border-b border-gray-200">
<div class="w-16 h-16 flex-shrink-0 mr-3">
<img src="assets/gempa.jpg" alt="News" class="w-full h-full object-cover rounded">
</div>
<div>
<h3><a href="https://manado.tribunnews.com/2023/02/26/gempa-guncang-cianjur-jabar-minggu-26-februari-2023-guncang-di-darat-info-bmkg-magnitudonya" class="text-sm font-medium text-gray-800 hover:text-red-600 cursor-pointer">Gempa 6.2 SR Guncang Jawa Barat</a></h3>
<div class="flex items-center mt-1 text-gray-500 text-xs">
<span><i class="fas fa-eye mr-1"></i> 8.7k</span>
</div>
</div>
</div>
<!-- Viewed Item 2 -->
<div class="flex mb-4 pb-4 border-b border-gray-200">
<div class="w-16 h-16 flex-shrink-0 mr-3">
<img src="assets/pidato-presiden.jpg" alt="News" class="w-full h-full object-cover rounded">
</div>
<div>
<h3> <a href="https://nasional.kompas.com/read/2022/08/16/08393741/link-siaran-langsung-pidato-presiden-jokowi-di-sidang-tahunan-2022" class="text-sm font-medium text-gray-800 hover:text-red-600 cursor-pointer">Pidato Presiden di Sidang Tahunan MPR</a></h3>
<div class="flex items-center mt-1 text-gray-500 text-xs">
<span><i class="fas fa-eye mr-1"></i> 7.9k</span>
</div>
</div>
</div>
<!-- Viewed Item 3 -->
<div class="flex mb-4 pb-4 border-b border-gray-200">
<div class="w-16 h-16 flex-shrink-0 mr-3">
<img src="assets/jadwal-timnas-indonesia.webp" alt="News" class="w-full h-full object-cover rounded">
</div>
<div>
<h3><a href="https://www.suarasurabaya.net/info-grafis/2025/jadwal-lengkap-semua-timnas-indonesia-di-2025/" class="text-sm font-medium text-gray-800 hover:text-red-600 cursor-pointer">Jadwal Lengkap Timnas Indonesia 2025</a></h3>
<div class="flex items-center mt-1 text-gray-500 text-xs">
<span><i class="fas fa-eye mr-1"></i> 7.2k</span>
</div>
</div>
</div>
<!-- Viewed Item 4 -->
<div class="flex">
<div class="w-16 h-16 flex-shrink-0 mr-3">
<img src="assets/SPESIFIKASI-SAMSUNG-GALAXY-S25-ULTRA.webp" alt="News" class="w-full h-full object-cover rounded">
</div>
<div>
<h3><a href="https://dorangadget.com/samsung-galaxy-s25-ultra/" class="text-sm font-medium text-gray-800 hover:text-red-600 cursor-pointer">Review Samsung Galaxy S25 Ultra</a></h3>
<div class="flex items-center mt-1 text-gray-500 text-xs">
<span><i class="fas fa-eye mr-1"></i> 6.8k</span>
</div>
</div>
</div>
</div>
</div>
<!-- Newsletter -->
<div class="bg-white rounded-lg shadow-md overflow-hidden mb-6">
<div class="bg-blue-600 text-white px-4 py-3">
<h2 class="font-bold text-lg"><i class="fas fa-envelope mr-2"></i> NEWSLETTER</h2>
</div>
<div class="p-4">
<p class="text-sm text-gray-700 mb-3">Dapatkan berita terbaru langsung ke email Anda. Gratis!</p>
<div class="mb-3">
<input type="text" placeholder="Nama Anda" class="w-full px-3 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500">
</div>
<div class="mb-3">
<input type="email" placeholder="Alamat Email" class="w-full px-3 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500">
</div>
<button class="w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded transition duration-300">
Berlangganan Sekarang
</button>
</div>
</div>
<!-- Advertisement -->
<div class="bg-white rounded-lg shadow-md overflow-hidden">
<div class="bg-yellow-500 text-white px-4 py-2">
<h2><a href="https://relaywallet.com/" class="font-bold text-sm"><i class="fas fa-ad mr-2"></i> Beli Akun Dana Terpercaya</a></h2>
</div>
<div class="p-4 text-center">
<div class="bg-gray-300 h-250 flex items-center justify-center">
<img src="assets/dana.jpg" alt="dana" class="w-full h-full object-cover rounded">
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="bg-gray-800 text-white pt-8 pb-6">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row justify-between mb-8">
<!-- Footer Column 1 -->
<div class="mb-6 md:mb-0 md:w-1/4">
<h3 class="text-xl font-bold mb-4">JURAGAN NEWS</h3>
<p class="text-gray-400 text-sm mb-4">Portal berita terpercaya yang menyajikan informasi aktual dan akurat dari berbagai bidang.</p>
<div class="flex space-x-4">
<a href="https://juragannews.com/" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f text-lg"></i></a>
<a href="https://juragannews.com/" class="text-gray-400 hover:text-white"><i class="fab fa-twitter text-lg"></i></a>
<a href="https://juragannews.com/" class="text-gray-400 hover:text-white"><i class="fab fa-instagram text-lg"></i></a>
<a href="https://juragannews.com/" class="text-gray-400 hover:text-white"><i class="fab fa-youtube text-lg"></i></a>
</div>
</div>
<!-- Footer Column 2 -->
<div class="mb-6 md:mb-0 md:w-1/4">
<h3 class="text-lg font-bold mb-4">KATEGORI</h3>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white text-sm">Politik</a></li>
<li><a href="#" class="text-gray-400 hover:text-white text-sm">Ekonomi</a></li>
<li><a href="#" class="text-gray-400 hover:text-white text-sm">Olahraga</a></li>
<li><a href="#" class="text-gray-400 hover:text-white text-sm">Hiburan</a></li>
<li><a href="#" class="text-gray-400 hover:text-white text-sm">Kesehatan</a></li>
<li><a href="#" class="text-gray-400 hover:text-white text-sm">Teknologi</a></li>
</ul>
</div>
<!-- Footer Column 3 -->
<div class="mb-6 md:mb-0 md:w-1/4">
<h3 class="text-lg font-bold mb-4">PERUSAHAAN</h3>
<ul class="space-y-2">
<li><a href="https://juragannews.com/" class="text-gray-400 hover:text-white text-sm">Tentang Kami</a></li>
<li><a href="https://juragannews.com/" class="text-gray-400 hover:text-white text-sm">Redaksi</a></li>
<li><a href="https://juragannews.com/" class="text-gray-400 hover:text-white text-sm">Pedoman Media Siber</a></li>
<li><a href="https://juragannews.com/" class="text-gray-400 hover:text-white text-sm">Karir</a></li>
<li><a href="https://juragannews.com/" class="text-gray-400 hover:text-white text-sm">Iklan</a></li>
<li><a href="https://juragannews.com/" class="text-gray-400 hover:text-white text-sm">Kontak</a></li>
</ul>
</div>
<!-- Footer Column 4 -->
<div class="md:w-1/4">
<h3 class="text-lg font-bold mb-4">UNDUH APLIKASI</h3>
<div class="mb-3">
<a href="https://juragannews.com/" class="inline-block">
<img src="assets/android.webp" alt="Google Play" class="h-10">
</a>
</div>
<div>
<a href="https://juragannews.com/" class="inline-block">
<img src="assets/app-store.webp" alt="App Store" class="h-10">
</a>
</div>
</div>
</div>
<div class="border-t border-gray-700 pt-6">
<div class="flex flex-col md:flex-row justify-between items-center">
<p class="text-gray-400 text-sm mb-4 md:mb-0">© 2023 Juragan News. All Rights Reserved.</p>
<div class="flex space-x-6">
<a href="#" class="text-gray-400 hover:text-white text-sm">Kebijakan Privasi</a>
<a href="#" class="text-gray-400 hover:text-white text-sm">Syarat & Ketentuan</a>
<a href="#" class="text-gray-400 hover:text-white text-sm">Disclaimer</a>
</div>
</div>
</div>
</div>
</footer>
<!-- Back to Top Button -->
<button id="backToTop" class="fixed bottom-6 right-6 bg-red-600 text-white w-12 h-12 rounded-full shadow-lg hidden">
<i class="fas fa-arrow-up"></i>
</button>
<script>
// Back to Top Button
const backToTopButton = document.getElementById('backToTop');
window.addEventListener('scroll', () => {
if (window.pageYOffset > 300) {
backToTopButton.classList.remove('hidden');
} else {
backToTopButton.classList.add('hidden');
}
});
backToTopButton.addEventListener('click', () => {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
// Mobile Menu Toggle (would need to be implemented with proper mobile menu structure)
// This is just a placeholder for the functionality
document.getElementById('mobileMenuButton').addEventListener('click', function() {
document.getElementById('mobileMenu').classList.toggle('hidden');
});
</script>
</body>
</html>