<div class="bg-white rounded-lg shadow-md pt-2 pb-10">
    <div class="container w-full mt-4 mb-7">
        <div class="mt-12 text-center">
            <h2 class="mt-2 text-3xl font-extrabold leading-8 tracking-tight text-indigo-900"><?php echo esc_html__( 'Get 20% off on Temporary Login Without Password Pro', 'temporary-login-without-password');?></h2>
            <p class="mt-4 text-xl leading-7 text-gray-500"><?php echo esc_html__( 'Saves time, with additional security', 'temporary-login-without-password');?></p>
        </div>

        <div class="max-w-5xl p-10 mx-auto border border-dotted rounded-md border-grey-300 bg-indigo-50 mt-12">
            <div class="grid items-center grid-cols-3 gap-8 mx-auto">
                <h2 class="sm:col-span-2 lg:col-span-2 text-4xl leading-10 font-semibold"><?php echo esc_html__( 'Work with experts outside the team with zero fear of data breach.', 'temporary-login-without-password');?></h2>
                <div class="space-y-3 text-center">
                    <a href="<?php echo esc_url('https://www.icegram.com/?buy-now=445245&qty=1&coupon=tlwp-pro-20&with-cart=1&utm_source=in-app&utm_medium=tlwp&utm_campaign=pricing-page');?>" class="text-lg button primary text-2xl arrow_nxt" target="_blank">
                        <?php echo esc_html__( 'Get TLWP Pro', 'temporary-login-without-password');?>
                    </a>
                    <a href="<?php echo esc_url('https://www.icegram.com/contact/');?>" class="inline-block text-base link arrow_nxt" target="_blank">
                        <?php echo esc_html__( 'Questions? Ask us.', 'temporary-login-without-password');?>
                    </a>
                </div>
            </div>
        </div>

        <div class="features">
            <div class="item">
                <div class="content scroll-reveal">
                    <img class="object-contain object-center mx-auto" alt="temporary access notification email" src="<?php echo WTLWP_PLUGIN_URL . 'admin/assets/images/Mailpit-localhost-02-19-2025_05_29_PM-1.png';?>">
                </div>
                <div class="content scroll-reveal">
                    <h3 class="text-2xl font-bold"><?php echo esc_html__( 'Admin Notification on Temporary Login', 'temporary-login-without-password'); ?></h3>
                    <p class="mt-6 leading-7 text-lg"><?php echo esc_html__( 'Receive instant alerts on your email whenever a temporary login is used, ensuring you always know who’s accessing your system and when—adding an extra layer of security and transparency.', 'temporary-login-without-password');?></p>
                </div>
            </div>
            <div class="item">
                <div class="content scroll-reveal">
                    <h3 class="text-2xl font-bold"><?php echo esc_html__( 'Limit Link Usage', 'temporary-login-without-password'); ?></h3>
                    <p class="mt-6 leading-7 text-lg"><?php echo esc_html__( 'Set a maximum number of times a temporary login link can be used, ensuring that access remains controlled and secure. This prevents repeated / unauthorized use, giving you peace of mind when granting temporary access.', 'temporary-login-without-password'); ?></p>
                </div>
                <div class="overflow-hidden scroll-reveal slide-right">
                    <img class="object-contain object-center mx-auto" alt="temporary access notification email" src="<?php echo WTLWP_PLUGIN_URL . 'admin/assets/images/limit-login-final-1.png';?>">
                </div>
            </div>
            <div class="item">
                <div class="content scroll-reveal">
                    <img class="object-contain object-center mx-auto" alt="temporary access notification email" src="<?php echo WTLWP_PLUGIN_URL . 'admin/assets/images/activity-log-table.png';?>">
                </div>
                <div class="content scroll-reveal">
                    <h3 class="text-2xl font-bold"><?php echo esc_html__( 'Activity Log', 'temporary-login-without-password'); ?></h3>
                    <p class="mt-6 leading-7 text-lg"><?php echo esc_html__( 'See exactly what temporary users are doing on your site. From logins to actions taken, keep a clear record of their activity and stay in control at all times.', 'temporary-login-without-password');?></p>
                </div>
            </div>
        </div>

        <div class="max-w-5xl p-10 mx-auto border border-dotted rounded-md border-grey-300 bg-indigo-50 mt-12">
            <div class="px-6 grid items-center gap-8 mx-auto lg:grid-cols-3">
                <div>
                    <p class="mt-4 leading-5 text-gray-600 text-lg">
                        <?php echo esc_html__( 'All TLWP standard benefits,', 'temporary-login-without-password');?> <span class="text-bold text-gray-600"><b><?php echo esc_html__( 'plus', 'temporary-login-without-password' );?></b></span>
                    </p>
                    <ul class="tick mt-4 text-lg leading-6">
                        <li><?php echo esc_html__( 'Set temporary login limit', 'temporary-login-without-password' );?></li>
                        <li><?php echo esc_html__( 'Receive notifications on access', 'temporary-login-without-password' );?></li>
                    </ul>
                </div>
                <div class="text-center">
                    <del><p class="text-grey-600"><?php echo esc_html__( '$49/year', 'temporary-login-without-password' );?></p></del>
                    <span class="text-4xl font-extrabold leading-10 text-gray-900"><?php echo esc_html__( '$39.20', 'temporary-login-without-password' );?></span>
                    <span class="text-base font-medium leading-6 text-gray-500"><?php echo esc_html__( '/year', 'temporary-login-without-password' );?></span></div><div class="space-y-3 mt-8 text-center">
                    <a href="<?php echo esc_url('https://www.icegram.com/?buy-now=445245&qty=1&coupon=tlwp-pro-20&with-cart=1&utm_source=in-app&utm_medium=tlwp&utm_campaign=pricing-page');?>" class="sm:text-xl button primary text-2xl arrow_nxt" target="_blank">
                        <?php echo esc_html__( 'Get TLWP Pro', 'temporary-login-without-password' );?>
                    </a>
                    <p class="text-sm"><i>(<?php echo esc_html__( 'Limited time offer –', 'temporary-login-without-password' );?> <strong><?php echo esc_html__( '20% off', 'temporary-login-without-password' );?></strong>)</i></p>
                </div>
            </div>
        </div>
    </div>
</div>