@extends('layouts.marketing')

@section('title', 'Help Center - CuraHealthLine')

@section('content')
    @include('components.marketing-nav')

    <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
        <div class="bg-white shadow-sm rounded-2xl border border-slate-200 p-8">
            <h1 class="text-3xl font-bold text-slate-900 mb-4">Help Center</h1>
            <p class="text-slate-600 mb-8">
                Find quick answers, guides, and support resources for CuraHealthLine.
            </p>

            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                <div class="p-4 rounded-lg border border-slate-100 bg-slate-50">
                    <h3 class="font-semibold text-slate-900 mb-2">Getting Started</h3>
                    <p class="text-sm text-slate-600">Learn how to set up your profile and begin applying to jobs.</p>
                </div>
                <div class="p-4 rounded-lg border border-slate-100 bg-slate-50">
                    <h3 class="font-semibold text-slate-900 mb-2">Account & Security</h3>
                    <p class="text-sm text-slate-600">Manage passwords, notifications, and account preferences.</p>
                </div>
                <div class="p-4 rounded-lg border border-slate-100 bg-slate-50">
                    <h3 class="font-semibold text-slate-900 mb-2">Support</h3>
                    <p class="text-sm text-slate-600">Need help? Contact support@curahealthline.com.</p>
                </div>
            </div>
        </div>
    </div>
@endsection