@php
$benefits = [
    __('Available 24/7, Including Holidays'),
    __('No Appointments Needed'),
    __('UNLIMITED GENERIC MEDICATIONS & VIRTUAL DOCTOR VISITS FOR YOUR WHOLE FAMILY'),
    __('NO CO-PAYS, NO WAITING, NO HASSLE'),
    __('7-DAY FREE TRIAL + FIRST MEDICATIONS ORDER FREE'),
    __('Your Medication Delivered Free in 48 Hours!')
];
@endphp
<section class="bg-blue-900 text-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
        <div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
            <div class="space-y-4">
                <h1 class="text-4xl font-bold mb-4">{{ __('Healthcare Made Simple') }}</h1>
                <p class="text-xl mb-6">{{ __('Online Medical Care When You Need It') }}</p>
                
                <ul class="space-y-3 pb-4">
                    @foreach ($benefits as $benefit)
                        <li class="flex items-center">
                            <x-icons.check-circle class="h-6 w-6 text-green-600 mr-2" />
                            {{ $benefit }}
                        </li>
                    @endforeach
                </ul>

                <a href="#get-treated" 
                    class="mt-8 bg-orange-600 hover:bg-orange-700 px-8 py-3 rounded-md"
                >
                    {{ __('GET TREATED NOW – 7-DAY FREE TRIAL') }}
                </a>
            </div>

            <div class="hidden md:block">
                <img 
                    src="{{ asset('images/telemed-hero.jpg') }}" 
                    alt="{{ __('Telemedicine Hero Image') }}"
                    class="w-full"
                >
            </div>
        </div>
    </div>
</section>