{{-- resources/views/pages/home.blade.php
     WikiPāli 首页：品牌 hero + 四张通栏分流卡片。
     卡片数据全部来自 PageIndexController 传入的 $cards，模板不硬编码栏目文案。
--}}
@extends('layouts.base')

@section('title', 'WikiPāli · 巴利佛典百科')

@push('styles')
@vite(['resources/css/home.css'])
@endpush

@section('body-class', 'home-page')

@section('page')
<main class="home">

    {{-- 品牌 Hero：站名 + 一行说明，居中 --}}
    <header class="home-hero">
        <h1 class="home-hero__title">WikiPāli</h1>
        <p class="home-hero__lead">巴利佛典百科 —— 由浅入深，进入巴利圣典的世界</p>
    </header>

    {{-- 四张通栏卡片，纵向排列 --}}
    @foreach ($cards as $card)
        <x-home.card
            :slug="$card['slug']"
            :eyebrow="$card['eyebrow']"
            :title="$card['title']"
            :lead="$card['lead']"
            :image="$card['image']"
            :tint="$card['tint']"
            :align="$card['align']"
            :href="$card['href']"
            :cta="$card['cta']"
            :available="$card['available']"
            :eager="$loop->first"
        />
    @endforeach

</main>
@endsection