@extends('layouts.app')

@section('content')
<div class="container mx-auto px-4 py-16 md:py-24">
    <h1 class="text-4xl font-bold mb-8">How It Works</h1>
    <p class="text-lg mb-8">This is a placeholder page explaining how the elderly care connection platform works. In a complete implementation, this page would include detailed steps, testimonials, and other information about the donation and support process.</p>
    
    <div class="mt-8">
        <a href="{{ url('/') }}" class="inline-flex items-center justify-center rounded-full px-8 py-3 text-base font-medium bg-primary text-primary-foreground hover:bg-primary/90 transition-colors">
            Return to Homepage
            <svg xmlns="http://www.w3.org/2000/svg" class="ml-2 h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="m15 18-6-6 6-6"/>
            </svg>
        </a>
    </div>
</div>
@endsection