@extends('layouts.app') @section('title','Taysir Relief Foundation') @section('content')
@if($banners->count())<section class="banner-wrap">@foreach($banners as $banner)<div class="banner" style="background-image:linear-gradient(90deg,#101827cc,#10182733),url('{{asset('storage/'.$banner->image)}}')"><div><span class="eyebrow">TAYSIR RELIEF FOUNDATION</span><h1>{{$banner->title}}</h1><p>{{$banner->subtitle}}</p>@if($banner->button_url)<a class="btn" href="{{$banner->button_url}}">{{$banner->button_text ?: 'Learn more'}}</a>@endif</div></div>@endforeach</section>@endif
<section class="hero"><div><span class="eyebrow">TAYSIR RELIEF FOUNDATION</span><h1>Help turn a difficult moment into a hopeful one.</h1><p>Create a fundraiser, tell your story and give supporters a secure way to contribute locally or internationally.</p><div class="actions"><a class="btn" href="{{route('register')}}">Start a fundraiser</a><a class="btn ghost" href="{{route('campaigns.index')}}">Explore fundraisers</a></div></div><div class="hero-card"><div class="hero-stat"><b>Local + global</b><span>M-Pesa, cards and international payments</span></div><div class="hero-stat"><b>Transparent</b><span>Campaign and donation tracking</span></div><div class="hero-stat"><b>Built for trust</b><span>Verification, moderation and audit trails</span></div></div></section>
@if($featured->count())<section class="section"><div class="section-head"><div><span class="eyebrow">FEATURED</span><h2>Fundraisers making an impact</h2></div><a href="{{route('campaigns.index')}}">View all →</a></div><div class="grid">@foreach($featured as $campaign)<x-campaign-card :campaign="$campaign"/>@endforeach</div></section>@endif
@if($urgent->count())<section class="section"><div class="section-head"><div><span class="eyebrow">URGENT</span><h2>Needs attention now</h2></div></div><div class="grid">@foreach($urgent as $campaign)<x-campaign-card :campaign="$campaign"/>@endforeach</div></section>@endif
@if($posts->count())<section class="section"><div class="section-head"><div><span class="eyebrow">STORIES</span><h2>From the Taysir community</h2></div><a href="{{route('blog.index')}}">All stories →</a></div><div class="grid">@foreach($posts as $post)<a class="card" href="{{route('blog.show',$post)}}"><div class="card-body"><span class="tag">Story</span><h3>{{$post->title}}</h3><p>{{$post->excerpt}}</p></div></a>@endforeach</div></section>@endif
<section class="section split"><div><span class="eyebrow">HOW IT WORKS</span><h2>Simple for fundraisers. Clear for supporters.</h2></div><div class="steps"><article><b>01</b><h3>Create</h3><p>Tell people what happened, who needs help and what the funds will do.</p></article><article><b>02</b><h3>Share</h3><p>Share your campaign link through your community and social networks.</p></article><article><b>03</b><h3>Receive support</h3><p>Track verified donations and request withdrawals through the platform.</p></article></div></section>@endsection