@extends('layouts.app')

@section('title', 'About - 100Toolbox.com')
@section('meta_description',
    'Learn about 100 Toolbox. We build free, private, client-side tools for developers. No data
    collection, just utility.')

@section('content')
    <div class="max-w-4xl mx-auto space-y-8">
        <div class="space-y-4">
            <h1 class="text-3xl md:text-5xl font-bold text-white tracking-tight">About 100Toolbox.com</h1>
            <p class="text-slate-400 text-lg leading-relaxed">
                100Toolbox.com is a collection of free, privacy-focused utilities.
            </p>
        </div>

        <div class="prose prose-invert max-w-none">
            <p class="text-slate-300 leading-relaxed text-lg">
                We build tools that we need ourselves. From generating sitemaps to scrubbing sensitive data from logs,
                our goal is to make people's lives easier without compromising security.
            </p>
            <h3 class="text-2xl font-bold text-white mt-12 mb-4">Privacy First</h3>
            <p class="text-slate-300 leading-relaxed text-lg">
                Many online tools require you to paste sensitive data onto their servers to process it.
                We believe that's wrong. Our tools are designed to run entirely in your browser whenever possible,
                so your data never leaves your machine.
            </p>
            <h3 class="text-2xl font-bold text-white mt-12 mb-4">Open Source</h3>
            <p class="text-slate-300 leading-relaxed text-lg">
                We believe in transparency. If you're curious about how a tool works, or want to suggest an improvement,
                feel free to reach out.
            </p>
        </div>
    </div>
@endsection