@extends('layouts.app')

@section('content')
<div class="max-w-2xl mx-auto px-4 py-12">
    <h1 class="text-4xl font-bold mb-8">About StyleSeat</h1>

    <div class="prose prose-lg max-w-none space-y-6">
        <section class="bg-white rounded-lg shadow p-8">
            <h2 class="text-2xl font-bold mb-4">Our Mission</h2>
            <p>StyleSeat connects beauty and wellness professionals with clients looking for quality services. We empower independent professionals to grow their businesses while helping clients discover trusted, talented providers in their communities.</p>
        </section>

        <section class="bg-white rounded-lg shadow p-8">
            <h2 class="text-2xl font-bold mb-4">For Clients</h2>
            <p>Discover local beauty and wellness professionals, book appointments online, and pay securely. Browse profiles, read reviews, and find the perfect professional for your needs.</p>
        </section>

        <section class="bg-white rounded-lg shadow p-8">
            <h2 class="text-2xl font-bold mb-4">For Professionals</h2>
            <p>Build your online presence, manage your schedule, and grow your client base. StyleSeat handles the technical details so you can focus on what you do best.</p>
        </section>

        <section class="bg-white rounded-lg shadow p-8">
            <h2 class="text-2xl font-bold mb-4">Why StyleSeat?</h2>
            <ul class="list-disc list-inside space-y-2">
                <li>Easy online booking system</li>
                <li>Secure payment processing</li>
                <li>Professional profiles and reviews</li>
                <li>Mobile-friendly platform</li>
                <li>Real-time notifications</li>
                <li>Analytics and insights</li>
            </ul>
        </section>
    </div>
</div>
@endsection