
<section class="why-choose-section">
    <div class="uk-container">
        
        <div class="section-header">
            <h2 class="section-title">Why Choose AloneDeals?</h2>
            <p class="section-subtitle">Your trusted partner for the best online deals and savings</p>
        </div>

        <div class="uk-grid uk-grid-match uk-child-width-1-2@s uk-child-width-1-4@m" uk-grid>
            
            <div>
                <div class="why-card">
                    <div class="why-icon green-gradient">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
                        </svg>
                    </div>
                    <h3 class="why-title">Verified Deals</h3>
                    <p class="why-description">All coupons are tested and verified by our team before publishing</p>
                </div>
            </div>

            <div>
                <div class="why-card">
                    <div class="why-icon blue-gradient">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
                        </svg>
                    </div>
                    <h3 class="why-title">Real-Time Updates</h3>
                    <p class="why-description">Get instant notifications for new deals and exclusive offers</p>
                </div>
            </div>

            <div>
                <div class="why-card">
                    <div class="why-icon purple-gradient">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/>
                        </svg>
                    </div>
                    <h3 class="why-title">100% Secure</h3>
                    <p class="why-description">Your data is safe with us. We never share your information</p>
                </div>
            </div>

            <div>
                <div class="why-card">
                    <div class="why-icon orange-gradient">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
                        </svg>
                    </div>
                    <h3 class="why-title">Best Savings</h3>
                    <p class="why-description">Save up to 80% on your favorite brands and stores</p>
                </div>
            </div>

        </div>

    </div>
</section>
