@extends('layouts.landing')

@section('title', 'FAQ')

@section('content')
<section class="bg-gradient-to-br from-stone-900 via-stone-800 to-red-900 py-20 text-white">
    <div class="mx-auto max-w-4xl px-4 text-center sm:px-6 lg:px-8">
        <p class="mb-4 inline-flex rounded-full bg-white/10 px-4 py-1 text-sm font-semibold text-red-100">Help Center</p>
        <h1 class="text-4xl font-extrabold md:text-5xl">Frequently Asked Questions</h1>
        <p class="mt-5 text-lg text-stone-200">Everything you need to know before getting started with our property management platform.</p>
    </div>
</section>

<section class="bg-stone-50 py-16">
    <div class="mx-auto max-w-4xl space-y-4 px-4 sm:px-6 lg:px-8">
        <div class="rounded-2xl border border-stone-200 bg-white p-6">
            <h2 class="text-lg font-bold text-stone-900">Can I manage multiple properties and branches?</h2>
            <p class="mt-2 text-stone-600">Yes. You can organize and monitor many properties, teams, and operational roles from one secure account.</p>
        </div>
        <div class="rounded-2xl border border-stone-200 bg-white p-6">
            <h2 class="text-lg font-bold text-stone-900">Is there role-based access for staff?</h2>
            <p class="mt-2 text-stone-600">Yes. The system supports multiple roles like company admin, agent, tenant, accountant, and owner dashboards.</p>
        </div>
        <div class="rounded-2xl border border-stone-200 bg-white p-6">
            <h2 class="text-lg font-bold text-stone-900">Can tenants track leases and payments online?</h2>
            <p class="mt-2 text-stone-600">Absolutely. Tenants can view lease details, payment history, and important account information from their dashboard.</p>
        </div>
        <div class="rounded-2xl border border-stone-200 bg-white p-6">
            <h2 class="text-lg font-bold text-stone-900">How quickly can we start?</h2>
            <p class="mt-2 text-stone-600">Most teams can begin in minutes by creating an account, adding properties, and inviting users.</p>
        </div>
    </div>
</section>
@endsection