<?php include 'header.php'; ?>

<div class="bg-gray-100 py-10 px-4">

    <!-- Main Heading -->


    <!-- First Section Heading -->
    <div class="max-w-7xl mx-auto mb-4">
        <h2 class="text-2xl font-bold text-black">
            Sales Management
        </h2>
    </div>

    <!-- First Row -->
    <div class="max-w-7xl mx-auto grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">

        <!-- Card 1 -->
        <div class="bg-white/80 backdrop-blur-lg rounded-3xl shadow-2xl overflow-hidden border border-white hover:scale-105 transition duration-300">

            <div class="bg-gradient-to-r from-blue-500 to-sky-500 px-5 py-4">
                <h2 class="text-white text-2xl font-bold">Sales Dashboard</h2>
            </div>

            <div class="p-5 space-y-3">
                <a href="puresaas_sales_dashboard.php"
                    class="block bg-blue-100 hover:bg-blue-200 text-blue-800 px-4 py-2 rounded-xl transition">
                    Dashboard
                </a>
            </div>

        </div>

        <!-- Card 2 -->
        <div class="bg-white/80 backdrop-blur-lg rounded-3xl shadow-2xl overflow-hidden border border-white hover:scale-105 transition duration-300">

            <div class="bg-gradient-to-r from-emerald-500 to-teal-500 px-5 py-4">
                <h2 class="text-white text-2xl font-bold">Target Management</h2>
            </div>

            <div class="p-5 space-y-3">
                <a href="puresaas_target.php"
                    class="block bg-purple-100 hover:bg-purple-200 text-purple-800 px-4 py-2 rounded-xl transition">
                    Target List
                </a>
            </div>

        </div>

        <!-- Card 3 -->
        <div class="bg-white/80 backdrop-blur-lg rounded-3xl shadow-2xl overflow-hidden border border-white hover:scale-105 transition duration-300">

            <div class="bg-gradient-to-r from-pink-500 to-rose-500 px-5 py-4">
                <h2 class="text-white text-2xl font-bold">Lead Management</h2>
            </div>

            <div class="p-5 space-y-3">
                <a href="puresaas_lead_list.php"
                    class="block bg-pink-100 hover:bg-pink-200 text-pink-800 px-4 py-2 rounded-xl transition">
                    Lead List
                </a>
            </div>

        </div>

    </div>

    <!-- Second Section Heading -->
    <div class="max-w-7xl mx-auto mt-10 mb-4">
        <h2 class="text-2xl font-bold text-black">
            Daily Visit Management
        </h2>
    </div>

    <!-- Second Row -->
    <div class="max-w-7xl mx-auto grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">

        <!-- Daily Visit Dashboard -->
        <div class="bg-white/80 backdrop-blur-lg rounded-3xl shadow-2xl overflow-hidden border border-white hover:scale-105 transition duration-300">

            <div class="bg-gradient-to-r from-purple-500 to-indigo-500 px-5 py-4">
                <h2 class="text-white text-2xl font-bold">Daily Visit Dashboard</h2>
            </div>

            <div class="p-5 space-y-3">
                <a href="puresaas_daily_visit_dashboard.php"
                    class="block bg-blue-100 hover:bg-blue-200 text-blue-800 px-4 py-2 rounded-xl transition">
                    Dashboard
                </a>
            </div>

        </div>

        <!-- Daily Visit -->
        <div class="bg-white/80 backdrop-blur-lg rounded-3xl shadow-2xl overflow-hidden border border-white hover:scale-105 transition duration-300">

            <div class="bg-gradient-to-r from-yellow-500 to-orange-500 px-5 py-4">
                <h2 class="text-white text-2xl font-bold">Daily Visit</h2>
            </div>

            <div class="p-5 space-y-3">
                <a href="puresaas_daily_visit_list.php"
                    class="block bg-emerald-100 hover:bg-emerald-200 text-emerald-800 px-4 py-2 rounded-xl transition">
                    Daily Visit List
                </a>
            </div>

        </div>

    </div>

</div>

<?php include 'footer.php'; ?>