{{-- PAGE LANDING — definit les donnees puis assemble les composants. --}}
@php
  $services = [
    [
      'num' => '01', 'titre' => 'Gestion Data', 'lien' => '#data', 'couleur' => 'blue',
      'texte' => "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vos données dans un coffre-fort numérique basé en France, disponibles partout.",
      'icone' => '<ellipse cx="12" cy="5" rx="8" ry="3"/><path d="M4 5v6c0 1.66 3.58 3 8 3s8-1.34 8-3V5"/><path d="M4 11v6c0 1.66 3.58 3 8 3s8-1.34 8-3v-6"/>',
    ],
    [
      'num' => '02', 'titre' => 'Gestion Emails', 'lien' => '#emails', 'couleur' => 'org',
      'texte' => "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Adresses personnalisées, hébergement sécurisé, G-Suite et Office 365.",
      'icone' => '<rect x="3" y="5" width="18" height="14" rx="3"/><path d="m3 7 9 6 9-6"/>',
    ],
    [
      'num' => '03', 'titre' => 'Agence Créative', 'lien' => '#creative', 'couleur' => 'blue',
      'texte' => "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Image de marque, sites web et contenus pour gagner en visibilité.",
      'icone' => '<path d="M12 19c4.97 0 9-3.13 9-7s-4.03-7-9-7-9 3.13-9 7c0 1.7.78 3.26 2.08 4.47L4 19l3.5-1.2A11 11 0 0 0 12 19Z"/>',
    ],
    [
      'num' => '04', 'titre' => 'Home Office', 'lien' => '#office', 'couleur' => 'org',
      'texte' => "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Solutions de télétravail fluides et collaboration à distance, sans friction.",
      'icone' => '<rect x="3" y="4" width="18" height="12" rx="3"/><path d="M8 20h8M12 16v4"/>',
    ],
  ];

  $stats = [
    ['k' => '14 ans', 'v' => "d'infogérance continue"],
    ['k' => '24/7',   'v' => 'supervision de vos données'],
    ['k' => '100%',   'v' => 'hébergées en France'],
  ];

  $footerCols = [
    ['titre' => 'Services', 'liens' => [
      ['url' => '#data', 'label' => 'Gestion Data'],
      ['url' => '#emails', 'label' => 'Gestion Emails'],
      ['url' => '#creative', 'label' => 'Agence Créative'],
      ['url' => '#office', 'label' => 'Home Office'],
    ]],
    ['titre' => 'Entreprise', 'liens' => [
      ['url' => '#about', 'label' => 'À propos'],
      ['url' => '#footer', 'label' => 'Références'],
      ['url' => '#contact', 'label' => 'Recrutement'],
      ['url' => '#contact', 'label' => 'Contact'],
    ]],
  ];
@endphp

<x-layout>
  <main id="top">
    <x-header />
    <x-hero />
    <x-services :services="$services" />
    <x-about :stats="$stats" />
    <x-cta />
  </main>
  <x-footer :footer-cols="$footerCols" />
</x-layout>