@extends('layouts.public')

@section('content')
    <div class="flex min-h-[calc(100dvh-14rem)] flex-col border-b border-amare-border bg-amare-bg">
        <div class="container-amare grid flex-1 content-start gap-12 py-16 md:grid-cols-[minmax(0,1.2fr)_minmax(0,0.8fr)] md:py-24">
            <div class="space-y-6">
                <p class="text-xs font-semibold uppercase tracking-[0.14em] text-amare-accent">Vamos conversar</p>
                <h1 class="text-4xl font-medium tracking-tight text-amare-text md:text-5xl">Todo grande encontro começa com uma boa conversa.</h1>
                <p class="max-w-2xl text-lg text-amare-muted">
                    Em breve você poderá enviar um briefing por aqui. Enquanto isso, fale conosco pelos canais abaixo.
                </p>
            </div>

            <div class="space-y-4 border-t border-amare-border pt-6 text-amare-muted md:border-t-0 md:border-l md:pt-0 md:pl-10">
                <p>{{ $siteSettings->city ?: 'São Paulo - SP' }}</p>
                @if ($siteSettings->email)
                    <p>
                        <a href="mailto:{{ $siteSettings->email }}" class="text-amare-accent transition-colors hover:text-amare-accent-deep">{{ $siteSettings->email }}</a>
                    </p>
                @endif
                @if ($siteSettings->phone)
                    <p>{{ $siteSettings->phone }}</p>
                @endif
                @foreach ($siteSettings->social_links ?? [] as $network => $url)
                    @if (filled($url))
                        <p>
                            <a href="{{ $url }}" class="text-amare-accent transition-colors hover:text-amare-accent-deep" rel="noopener noreferrer" target="_blank">{{ ucfirst((string) $network) }}</a>
                        </p>
                    @endif
                @endforeach
            </div>
        </div>
    </div>
@endsection