<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        Iowafuture.org    </title>
    <style>
        :root {
            --primary-color: #0f766e;
            /* Teal 700 */
            --secondary-color: #0ea5e9;
            /* Sky 500 */
            --accent-color: #f59e0b;
            /* Amber 500 */
            --background-color: #f0fdfa;
            /* Teal 50 */
            --text-color: #134e4a;
            /* Teal 900 */
            --white: #ffffff;
            --glass: rgba(255, 255, 255, 0.7);
            --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
            background-color: var(--background-color);
            color: var(--text-color);
            line-height: 1.6;
            overflow-x: hidden;
            cursor: none;
            /* Custom cursor */
        }

        /* Custom Cursor */
        .cursor {
            width: 20px;
            height: 20px;
            border: 2px solid var(--primary-color);
            border-radius: 50%;
            position: fixed;
            pointer-events: none;
            z-index: 9999;
            transform: translate(-50%, -50%);
            transition: width 0.3s, height 0.3s, background-color 0.3s;
            mix-blend-mode: multiply;
        }

        .cursor.hovered {
            width: 50px;
            height: 50px;
            background-color: rgba(15, 118, 110, 0.1);
            border-color: transparent;
        }

        /* Scrollbar */
        ::-webkit-scrollbar {
            width: 10px;
        }

        ::-webkit-scrollbar-track {
            background: var(--background-color);
        }

        ::-webkit-scrollbar-thumb {
            background: var(--primary-color);
            border-radius: 5px;
        }

        /* Typography */
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            color: var(--primary-color);
            margin-bottom: 1rem;
            line-height: 1.2;
        }

        h1 {
            font-size: 3.5rem;
            letter-spacing: -0.05em;
        }

        h2 {
            font-size: 2.5rem;
            text-align: center;
            margin-bottom: 3rem;
            position: relative;
            display: inline-block;
            left: 50%;
            transform: translateX(-50%);
        }

        h2::after {
            content: '';
            display: block;
            width: 50%;
            height: 4px;
            background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
            margin: 0.5rem auto 0;
            border-radius: 2px;
        }

        /* Navigation */
        nav {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000;
            padding: 1.5rem 2rem;
            display: flex;
            justify-content: center;
            /* No logo, center links */
            transition: all 0.3s ease;
        }

        nav.scrolled {
            background: var(--glass);
            backdrop-filter: blur(10px);
            padding: 1rem 2rem;
            box-shadow: var(--shadow);
        }

        nav ul {
            display: flex;
            list-style: none;
            gap: 2rem;
        }

        nav a {
            text-decoration: none;
            color: var(--text-color);
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.9rem;
            letter-spacing: 1px;
            position: relative;
            padding-bottom: 5px;
            transition: color 0.3s;
        }

        nav a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--primary-color);
            transition: width 0.3s;
        }

        nav a:hover,
        nav a.active {
            color: var(--primary-color);
        }

        nav a:hover::after,
        nav a.active::after {
            width: 100%;
        }

        /* Responsive Mobile Nav */
        @media (max-width: 1024px) {
            nav ul {
                gap: 1rem;
                font-size: 0.8rem;
                flex-wrap: wrap;
                justify-content: center;
            }
        }

        /* Sections */
        section {
            padding: 8rem 2rem;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
        }

        /* Animations */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Hero / About Section Styles */
        #about {
            text-align: center;
        }

        .hero-text {
            font-size: 1.2rem;
            max-width: 800px;
            margin: 2rem auto;
            color: var(--text-color);
            opacity: 0.9;
        }

        .image-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            margin-top: 3rem;
            width: 100%;
        }

        .img-card {
            border-radius: 1rem;
            overflow: hidden;
            box-shadow: var(--shadow-lg);
            position: relative;
            height: 300px;
            cursor: none;
            /* Let custom cursor handle stickiness */
        }

        .img-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .img-card:hover img {
            transform: scale(1.1);
        }

        /* Services */
        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            width: 100%;
        }

        .service-card {
            background: var(--white);
            padding: 2rem;
            border-radius: 1rem;
            box-shadow: var(--shadow);
            text-align: center;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: var(--shadow-lg);
        }

        .service-icon {
            font-size: 3rem;
            color: var(--secondary-color);
            margin-bottom: 1rem;
        }

        /* Reviews */
        .reviews-container {
            display: flex;
            gap: 2rem;
            overflow-x: auto;
            padding: 2rem 0;
            width: 100%;
            scrollbar-width: none;
            /* Hide scrollbar Firefox */
            -ms-overflow-style: none;
            /* Hide scrollbar IE */
        }

        .reviews-container::-webkit-scrollbar {
            display: none;
        }

        .review-card {
            min-width: 300px;
            background: var(--white);
            padding: 2rem;
            border-radius: 1rem;
            box-shadow: var(--shadow);
            margin: 0.5rem;
            border-left: 4px solid var(--accent-color);
            flex-shrink: 0;
        }

        .stars {
            color: var(--accent-color);
            margin-bottom: 1rem;
        }

        /* Statistics */
        .stats-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            width: 100%;
            margin-bottom: 4rem;
        }

        .stat-item {
            text-align: center;
            margin: 1rem;
        }

        .stat-number {
            font-size: 3rem;
            font-weight: bold;
            color: var(--primary-color);
        }

        .chart-container {
            width: 80%;
            height: 400px;
            margin: 0 auto;
            position: relative;
        }

        canvas {
            width: 100%;
            height: 100%;
        }

        /* Privacy & Disclaimer */
        .policy-content {
            background: var(--white);
            padding: 3rem;
            border-radius: 1rem;
            box-shadow: var(--shadow);
            width: 100%;
            max-width: 1000px;
            text-align: left;
        }

        .policy-content p {
            margin-bottom: 1rem;
        }

        .policy-content b {
            color: var(--primary-color);
        }

        /* Contact */
        .contact-form {
            background: var(--white);
            padding: 3rem;
            border-radius: 1rem;
            box-shadow: var(--shadow-lg);
            width: 100%;
            max-width: 600px;
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        input,
        textarea {
            padding: 1rem;
            border: 2px solid #e5e7eb;
            border-radius: 0.5rem;
            font-family: inherit;
            transition: border-color 0.3s;
            width: 100%;
        }

        input:focus,
        textarea:focus {
            outline: none;
            border-color: var(--primary-color);
        }

        button {
            padding: 1rem 2rem;
            background: var(--primary-color);
            color: white;
            border: none;
            border-radius: 0.5rem;
            font-weight: bold;
            cursor: none;
            /* custom cursor */
            transition: background 0.3s, transform 0.2s;
        }

        button:hover {
            background: var(--secondary-color);
            transform: scale(1.05);
        }

        /* Unsubscribe */
        #unsubscribe {
            background: #f1f5f9;
        }

        #unsubscribe-form {
            width: 100%;
        }

        .messages {
            margin-bottom: 1rem;
        }

        .alert {
            padding: 1rem;
            border-radius: 0.5rem;
            margin-bottom: 1rem;
        }

        .alert-dismissable {
            position: relative;
        }

        /* Footer */
        footer {
            padding: 2rem;
            text-align: center;
            background: var(--text-color);
            color: var(--white);
        }
    </style>
</head>

<body>

    <div class="cursor"></div>

    <nav>
        <ul>
            <li><a href="#about">About</a></li>
            <li><a href="#services">Services</a></li>
            <li><a href="#reviews">Reviews</a></li>
            <li><a href="#statistics">Statistics</a></li>
            <li><a href="#privacy-policy">Privacy Policy</a></li>
            <li><a href="#disclaimer">Disclaimer</a></li>
            <li><a href="#contact">Contact</a></li>
            <li><a href="#unsubscribe">Unsubscribe</a></li>
        </ul>
    </nav>

    <!-- About Section -->
    <section id="about">
        <h2 class="reveal">Explore the World</h2>
        <p class="hero-text reveal">
            Discover breathtaking destinations, immerse yourself in diverse cultures, and create unforgettable memories.
            From serene beaches to majestic mountains, we guide you to the world's most hidden gems.
            Travel is not just moving; it's living.
        </p>
        <div class="image-grid">
            <div class="img-card reveal">
                <img src="assets/image1.jpg"
                    alt="A breathtaking view of a majestic mountain range at sunrise, with golden light hitting the peaks, mist in the valleys, photorealistic, cinematic lighting">
            </div>
            <div class="img-card reveal">
                <img src="assets/image2.jpg"
                    alt="A pristine tropical beach with white sand and turquoise water, palm trees swaying gently, clear blue sky, photorealistic, serene atmosphere">
            </div>

        </div>
    </section>

    <!-- Services Section -->
    <section id="services">
        <h2 class="reveal">Our Services</h2>
        <div class="services-grid">
            <div class="service-card reveal">
                <div class="service-icon">✈️</div>
                <h3>Luxury Flights</h3>
                <p>Experience the utmost comfort with our premium curated flight options to any destination.</p>
            </div>
            <div class="service-card reveal">
                <div class="service-icon">🏨</div>
                <h3>Exclusive Stays</h3>
                <p>Access to hand-picked 5-star hotels, villas, and boutique resorts that redefine relaxation.</p>
            </div>
            <div class="service-card reveal">
                <div class="service-icon">🗺️</div>
                <h3>Guided Tours</h3>
                <p>Expert local guides to show you the authentic side of every city and landscape.</p>
            </div>
            <div class="service-card reveal">
                <div class="service-icon">🛡️</div>
                <h3>Travel Insurance</h3>
                <p>Comprehensive coverage to ensure your peace of mind throughout your journey.</p>
            </div>
        </div>
        <div style="margin-top: 3rem; width: 100%; max-width: 800px; height: 300px; border-radius: 1rem; overflow: hidden; box-shadow: var(--shadow-lg);"
            class="reveal">
            <img src="assets/image3.jpg"
                alt="An ancient stone temple hidden in a lush jungle, moss-covered ruins, shafts of sunlight breaking through the canopy, mysterious and adventurous, photorealistic"
                style="width: 100%; height: 100%; object-fit: cover;">
        </div>
    </section>

    <!-- Reviews Section -->
    <section id="reviews">
        <h2 class="reveal">Traveler Reviews</h2>
        <div class="reviews-container reveal">
            <div class="review-card">
                <div class="stars">★★★★★</div>
                <p>"An absolute dream vacation! The organization was flawless and the destinations were stunning."</p>
                <br><strong>- Sarah Jenkins</strong>
            </div>
            <div class="review-card">
                <div class="stars">★★★★★</div>
                <p>"I've never felt more relaxed. The hotel recommendations were spot on. Highly recommended!"</p>
                <br><strong>- Michael Chen</strong>
            </div>
            <div class="review-card">
                <div class="stars">★★★★☆</div>
                <p>"Great experience overall. The guided tours in Kyoto were the highlight of our trip."</p>
                <br><strong>- Elena Rodriguez</strong>
            </div>
            <div class="review-card">
                <div class="stars">★★★★★</div>
                <p>"Seamless booking process and excellent customer support. Will book again."</p>
                <br><strong>- David Smith</strong>
            </div>
        </div>
    </section>

    <!-- Statistics Section -->
    <section id="statistics">
        <h2 class="reveal">Our Impact</h2>
        <div class="stats-container reveal">
            <div class="stat-item">
                <div class="stat-number" data-target="500">0</div>
                <p>Destinations</p>
            </div>
            <div class="stat-item">
                <div class="stat-number" data-target="15000">0</div>
                <p>Happy Travelers</p>
            </div>
            <div class="stat-item">
                <div class="stat-number" data-target="24">0</div>
                <p>Awards Won</p>
            </div>
        </div>
        <div class="chart-container reveal">
            <canvas id="travelChart"></canvas>
        </div>
    </section>

    <!-- Privacy Policy Section -->
    <section id="privacy-policy">
        <h2 class="reveal">Privacy Policy</h2>
        <div class="policy-content reveal">
            <p>This Privacy Policy explains our policy regarding the privacy of information supplied by users or
                collected by us from users of this web site or from other third parties. Because we want to build users'
                trust and confidence in our privacy practices, we want to disclose them to you.</p>

            <p><b>Changes in this Privacy Statement</b></p>
            <p>If we decide to change our privacy policy, we will post those changes to this privacy statement, the home
                page, and other places we deem appropriate so that you are aware of what information we collect, how we
                use it, and under what circumstances, if any, we disclose it.
                We reserve the right to modify this privacy statement at any time, so please review it frequently. If we
                make material changes to this policy, we will notify you here, by email, or by means of a notice on our
                home page.</p>

            <p><b>Registration Newsletter/ Frequency of Mailings</b></p>
            <p>By registering to our newsletter, you are agreeing to receive our newsletters on a daily basis. <b>
                    Iowafuture.org                </b> has the right to change frequency of delivery of its newsletters without notice.</p>

            <p><b>Collection and Use of information</b></p>
            <p>We respect your right to privacy. <b>
                    Iowafuture.org                </b> received your information from your submission to us or through one of our affiliates.
                Iowafuture.org is the owner of the information that you provided in any registration
                process. Your email address and any other identifying information that you give us will not be revealed
                to any third party, including any of the direct marketers who may use us to pass offers to you.
            </p>

            <p>We use the information that you provided primarily to send you our newsletters. Moreover, the information
                subscribers give us is sometimes used to send prizes, verify legal age, and to send third-party mailings
                based on the interests that each individual subscriber has opted-in for. We may also collect and report
                to third parties (such as affiliates, content and service providers, and advertisers) aggregated
                information from our web site. For example, we may aggregate and report to third parties that X people
                purchased a particular product during a month, or that Y% of visitors to this web site are between the
                ages 25-34.</p>

            <p>From time to time, we may provide you the opportunity to participate in contests or surveys on our site.
                If you participate, we will request certain personally identifiable information from you. Participation
                in these surveys or contests is completely voluntary and you, therefore, have a choice whether or not to
                disclose this information. The requested information typically includes contact information (such as
                name and shipping address), and demographic information (such as zip code).</p>

            <p>As is true of most web sites, we also gather certain information automatically and store it in log files.
                This information includes internet protocol (IP) addresses, browser type, internet service provider
                (ISP), referring/exit pages, operating system, date/time stamp, and click stream data. We use this
                information, which does not identify individual users, to analyze trends, to administer the site, to
                track users' movements around the site and to gather demographic information about our user base as a
                whole. We do link this automatically-collected data to personally identifiable information like IP
                addresses and email addresses. However, this is solely for internal uses and used to verify appropriate
                registration methods.</p>

            <p>Finally, <b>
                    Iowafuture.org                </b> may disclose subscriber information in response to subpoenas, court orders, and other legal
                processes.</p>

            <p><b>Children</b></p>
            <p>We are committed to the safety of children and do not intend to collect personally identifiable
                information from children under age 18. If you are under age 18, please ask your parent for permission
                before sending any information to our site or anyone else online. Have your parent contact us as
                indicated below in order to provide us with prior written consent. We will not intentionally use
                personal information from or send marketing communications to children under age 13 without prior
                parental consent.</p>

            <p><b>Cookies</b></p>
            <p>A cookie is a small text file that is stored on a user's computer for record-keeping purposes. We do not
                use cookies on this site. This privacy statement covers the use of cookies by this site only and does
                not cover the use of cookies by any advertisers.</p>

            <p><b>Aggregate Information (non-personally identifiable)</b></p>
            <p>We maintain the right to share aggregated demographic information about our subscriber base with our
                partners and advertisers. This information does not identify individual subscribers. We do not link
                aggregate user data with personally identifiable information.</p>

            <p><b>Third-Party Links</b></p>
            <p>For your convenience, our newsletter contains links to third-party web sites that are not owned or
                controlled by us. We are not responsible for the privacy practices of these other web sites. We
                encourage you to note when you follow links in our newsletters and to read the privacy statements of
                these other web sites. We encourage you to be aware when you leave our newsletter and to read the
                privacy statements of each and every web site that collects personally identifiable information. This
                Privacy Policy applies solely to information collected by
                Iowafuture.org            </p>

            <p><b>Security</b></p>
            <p>We use certain efforts to secure our web site. We will periodically review our security policies and
                implement changes from time to time. However, we cannot and do not guarantee complete security, as it
                does not exist on the Internet. If you have any questions about security on our web site, you can send
                an email</p>

            <p><b>Business Transitions</b></p>
            <p>In the event <b>
                    Iowafuture.org                </b> goes through a business transition, such as a merger, acquisition by another company, or sale of
                all or a portion of its assets, your personally identifiable information will likely be among the assets
                transferred. You will be notified via prominent notice on our web site prior to any such change in
                ownership or control of your personal information.</p>

            <p><b>Choice/Opt-out</b></p>
            <p>If you no longer wish to receive our newsletter and promotional communications, you may opt-out of
                receiving them by following the instructions included in each newsletter or communication or by emailing
                us</p>

            <p><b>Acceptance of Terms</b></p>
            <p>By subscribing to our newsletter, you agree to the Privacy Policy. If you do not agree to this policy,
                please do not subscribe to our newsletters. We reserve the right, at our discretion, to change, modify,
                add, or remove portions of this policy at any time. All Privacy Policy changes will take effect
                immediately upon their posting on the site. Please check this page periodically for changes.</p>

            <p><b>Contact Us</b></p>
            <p>If you have any questions or suggestions regarding our privacy policy, please contact us</p>
        </div>
    </section>

    <!-- Disclaimer Section -->
    <section id="disclaimer">
        <h2 class="reveal">Disclaimer</h2>
        <div class="policy-content reveal">
            <p><b>
                    Iowafuture.org                </b> serves as an informational service only. The inclusion of a link on this web site does not imply
                Iowafuture.org endorsement of the linked site nor does
                Iowafuture.org accept any responsibility for the content, or the use, of such site.
            </p>

            <p> <b>
                    Iowafuture.org                </b> is not responsible for the offers or goods supplied by vendors. <b>
                    Iowafuture.org                </b> has no control over the legality of any coupons or other offers made by vendors, the ability of any
                of the vendors to complete the sales or transactions in accordance with the offers, or the quality of
                the goods offered by the vendors. In the event you have a dispute with a vendor in any way relating to
                this site or the use
                of information from this site, you agree to waive and release <b>
                    Iowafuture.org                </b> from any and all claims, demands, actions, damages (actual and consequential), losses, costs and
                expenses of every kind and nature, known and unknown, disclosed and undisclosed relating to that
                dispute.</p>

            <p>It is your responsibility to verify independently that any merchant you are doing business with is
                legitimate and reputable. Before participating in any specific offers and/or promotions, please analyze
                the details and conditions of the offer including the fine print. Any access to or use of this site
                shall be deemed your agreement to and approval of all the above terms and conditions.</p>

            <p><b>
                    Iowafuture.org                </b> and the <b>
                    Iowafuture.org                </b> service, and all materials and information contained on it, and any services or products provided
                through it are provided "AS IS" without warranties of any kind, express or implied, INCLUDING WITHOUT
                LIMITATION THE IMPLIED WARRANTY OF MERCHANTABILITY, fitness for a particular purpose, expectation of
                privacy (unless discussed on our Privacy Policy) or non-infringement. any warranty for information.</p>

            <p><b>
                    Iowafuture.org                </b> is not responsible for any damages, including without limitation, any special, indirect, incidental
                or consequential damages, that may arise from any use of, inability to use, or reliance on the site
                and/or the materials contained on the site whether the materials contained on the site are provided by
                the <b>
                    Iowafuture.org                </b>, or a third party.</p>

            <p>The above disclaimer of liability applies to any damages or injury caused by any error, omission,
                deletion, defect, interruption, failure of performance, delay in operation or transmission, computer
                virus, communication line failure, theft or destruction or unauthorized access to, alteration of, or use
                of record, whether for breach of contract, negligence, tortious behavior, or under any other cause of
                action.</p>

            <p>Information on this web site may contain technical inaccuracies or typographical errors. <b>
                    Iowafuture.org                </b> may make updates, improvements and/or changes in the products and/or information described at any
                time without notice. <b>
                    Iowafuture.org                </b> does not guarantee the accuracy or completeness of the information contained in this site. This
                site contains links to sites which are not maintained by <b>
                    Iowafuture.org                </b> .
                We are not responsible and have no control over the content of those sites nor do we guarantee the
                content of such sites. All products, services, and deals mentioned by this site are provided by third
                parties and are subject to change without notice and are subject to restrictions, limitations,
                availability, conditions, and qualifications.</p>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact">
        <h2 class="reveal">Contact Us</h2>
        <form class="contact-form reveal" onsubmit="return validateForm(event)">
            <input type="text" id="name" placeholder="Your Name">
            <input type="email" id="email" placeholder="Your Email">
            <textarea id="message" rows="5" placeholder="Your Message"></textarea>
            <button type="submit">Send Message</button>
        </form>
    </section>

    <!-- Unsubscribe Section -->
    <section id="unsubscribe">
        <h2 class="reveal">Unsubscribe</h2>
        <form class="form" id="unsubscribe-form" method="POST" action="">

            <div class="messages">
                            </div>

            <!-- email input -->
            <input type="email" name="email" required
                value=""
                placeholder="Enter your email to unsubscribe">
            <!-- submit button -->
            <button type="submit" style="margin-top: 1rem; width: 100%;">Unsubscribe</button>

        </form>
    </section>

    <footer>
        &copy;
        2026        Iowafuture.org All Rights Reserved.
    </footer>

    <script>
        // Custom Cursor
        const cursor = document.querySelector('.cursor');
        document.addEventListener('mousemove', e => {
            cursor.style.left = e.clientX + 'px';
            cursor.style.top = e.clientY + 'px';
        });

        document.querySelectorAll('a, button, input, textarea, .img-card').forEach(el => {
            el.addEventListener('mouseenter', () => cursor.classList.add('hovered'));
            el.addEventListener('mouseleave', () => cursor.classList.remove('hovered'));
        });

        // Intersection Observer for Scroll Animations
        const observerOptions = {
            threshold: 0.1
        };

        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('active');
                }
            });
        }, observerOptions);

        document.querySelectorAll('.reveal').forEach(el => observer.observe(el));

        // Sticky Navbar Effect
        window.addEventListener('scroll', () => {
            const nav = document.querySelector('nav');
            if (window.scrollY > 50) {
                nav.classList.add('scrolled');
            } else {
                nav.classList.remove('scrolled');
            }

            // Active Link Indicator
            const sections = document.querySelectorAll('section');
            let current = '';
            sections.forEach(section => {
                const sectionTop = section.offsetTop;
                if (window.scrollY >= sectionTop - 100) {
                    current = section.getAttribute('id');
                }
            });

            document.querySelectorAll('nav ul li a').forEach(a => {
                a.classList.remove('active');
                if (a.getAttribute('href').includes(current)) {
                    a.classList.add('active');
                }
            });
        });

        // Statistics Animation
        const stats = document.querySelectorAll('.stat-number');
        let statsStarted = false;

        const statsObserver = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting && !statsStarted) {
                    statsStarted = true;
                    stats.forEach(stat => {
                        const target = +stat.getAttribute('data-target');
                        const speed = 200;
                        const increment = target / speed;

                        const updateCount = () => {
                            const count = +stat.innerText;
                            if (count < target) {
                                stat.innerText = Math.ceil(count + increment);
                                setTimeout(updateCount, 10);
                            } else {
                                stat.innerText = target;
                            }
                        };
                        updateCount();
                    });

                    // Simple Canvas Chart Animation
                    drawChart();
                }
            });
        }, { paddingBottom: '100px' }); // Trigger a bit earlier? No, standard is fine.

        const statsSection = document.querySelector('#statistics');
        if (statsSection) statsObserver.observe(statsSection);

        function drawChart() {
            const canvas = document.getElementById('travelChart');
            const ctx = canvas.getContext('2d');
            // Set canvas resolution
            canvas.width = canvas.parentElement.offsetWidth;
            canvas.height = canvas.parentElement.offsetHeight;

            const data = [12, 19, 3, 5, 2, 3];
            const labels = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'];
            const barWidth = 40;
            const gap = 20;
            const startX = 50;
            const startY = canvas.height - 50;
            const maxHeight = canvas.height - 100;
            const maxValue = Math.max(...data);

            let progress = 0;
            function animateChart() {
                progress += 0.02;
                if (progress > 1) progress = 1;

                ctx.clearRect(0, 0, canvas.width, canvas.height);

                // Colors
                ctx.fillStyle = getComputedStyle(document.documentElement).getPropertyValue('--primary-color').trim();

                data.forEach((value, index) => {
                    const h = (value / maxValue) * maxHeight * progress;
                    const x = startX + (index * (barWidth + gap));
                    const y = startY - h;

                    ctx.fillRect(x, y, barWidth, h);

                    // Label
                    if (progress === 1) {
                        ctx.fillStyle = '#000';
                        ctx.font = '12px Arial';
                        ctx.fillText(labels[index], x + 5, startY + 20);
                        ctx.fillStyle = getComputedStyle(document.documentElement).getPropertyValue('--primary-color').trim();
                    }
                });

                if (progress < 1) requestAnimationFrame(animateChart);
            }
            animateChart();
        }

        // Contact Form Validation
        function validateForm(e) {
            e.preventDefault();
            const name = document.getElementById('name').value;
            const email = document.getElementById('email').value;
            const message = document.getElementById('message').value;

            if (!name || !email || !message) {
                alert('Please fill in all fields.');
                return false;
            }
            if (!email.includes('@')) {
                alert('Please enter a valid email.');
                return false;
            }
            alert('Message sent successfully!');
            e.target.reset();
            return false;
        }

        // Required Window Load Script
        window.addEventListener('load', function () {
            const section = window.location.pathname.replace('/', '');
            if (section) {
                const el = document.getElementById(section);
                if (el) el.scrollIntoView({ behavior: 'smooth' });
            }
        });
    </script>
</body>

</html>