@extends('layouts.site')

@section('content')
<section class="on-dark section !pb-16"><div class="wrap max-w-4xl">
    <p class="eyebrow">Company</p>
    <h1 class="display">{{ \App\Support\Text::accent('Builders of *working systems*.') }}</h1>
    <p class="lead mt-6">Webnedrix is a Nigerian software and AI solutions company. We build for businesses that have outgrown spreadsheets and disconnected tools, and we stay to make sure the system gets used.</p>
</div></section>

<section class="on-light section !py-16"><div class="wrap grid gap-10 md:grid-cols-3">
    @foreach ([['Plain language', 'We explain what we are building and why, in words you can repeat to your team.'], ['Working software, early', 'You see real screens and real progress throughout, not a reveal at the end.'], ['Built to be used', 'A system nobody opens is a failed project. We plan training and rollout from the start.']] as [$t, $d])
        <div class="reveal"><h2 class="h3">{{ $t }}</h2><p class="mt-2 text-muted">{{ $d }}</p></div>
    @endforeach
</div></section>

@if ($team->isNotEmpty())
<section class="on-ice section !py-16"><div class="wrap"><h2 class="h2 !text-3xl sm:!text-4xl">The team</h2>
    <ul class="mt-10 grid gap-10 sm:grid-cols-2 lg:grid-cols-3">
        @foreach ($team as $m)
            <li class="reveal">
                @if ($m->photo_path)<img class="mb-4 aspect-[4/5] w-full rounded object-cover" src="{{ \Illuminate\Support\Facades\Storage::disk('public')->url($m->photo_path) }}" alt="{{ $m->name }}" loading="lazy">@endif
                <p class="font-display text-xl">{{ $m->name }}</p><p class="text-violet">{{ $m->role }}</p>
                @if ($m->bio)<p class="mt-2 text-muted">{{ $m->bio }}</p>@endif
            </li>
        @endforeach
    </ul></div></section>
@endif
@if ($page)<x-blocks :owner="$page" />@endif
<x-cta-band />
@endsection