

<?php $__env->startSection('title', 'Subscription Plans - WedBooker'); ?>
<?php $__env->startSection('page-title', 'Choose Your Plan'); ?>
<?php $__env->startSection('page-description', 'Select the perfect plan for your wedding'); ?>

<?php $__env->startSection('content'); ?>
<div class="space-y-6">
    <!-- Billing Toggle -->
    <div class="text-center" data-aos="fade-up">
        <div class="inline-flex p-1 bg-white/10 rounded-full">
            <button class="px-6 py-2 bg-purple-600 rounded-full text-white text-sm">Monthly</button>
            <button class="px-6 py-2 text-gray-300 text-sm hover:text-white transition">Yearly <span class="text-green-400">Save 17%</span></button>
        </div>
    </div>

    <!-- Plans Grid -->
    <div class="grid md:grid-cols-3 gap-8">
        <!-- Basic Plan -->
        <div class="glass-card rounded-2xl p-8 border border-white/10 hover:-translate-y-2 transition-all duration-300" data-aos="fade-up">
            <h3 class="text-2xl font-bold text-white mb-2">Basic</h3>
            <p class="text-gray-400 mb-6">Perfect for intimate weddings</p>
            <div class="mb-6">
                <span class="text-5xl font-bold text-white">£29</span>
                <span class="text-gray-400">/month</span>
            </div>
            <ul class="space-y-3 mb-8">
                <li class="flex items-center gap-3 text-gray-300"><i class="fas fa-check-circle text-green-400"></i>1 Wedding Page</li>
                <li class="flex items-center gap-3 text-gray-300"><i class="fas fa-check-circle text-green-400"></i>100 Guests</li>
                <li class="flex items-center gap-3 text-gray-300"><i class="fas fa-check-circle text-green-400"></i>RSVP Tracking</li>
                <li class="flex items-center gap-3 text-gray-500"><i class="fas fa-times-circle text-gray-600"></i>Booking Management</li>
                <li class="flex items-center gap-3 text-gray-500"><i class="fas fa-times-circle text-gray-600"></i>Email Invitations</li>
            </ul>
            <button class="w-full py-3 border-2 border-purple-600 rounded-full text-white hover:bg-purple-600 transition-all">Choose Basic</button>
        </div>

        <!-- Pro Plan -->
        <div class="bg-gradient-to-br from-purple-600 to-pink-600 rounded-2xl p-8 transform scale-105 relative overflow-hidden" data-aos="fade-up" data-aos-delay="100">
            <div class="absolute inset-0 bg-white/10 opacity-0 hover:opacity-100 transition-all"></div>
            <span class="absolute top-4 right-4 bg-yellow-400 text-gray-900 px-3 py-1 rounded-full text-sm font-bold animate-pulse">POPULAR</span>
            <h3 class="text-2xl font-bold text-white mb-2">Pro</h3>
            <p class="text-white/80 mb-6">Ideal for medium weddings</p>
            <div class="mb-6">
                <span class="text-5xl font-bold text-white">£59</span>
                <span class="text-white/80">/month</span>
            </div>
            <ul class="space-y-3 mb-8">
                <li class="flex items-center gap-3 text-white"><i class="fas fa-check-circle text-green-300"></i>1 Wedding Page</li>
                <li class="flex items-center gap-3 text-white"><i class="fas fa-check-circle text-green-300"></i>500 Guests</li>
                <li class="flex items-center gap-3 text-white"><i class="fas fa-check-circle text-green-300"></i>Full Booking Management</li>
                <li class="flex items-center gap-3 text-white"><i class="fas fa-check-circle text-green-300"></i>Email Invitations</li>
                <li class="flex items-center gap-3 text-white"><i class="fas fa-check-circle text-green-300"></i>CSV Export</li>
            </ul>
            <button class="w-full py-3 bg-white text-purple-600 rounded-full font-semibold hover:shadow-2xl transition-all">Choose Pro</button>
        </div>

        <!-- Premium Plan -->
        <div class="glass-card rounded-2xl p-8 border border-white/10 hover:-translate-y-2 transition-all duration-300" data-aos="fade-up" data-aos-delay="200">
            <h3 class="text-2xl font-bold text-white mb-2">Premium</h3>
            <p class="text-gray-400 mb-6">For large celebrations</p>
            <div class="mb-6">
                <span class="text-5xl font-bold text-white">£99</span>
                <span class="text-gray-400">/month</span>
            </div>
            <ul class="space-y-3 mb-8">
                <li class="flex items-center gap-3 text-gray-300"><i class="fas fa-check-circle text-green-400"></i>Unlimited Guests</li>
                <li class="flex items-center gap-3 text-gray-300"><i class="fas fa-check-circle text-green-400"></i>Custom Domain</li>
                <li class="flex items-center gap-3 text-gray-300"><i class="fas fa-check-circle text-green-400"></i>Advanced Analytics</li>
                <li class="flex items-center gap-3 text-gray-300"><i class="fas fa-check-circle text-green-400"></i>Priority Support</li>
                <li class="flex items-center gap-3 text-gray-300"><i class="fas fa-check-circle text-green-400"></i>API Access</li>
            </ul>
            <button class="w-full py-3 border-2 border-purple-600 rounded-full text-white hover:bg-purple-600 transition-all">Choose Premium</button>
        </div>
    </div>

    <p class="text-center text-gray-400 text-sm">✨ All plans include 14-day free trial. No credit card required. Cancel anytime.</p>

    <!-- FAQ -->
    <div class="glass-card rounded-2xl p-6 border border-white/10 mt-8" data-aos="fade-up">
        <h3 class="text-xl font-bold text-white mb-4">Frequently Asked Questions</h3>
        <div class="grid md:grid-cols-2 gap-4">
            <div><p class="text-purple-400 font-semibold">Can I upgrade later?</p><p class="text-gray-400 text-sm">Yes, you can upgrade or downgrade anytime.</p></div>
            <div><p class="text-purple-400 font-semibold">Is there a setup fee?</p><p class="text-gray-400 text-sm">No, no hidden fees. What you see is what you pay.</p></div>
            <div><p class="text-purple-400 font-semibold">Can I cancel anytime?</p><p class="text-gray-400 text-sm">Yes, cancel with one click. No questions asked.</p></div>
            <div><p class="text-purple-400 font-semibold">Do guests need to pay?</p><p class="text-gray-400 text-sm">No, only couples pay for subscription. Guests book for free.</p></div>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH D:\skietagency\wedding\code\resources\views/subscription/plans.blade.php ENDPATH**/ ?>