@extends('layouts.public')
@section('title', 'About')
@section('content')
<section class="hero" style="padding: 4rem 0;"><div class="container text-center"><h1>About Us</h1><p class="lead">Crafting a home for thoughtful writing.</p></div></section>
<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <article class="article-body">
                <h2>Our Mission</h2>
                <p>{{ config('app.name') }} is a curated network of authors and readers, built around the belief that great writing deserves a permanent, beautiful home — not lost in feeds or behind paywalls.</p>
                <h2>How It Works</h2>
                <p>Authors purchase a one-time package — pay once, publish forever. Every blog stays online for the lifetime of the platform. No recurring fees, no surprise charges.</p>
                <h2>For Readers</h2>
                <p>Browse blogs across topics in any language. Discover voices you wouldn't find anywhere else, written by people paid to write — not chasing engagement.</p>
                <h2>For Writers</h2>
                <p>Pick a package that fits your output. Pay once via PayPal. Start publishing immediately. Your work is yours; the platform's only job is to host it well.</p>
            </article>
        </div>
    </div>
</div>
@endsection