@extends('layouts.marketing')

@section('content')
    <section class="pb-16 pt-8">
        <div class="max-w-4xl">
            <p class="text-sm uppercase tracking-[0.3em] text-orange-200/70">About</p>
            <h1 class="mt-3 text-5xl font-bold tracking-tight text-white sm:text-6xl">Built to help contractors quote faster, look sharper, and win more work.</h1>
            <p class="mt-6 max-w-3xl text-lg leading-8 text-slate-300">ContractorEstimateAI is designed for American field teams that need a faster path from job description to professional estimate. The goal is simple: reduce admin drag and improve the way your company shows up in front of customers.</p>
        </div>
    </section>

    <section class="grid gap-6 pb-20 lg:grid-cols-3">
        <article class="rounded-[1.75rem] border border-white/10 bg-white/5 p-6">
            <h2 class="text-2xl font-semibold text-white">Faster turnaround</h2>
            <p class="mt-3 leading-7 text-slate-300">Customers often compare multiple contractors. Faster, cleaner quoting helps you stay in the decision window.</p>
        </article>
        <article class="rounded-[1.75rem] border border-white/10 bg-white/5 p-6">
            <h2 class="text-2xl font-semibold text-white">Professional presentation</h2>
            <p class="mt-3 leading-7 text-slate-300">Clean line items and proposal PDFs make your business feel organized and easier to trust.</p>
        </article>
        <article class="rounded-[1.75rem] border border-white/10 bg-white/5 p-6">
            <h2 class="text-2xl font-semibold text-white">Practical workflow</h2>
            <p class="mt-3 leading-7 text-slate-300">The product is built around the pace of real contractor schedules, not office-heavy enterprise processes.</p>
        </article>
    </section>
@endsection