<?php if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly ?>
<div class="banae-jumbtron hero-section">
    <h2>Premium Addons Picks for you</h2>
    <p>Crafted by Banana Team</p>
    <a href="https://bananaaddons.com/docs/banana-addons-for-elementor/getting-started-with-banana-addons-elementor/"
        class="banae-dark-button">Get Started <span class="arrow-span">&rarr;</span></a>
</div>

<div class="banae-support-heading">
    <h3>Need help? We've got your back</h2>
        <p>Always here to support you whenever you need reliable help.</p>
</div>

<div class="banae-support-cards">
    <ul class="banae-cards">
        <li class="banae-card">
            <a href="https://bananaaddons.com/docs/banana-addons-for-elementor/getting-started-with-banana-addons-elementor/"
                target="_blank">
                <div class="banae-card__text flow">
                    <div class="banae-card-header">
                        <i class="icofont-duotone icofont-click"></i>
                        <h4>Getting Started</h4>
                    </div>
                    <div class="banae-card-body">
                        <p>Give you a brief overview on how to use our addons. </p>
                    </div>
                </div>
            </a>
        </li>
        <li class="banae-card">
            <a href="https://bananaaddons.com/docs/" target="_blank">
                <div class="banae-card__text flow">
                    <div class="banae-card-header">
                        <i class="icofont-duotone icofont-book"></i>
                        <h4>Documentation</h4>
                    </div>
                    <div class="banae-card-body">
                        <p> the documentation for these addons helps you know how to use them. </p>
                    </div>
                </div>
            </a>
        </li>
        <li class="banae-card">
            <a href="https://bananaaddons.com/customer-support/" target="_blank">
                <div class="banae-card__text flow">
                    <div class="banae-card-header">
                        <i class="icofont-duotone icofont-comment"></i>
                        <h4>FAQs</h4>
                    </div>
                    <div class="banae-card-body">
                        <p>This FAQ aims to answer common questions and provide facts. </p>
                    </div>
                </div>
            </a>
        </li>
        <li class="banae-card">
            <a href="https://bananaaddons.com/privacy-policy/" target="_blank">
                <div class="banae-card__text flow">
                    <div class="banae-card-header">
                        <i class="icofont-duotone icofont-support"></i>
                        <h4>Privacy & Policy</h4>
                    </div>
                    <div class="banae-card-body">
                        <p>Protect user data, ensuring safety and transparency online.</p>
                    </div>
                </div>
            </a>
        </li>
        <li class="banae-card">
            <a href="https://bananaaddons.com/refund-policy/" target="_blank">
                <div class="banae-card__text flow">
                    <div class="banae-card-header">
                        <i class="icofont-duotone icofont-repeat"></i>
                        <h4>Refund Policy</h4>
                    </div>
                    <div class="banae-card-body">
                        <p>Ensures customer satisfaction through fair prepayment.</p>
                    </div>
                </div>
            </a>
        </li>
    </ul>
</div>