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

<div class="py-10 px-4">

    <!-- Heading -->
    <div class="max-w-7xl mx-auto mb-6">

        <h2 class="text-2xl font-bold text-black">
            Master
        </h2>

    </div>

    <!-- Cards Grid -->
    <div class="max-w-7xl mx-auto grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-6 gap-5">

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

            <div class="bg-gradient-to-r from-orange-500 to-amber-500 p-4">

                <a href="country.php"
                    class="flex flex-col items-center justify-center gap-3 text-white text-center group">

                    <div class="w-11 h-11 rounded-xl bg-white/20 flex items-center justify-center text-2xl backdrop-blur-md group-hover:scale-110 transition">
                        <i class="ri-earth-line"></i>
                    </div>

                    <h2 class="text-sm font-bold leading-none">
                        Country
                    </h2>

                </a>

            </div>

        </div>

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

            <div class="bg-gradient-to-r from-emerald-500 to-green-600 p-4">

                <a href="state.php"
                    class="flex flex-col items-center justify-center gap-3 text-white text-center group">

                    <div class="w-11 h-11 rounded-xl bg-white/20 flex items-center justify-center text-2xl backdrop-blur-md group-hover:scale-110 transition">
                        <i class="ri-map-pin-2-line"></i>
                    </div>

                    <h2 class="text-sm font-bold leading-none">
                        State
                    </h2>

                </a>

            </div>

        </div>

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

            <div class="bg-gradient-to-r from-blue-500 to-sky-600 p-4">

                <a href="city.php"
                    class="flex flex-col items-center justify-center gap-3 text-white text-center group">

                    <div class="w-11 h-11 rounded-xl bg-white/20 flex items-center justify-center text-2xl backdrop-blur-md group-hover:scale-110 transition">
                        <i class="ri-community-line"></i>
                    </div>

                    <h2 class="text-sm font-bold leading-none">
                        City
                    </h2>

                </a>

            </div>

        </div>

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

            <div class="bg-gradient-to-r from-violet-500 to-purple-600 p-4">

                <a href="designation.php"
                    class="flex flex-col items-center justify-center gap-3 text-white text-center group">

                    <div class="w-11 h-11 rounded-xl bg-white/20 flex items-center justify-center text-2xl backdrop-blur-md group-hover:scale-110 transition">
                        <i class="ri-id-card-line"></i>
                    </div>

                    <h2 class="text-sm font-bold leading-none">
                        Designation
                    </h2>

                </a>

            </div>

        </div>

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

            <div class="bg-gradient-to-r from-pink-500 to-rose-600 p-4">

                <a href="industry_type.php"
                    class="flex flex-col items-center justify-center gap-3 text-white text-center group">

                    <div class="w-11 h-11 rounded-xl bg-white/20 flex items-center justify-center text-2xl backdrop-blur-md group-hover:scale-110 transition">
                        <i class="ri-building-2-line"></i>
                    </div>

                    <h2 class="text-sm font-bold leading-none">
                        Industry
                    </h2>

                </a>

            </div>

        </div>

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

            <div class="bg-gradient-to-r from-cyan-500 to-teal-600 p-4">

                <a href="department.php"
                    class="flex flex-col items-center justify-center gap-3 text-white text-center group">

                    <div class="w-11 h-11 rounded-xl bg-white/20 flex items-center justify-center text-2xl backdrop-blur-md group-hover:scale-110 transition">
                        <i class="ri-group-line"></i>
                    </div>

                    <h2 class="text-sm font-bold leading-none">
                        Department
                    </h2>

                </a>

            </div>

        </div>

        <!-- Letter Card -->
        <div class="lg:col-start-1 bg-white/80 backdrop-blur-lg rounded-2xl shadow-xl overflow-hidden border border-white hover:-translate-y-1 hover:shadow-2xl transition duration-300">

            <div class="bg-gradient-to-r from-red-500 to-pink-600 p-4">

                <a href="letter.php"
                    class="flex flex-col items-center justify-center gap-3 text-white text-center group">

                    <div class="w-11 h-11 rounded-xl bg-white/20 flex items-center justify-center text-2xl backdrop-blur-md group-hover:scale-110 transition">
                        <i class="ri-file-text-line"></i>
                    </div>

                    <h2 class="text-sm font-bold leading-none">
                        Letter
                    </h2>

                </a>

            </div>

        </div>
        
        <!-- Company Card -->
        <div class="bg-white/80 backdrop-blur-lg rounded-2xl shadow-xl overflow-hidden border border-white hover:-translate-y-1 hover:shadow-2xl transition duration-300">
        
            <div class="bg-gradient-to-r from-indigo-500 to-blue-700 p-4">
        
                <a href="company.php"
                    class="flex flex-col items-center justify-center gap-3 text-white text-center group">
        
                    <div class="w-11 h-11 rounded-xl bg-white/20 flex items-center justify-center text-2xl backdrop-blur-md group-hover:scale-110 transition">
                        <i class="ri-building-line"></i>
                    </div>
        
                    <h2 class="text-sm font-bold leading-none">
                        Company
                    </h2>
        
                </a>
        
            </div>
        
        </div>
        
        <!-- SEO Plan Card -->
        <div class="bg-white/80 backdrop-blur-lg rounded-2xl shadow-xl overflow-hidden border border-white hover:-translate-y-1 hover:shadow-2xl transition duration-300">
        
            <div class="bg-gradient-to-r from-yellow-500 to-orange-600 p-4">
        
                <a href="seo_plan.php"
                    class="flex flex-col items-center justify-center gap-3 text-white text-center group">
        
                    <div class="w-11 h-11 rounded-xl bg-white/20 flex items-center justify-center text-2xl backdrop-blur-md group-hover:scale-110 transition">
                        <i class="ri-line-chart-line"></i>
                    </div>
        
                    <h2 class="text-sm font-bold leading-none">
                        SEO Plan
                    </h2>
        
                </a>
        
            </div>
        
        </div>
        
        <!-- SMO Plan Card -->
        <div class="bg-white/80 backdrop-blur-lg rounded-2xl shadow-xl overflow-hidden border border-white hover:-translate-y-1 hover:shadow-2xl transition duration-300">
        
            <div class="bg-gradient-to-r from-sky-500 to-cyan-600 p-4">
        
                <a href="smo_plan.php"
                    class="flex flex-col items-center justify-center gap-3 text-white text-center group">
        
                    <div class="w-11 h-11 rounded-xl bg-white/20 flex items-center justify-center text-2xl backdrop-blur-md group-hover:scale-110 transition">
                        <i class="ri-share-forward-line"></i>
                    </div>
        
                    <h2 class="text-sm font-bold leading-none">
                        SMO Plan
                    </h2>
        
                </a>
        
            </div>
        
        </div>
        
        <!-- Holiday Card -->
        <div class="bg-white/80 backdrop-blur-lg rounded-2xl shadow-xl overflow-hidden border border-white hover:-translate-y-1 hover:shadow-2xl transition duration-300">
        
            <div class="bg-gradient-to-r from-emerald-500 to-lime-600 p-4">
        
                <a href="holiday.php"
                    class="flex flex-col items-center justify-center gap-3 text-white text-center group">
        
                    <div class="w-11 h-11 rounded-xl bg-white/20 flex items-center justify-center text-2xl backdrop-blur-md group-hover:scale-110 transition">
                        <i class="ri-calendar-event-line"></i>
                    </div>
        
                    <h2 class="text-sm font-bold leading-none">
                        Holiday
                    </h2>
        
                </a>
        
            </div>
        
        </div>
        
        
        <!-- Lead Source Card -->
        <div class="bg-white/80 backdrop-blur-lg rounded-2xl shadow-xl overflow-hidden border border-white hover:-translate-y-1 hover:shadow-2xl transition duration-300">

            <div class="bg-gradient-to-r from-fuchsia-500 to-purple-600 p-4">
        
                <a href="lead_source.php"
                    class="flex flex-col items-center justify-center gap-3 text-white text-center group">
        
                    <div class="w-11 h-11 rounded-xl bg-white/20 flex items-center justify-center text-2xl backdrop-blur-md group-hover:scale-110 transition">
                        <i class="ri-megaphone-line"></i>
                    </div>
        
                    <h2 class="text-sm font-bold leading-none">
                        Lead Source
                    </h2>
        
                </a>
        
            </div>

        </div>
        
        <!-- Status Card -->
        <div class="bg-white/80 backdrop-blur-lg rounded-2xl shadow-xl overflow-hidden border border-white hover:-translate-y-1 hover:shadow-2xl transition duration-300">
        
            <div class="bg-gradient-to-r from-green-500 to-emerald-700 p-4">
        
                <a href="status.php"
                    class="flex flex-col items-center justify-center gap-3 text-white text-center group">
        
                    <div class="w-11 h-11 rounded-xl bg-white/20 flex items-center justify-center text-2xl backdrop-blur-md group-hover:scale-110 transition">
                        <i class="ri-checkbox-circle-line"></i>
                    </div>
        
                    <h2 class="text-sm font-bold leading-none">
                        Status
                    </h2>
        
                </a>
        
            </div>
        
        </div>
        
        
        <!-- Lead Type Card -->
        <div class="bg-white/80 backdrop-blur-lg rounded-2xl shadow-xl overflow-hidden border border-white hover:-translate-y-1 hover:shadow-2xl transition duration-300">
        
            <div class="bg-gradient-to-r from-purple-500 to-indigo-600 p-4">
        
                <a href="lead_type.php"
                    class="flex flex-col items-center justify-center gap-3 text-white text-center group">
        
                    <div class="w-11 h-11 rounded-xl bg-white/20 flex items-center justify-center text-2xl backdrop-blur-md group-hover:scale-110 transition">
                        <i class="ri-user-star-line"></i>
                    </div>
        
                    <h2 class="text-sm font-bold leading-none">
                        Lead Type
                    </h2>
        
                </a>
        
            </div>
        
        </div>
        
        <!-- Business Type Card -->
        <div class="bg-white/80 backdrop-blur-lg rounded-2xl shadow-xl overflow-hidden border border-white hover:-translate-y-1 hover:shadow-2xl transition duration-300">
        
            <div class="bg-gradient-to-r from-orange-500 to-red-600 p-4">
        
                <a href="business_type.php"
                    class="flex flex-col items-center justify-center gap-3 text-white text-center group">
        
                    <div class="w-11 h-11 rounded-xl bg-white/20 flex items-center justify-center text-2xl backdrop-blur-md group-hover:scale-110 transition">
                        <i class="ri-briefcase-4-line"></i>
                    </div>
        
                    <h2 class="text-sm font-bold leading-none">
                        Business Type
                    </h2>
        
                </a>
        
            </div>
        
        </div>

    </div>

</div>

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