using SchoolSync to streamline operations and enhance education.
            </p>
            <a href="#signup" class="cta-button bg-white text-indigo-600 fade-in" style="animation-delay: 0.4s;">Sign Up Now</a>
        </div>
    </section>

    <!-- Footer -->
    <footer class="bg-gray-800 text-white py-10">
        <div class="container mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-8">
            <div>
                <h3 class="text-xl font-semibold mb-4">SchoolSync</h3>
                <p class="te