CTA Banners

<x-aura::card padding="xl" gap="6">
    <x-aura::flex direction="col" md="row" align="center" justify="between" gap="6">
        <x-aura::flex direction="col" gap="3">
            <x-aura::tag variant="neutral" size="sm">
                Special Offer
            </x-aura::tag>

            <x-aura::flex direction="col" gap="1">
                <x-aura::heading level="2" size="md">
                    Ready to Upgrade Your Workflow?
                </x-aura::heading>

                <x-aura::text variant="subtle" size="sm">
                    Unlock access to all premium design blocks and Livewire components.
                </x-aura::text>
            </x-aura::flex>
        </x-aura::flex>

        <x-aura::flex align="center" width="auto" gap="3">
            <x-aura::button variant="secondary" size="md">
                Explore
            </x-aura::button>

            <x-aura::button variant="primary" size="md">
                Start
            </x-aura::button>
        </x-aura::flex>
    </x-aura::flex>
</x-aura::card>

<x-aura::card padding="xl" gap="6">
    <x-aura::flex direction="col" align="center" justify="center" gap="2">
        <x-aura::heading level="2" size="md" align="center">
            Join 10,000+ Laravel Developers
        </x-aura::heading>

        <x-aura::text variant="subtle" size="sm" align="center">
            Get weekly component updates delivered to your inbox.
        </x-aura::text>
    </x-aura::flex>

    <x-aura::flex align="center" justify="center" gap="3" wrap="true">
        <x-aura::input placeholder="Enter your work email..." width="md" icon="mail" />

        <x-aura::button variant="primary" size="md">
            Subscribe
        </x-aura::button>
    </x-aura::flex>
</x-aura::card>