{{-- path: resources/views/site/home-placeholder.blade.php
     Temporary — replaced by a CMS-driven page render in §23 step 2. This
     exists purely to prove the Foundation slice (layout + tokens + Button/
     Card components) renders correctly end-to-end before CMS exists. --}}
@extends('layouts.site')

@section('title', 'CafeNaija — Helping People and Organisations Perform at Their Best')

@section('content')
<section class="py-5" style="background-color: var(--cn-ivory);">
    <div class="container py-4">
        <div class="row align-items-center g-5">
            <div class="col-lg-6">
                <h1 class="display-5 cn-heading mb-3">
                    Helping People and Organisations <span style="color: var(--cn-green);">Perform at Their Best.</span>
                </h1>
                <p class="lead mb-4" style="color: #4a4f4b;">
                    Practical resources, modern workspaces, and professional solutions that
                    drive productivity, leadership, and growth.
                </p>
                <div class="d-flex gap-3">
                    <x-cn-button href="{{ url('/resources') }}" size="lg">Explore Resources</x-cn-button>
                    <x-cn-button href="{{ url('/store') }}" variant="outline" size="lg">Shop Performance Store</x-cn-button>
                </div>
            </div>
            <div class="col-lg-6">
                <x-cn-card class="text-center">
                    <p class="text-muted small mb-1">Foundation slice — proves layout,</p>
                    <p class="text-muted small mb-0">design tokens, and components render correctly.</p>
                </x-cn-card>
            </div>
        </div>
    </div>
</section>
@endsection