@extends('layouts.shell')
@section('title', 'Tentang — '.($brand['name'] ?? 'Quran Review'))

@section('content')
<h1 class="mb-4 text-2xl font-extrabold">Tentang Quran Review</h1>
<div class="card p-5 space-y-3 text-sm text-qr-muted leading-relaxed">
    <p>{{ \App\Models\Setting::get('brand.description', 'Quran Review adalah platform membership Islami yang menghadirkan video kajian, ebook, kuis interaktif, dan event eksklusif dalam satu aplikasi mobile-first.') }}</p>
    <p>Dengan model langganan bulanan, member mendapat akses penuh ke konten premium terkurasi serta harga khusus untuk event Zoominar maupun kajian offline.</p>
</div>

<h2 class="mb-3 mt-8 text-base font-bold">Yang Anda Dapatkan</h2>
<div class="grid grid-cols-2 gap-3">
    @foreach([['film','Video Kajian'],['book','Ebook'],['sparkles','Kuis'],['calendar','Event']] as [$i,$t])
    <div class="card p-4"><x-icon :name="$i" class="w-6 h-6 text-qr-accent-light"/><p class="mt-2 font-semibold">{{ $t }}</p></div>
    @endforeach
</div>

<a href="{{ route('membership.index') }}" class="btn-accent mt-8 w-full">Jadi Member</a>
@endsection