@extends('layouts.public')

@section('titre', 'Contact — InnerHayti')

@section('content')

<section class="svc-hero">
  <div class="wrap">
    <span class="eyebrow">Contact</span>
    <h1>Parlons de votre projet.</h1>
    <p class="lead">Une question, une annonce, un partenariat ? Notre équipe vous répond rapidement, de préférence sur WhatsApp.</p>
  </div>
</section>

<section class="block">
  <div class="wrap">
    <div class="contact-grid">
      <div class="contact-card">
        <span class="label">WhatsApp</span>
        <a href="https://wa.me/50940493434" target="_blank" rel="noopener">+509 4049 3434</a>
      </div>
      <div class="contact-card">
        <span class="label">E-mail</span>
        <a href="mailto:contact@innerhayti.com">contact@innerhayti.com</a>
      </div>
      <div class="contact-card">
        <span class="label">Localisation</span>
        <span>Pétion-Ville, Haïti</span>
      </div>
    </div>

    <div class="svc-cta">
      <h2>Le plus rapide : WhatsApp</h2>
      <p>Écrivez-nous directement, nous répondons dans la journée.</p>
      <a class="btn btn-solid" href="https://wa.me/50940493434" target="_blank" rel="noopener">Démarrer une conversation</a>
    </div>
  </div>
</section>
@endsection