<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8515104633617523"
crossorigin="anonymous"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4264117790961526"
crossorigin="anonymous"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4043292743708661"
crossorigin="anonymous"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RadioConnect β Listen to Free Live Radio Stations Online</title>
<meta name="description" content="Discover and stream live radio stations from around the world. Free access to thousands of online radio streams organized by country. No registration required.">
<meta name="keywords" content="online radio, live radio stations, internet radio, free radio streaming, world radio">
<meta name="author" content="RadioConnect">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="RadioConnect β Free Online Radio Streaming">
<meta property="og:description" content="Listen to live radio stations from around the world for free. Stream music, news, and talk radio online.">
<meta property="og:url" content="">
<!-- Twitter -->
<meta property="twitter:card" content="summary">
<meta property="twitter:title" content="RadioConnect β Free Online Radio Streaming">
<meta property="twitter:description" content="Listen to live radio stations from around the world for free.">
<link rel="stylesheet" href="style.css">
<script src="domain-manager.js"></script>
</head>
<body class="home-page">
<!-- Navigation Header -->
<nav class="navbar">
<div class="nav-container">
<div class="nav-logo">
<div class="logo-icon">π΅</div>
<a href="index.html" data-site-name>RadioConnect</a>
</div>
<!-- Search Bar -->
<div class="search-container">
<input type="text" id="searchInput" class="search-input" placeholder="Search radio stations...">
<button class="search-btn" id="searchBtn">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="11" cy="11" r="8"></circle>
<path d="21 21l-4.35-4.35"></path>
</svg>
</button>
</div>
<!-- Dark Mode Toggle -->
<div class="theme-toggle" id="themeToggle">
<div class="theme-toggle-slider">
<span class="theme-toggle-icon sun-icon">βοΈ</span>
<span class="theme-toggle-icon moon-icon">π</span>
</div>
</div>
<ul class="nav-menu">
<li><a href="index.html" class="nav-link active">Home</a></li>
<li><a href="about.html" class="nav-link">About</a></li>
<li><a href="privacy.html" class="nav-link">Privacy</a></li>
<li><a href="terms.html" class="nav-link">Terms</a></li>
<li><a href="contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</nav>
<div class="main-layout">
<!-- Sidebar -->
<aside class="sidebar">
<div class="sidebar-section">
<h3>π― Quick Actions</h3>
<div class="quick-actions">
<button class="action-btn" id="randomStationBtn">π² Random Station</button>
<button class="action-btn" id="popularStationsBtn">π₯ Popular Stations</button>
<button class="action-btn" id="refreshBtn">π Refresh List</button>
</div>
</div>
<div class="sidebar-section">
<h3>π Popular Countries</h3>
<div class="country-list">
<div class="country-item" data-country="US">
<span class="flag">πΊπΈ</span>
<span>United States</span>
</div>
<div class="country-item" data-country="GB">
<span class="flag">π¬π§</span>
<span>United Kingdom</span>
</div>
<div class="country-item" data-country="DE">
<span class="flag">π©πͺ</span>
<span>Germany</span>
</div>
<div class="country-item" data-country="FR">
<span class="flag">π«π·</span>
<span>France</span>
</div>
<div class="country-item" data-country="JP">
<span class="flag">π―π΅</span>
<span>Japan</span>
</div>
</div>
</div>
<div class="sidebar-section">
<h3>π΅ Music Genres</h3>
<div class="genre-tags">
<span class="genre-tag" data-genre="pop">Pop</span>
<span class="genre-tag" data-genre="rock">Rock</span>
<span class="genre-tag" data-genre="jazz">Jazz</span>
<span class="genre-tag" data-genre="classical">Classical</span>
<span class="genre-tag" data-genre="electronic">Electronic</span>
<span class="genre-tag" data-genre="news">News</span>
<span class="genre-tag" data-genre="talk">Talk</span>
</div>
</div>
<div class="sidebar-section">
<h3>π Statistics</h3>
<div class="stats">
<div class="stat-item">
<span class="stat-value" id="totalStations">10</span>
<span class="stat-label">Stations Loaded</span>
</div>
<div class="stat-item">
<span class="stat-value" id="currentCountry">US</span>
<span class="stat-label">Selected Country</span>
</div>
</div>
</div>
<div class="sidebar-section">
<h3>βΉοΈ About <span data-site-name>RadioConnect</span></h3>
<p class="sidebar-text">Discover thousands of radio stations from around the world. Stream music, news, and talk shows directly in your browser.</p>
<a href="about.html" class="sidebar-link">Learn More β</a>
</div>
</aside>
<div class="container">
<!-- Welcome Section -->
<header class="welcome-section">
<h1 data-site-name>RadioConnect</h1>
<p class="welcome-text">Welcome to <span data-site-name>RadioConnect</span> β your gateway to live radio streams from around the world. Discover thousands of free online radio stations broadcasting music, news, talk shows, and more. Our platform uses public radio APIs to organize streams for easy listening, connecting you to global audio content at the click of a button.</p>
<!-- AdSense Placeholder -->
<div id="adsense-placeholder-header" class="adsense-placeholder">
<!-- AdSense code goes here after approval -->
</div>
</header>
<div class="controls">
<label for="countrySelect">Select Country:</label>
<select id="countrySelect">
<option value="US">United States</option>
<option value="GB">United Kingdom</option>
<option value="DE">Germany</option>
<option value="FR">France</option>
<option value="CA">Canada</option>
<option value="AU">Australia</option>
<option value="JP">Japan</option>
<option value="IT">Italy</option>
<option value="ES">Spain</option>
<option value="NL">Netherlands</option>
</select>
</div>
<div id="loading" class="loading">Loading radio stations...</div>
<div id="error" class="error" style="display: none;"></div>
<!-- AdSense Placeholder -->
<div id="adsense-placeholder-middle" class="adsense-placeholder">
<!-- AdSense code goes here after approval -->
</div>
<div id="stationsContainer" class="stations-container"></div>
<!-- AdSense Placeholder -->
<div id="adsense-placeholder-bottom" class="adsense-placeholder">
<!-- AdSense code goes here after approval -->
</div>
</div>
</div> <!-- Footer -->
<footer class="footer">
<div class="footer-container">
<div class="footer-content">
<div class="footer-section">
<h3 data-site-name>RadioConnect</h3>
<p>Free online radio streaming from around the world.</p>
</div>
<div class="footer-section">
<h3>Quick Links</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Legal</h3>
<ul>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="terms.html">Terms of Service</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 <span data-site-name>RadioConnect</span>. All rights reserved. | Radio streams provided by Radio-Browser.info</p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>