{{--
  Template Name: Plan d'Accès
--}}

@extends('layouts.app')

@push('vite-head')
  @vite(['resources/css/pages/plan-dacces.scss', 'resources/js/pages/plan-dacces.ts'])
@endpush

@section('content')
  <section>
    <x-top-content />
  </section>

  <section class="container">
    <div class="columns img-right mb">
      <div class="column column-img">
        @if (! empty(get_field('image')))
          <img
            src="{{ get_field('image')['url'] ?? '' }}"
            alt="{{ get_field('image')['alt'] ?? '' }}"
            class="wave-img"
          />
        @endif
      </div>

      <div class="column column-content">
        @if (! empty(get_field('sous_titre_1')))
          <h2 class="">{{ get_field('sous_titre_1') }}</h2>
        @endif

        @if (! empty(get_field('texte_1')))
          <div class="text mb">
            {!! get_field('texte_1') !!}
          </div>
        @endif

        @if (! empty(get_field('sous_titre_2')))
          <h2 class="text-primary">{{ get_field('sous_titre_2') }}</h2>
        @endif

        @if (! empty(get_field('texte_2')))
          <div class="text">
            {!! get_field('texte_2') !!}
          </div>
        @endif
      </div>
    </div>
  </section>

  <section class="top-wave container">
    <x-instagram-feed />
  </section>
@endsection