@extends('layouts.site')
 
@section('content')
    <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
        {{-- <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
            <div class="mb-6">
                <img src="{{ Vite::asset('resources/images/logo.png') }}" alt="JuriFi"
                    class="mx-auto mb-2 w-16 h-16" />
            </div> --}}
            <div class="text-center col-span-3 mb-12">

                <h1 class="text-4xl font-bold">JuriFi Membership Plans</h1>
            </div>
        {{-- </div> --}}
        <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
            <!-- Basic Shield -->
            <div class="bg-white rounded-lg shadow p-6">
                <h2 class="text-xl font-semibold mb-2">Basic Shield</h2>
                <p class="text-2xl font-bold text-blue-600 mb-4">$19.95<span class="text-sm font-medium">/month</span>
                </p>
                <ul class="space-y-2 text-sm">
                    <li>✔️ AI Legal Chat</li>
                    <li>✔️ Document Review (2 docs, $50)</li>
                    <li>✔️ Attorney Consultations</li>
                    <li>✔️ 1 Legal Document Draft (up to 50 pages)</li>
                    <li>✔️ 500 MB Storage</li>
                </ul>
            </div>

            <!-- Full Armor -->
            <div class="bg-white rounded-lg shadow p-6">
                <h2 class="text-xl font-semibold mb-2">Full Armor</h2>
                <p class="text-2xl font-bold text-blue-600 mb-4">$29.95<span class="text-sm font-medium">/month</span>
                </p>
                <ul class="space-y-2 text-sm">
                    <li>✔️ AI Legal Chat</li>
                    <li>✔️ Document Review (up to 10 pages)</li>
                    <li>✔️ Unlimited (25-minute sessions)</li>
                    <li>✔️ 25% Discount on Legal Services</li>
                    <li>✔️ Premium Monthly Updates</li>
                </ul>
            </div>

            <!-- Total Defense -->
            <div class="bg-white rounded-lg shadow p-6">
                <h2 class="text-xl font-semibold mb-2">Total Defense</h2>
                <p class="text-2xl font-bold text-blue-600 mb-4">$39.95<span class="text-sm font-medium">/month</span>
                </p>
                <ul class="space-y-2 text-sm">
                    <li>✔️ AI Legal Service</li>
                    <li>✔️ Document Review (up to 20 pages)</li>
                    <li>✔️ Unlimited (1-hour sessions)</li>
                    <li>✔️ 5 GB Legal Storage</li>
                    <li>✔️ 40% Discount on Legal Services</li>
                </ul>
            </div>

            <!-- Vault Pro -->
            <div class="bg-blue-900 text-white rounded-lg shadow p-6">
                <h2 class="text-xl font-semibold mb-2">Vault Pro</h2>
                <p class="text-2xl font-bold text-white mb-4">$9.95<span class="text-sm font-medium">/month</span></p>
                <ul class="space-y-2 text-sm">
                    <li>✔️ Unlimited Storage</li>
                    <li>✔️ Time Capsule Feature</li>
                    <li>✔️ Encrypted Video Messaging</li>
                    <li>✔️ Exclusive Webinars</li>
                    <li>✔️ Premium Monthly Updates</li>
                </ul>
            </div>
        </div>
    </div>
    @endsection