var/cache/dev/twig/82/82a161c396d2b64cfdf4d3a1475862e1a045e993116936c37fe2c5ad17eeca94.php line 40

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  16. /* default/index.html.twig */
  17. class __TwigTemplate_4c3c0a9931f1599e18aee538fc3e21a57812ad5a3f3adcb6fb1619c3a2d1e198 extends Template
  18. {
  19.     private $source;
  20.     private $macros = [];
  22.     public function __construct(Environment $env)
  23.     {
  24.         parent::__construct($env);
  26.         $this->source = $this->getSourceContext();
  28.         $this->blocks = [
  29.             'title' => [$this, 'block_title'],
  30.             'body' => [$this, 'block_body'],
  31.         ];
  32.     }
  34.     protected function doGetParent(array $context)
  35.     {
  36.         // line 1
  37.         return "base.html.twig";
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = [])
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "default/index.html.twig"));
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "default/index.html.twig"));
  49.         $this->parent = $this->loadTemplate("base.html.twig", "default/index.html.twig", 1);
  50.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  51.         
  52.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  54.         
  55.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  57.     }
  59.     // line 3
  60.     public function block_title($context, array $blocks = [])
  61.     {
  62.         $macros = $this->macros;
  63.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  64.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  66.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  67.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  69.         yield "Otropik — Agence de voyage en Guadeloupe & dans le monde";
  70.         
  71.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  73.         
  74.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  76.         return; yield '';
  77.     }
  79.     // line 5
  80.     public function block_body($context, array $blocks = [])
  81.     {
  82.         $macros = $this->macros;
  83.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  84.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  86.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  87.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  89.         // line 6
  90.         yield "
  91. ";
  92.         // line 10
  93.         yield "<section class=\"section-hero position-relative\">
  94.   <picture>
  95.   ";
  96.         // line 12
  97.         if (CoreExtension::getAttribute($this->env, $this->source, (isset($context["banner"]) || array_key_exists("banner", $context) ? $context["banner"] : (function () { throw new RuntimeError('Variable "banner" does not exist.', 12, $this->source); })()), "img", [], "any", false, false, false, 12)) {
  98.             // line 13
  99.             yield "  <img src=\"";
  100.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/banner/"), "html", null, true);
  101.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["banner"]) || array_key_exists("banner", $context) ? $context["banner"] : (function () { throw new RuntimeError('Variable "banner" does not exist.', 13, $this->source); })()), "img", [], "any", false, false, false, 13), "html", null, true);
  102.             yield "\" alt=\"Plage paradisiaque\" class=\"hero-bg w-100 h-100\">
  103.   ";
  104.         } else {
  105.             // line 15
  106.             yield "    <img src=\"";
  107.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/3004.jpg"), "html", null, true);
  108.             yield "\" alt=\"Plage paradisiaque en Guadeloupe\" class=\"hero-bg w-100 h-100\">
  109.   ";
  110.         }
  111.         // line 17
  112.         yield "  </picture>
  113.   <div class=\"hero-overlay container py-5 text-center text-white\">
  114.     <img src=\"";
  115.         // line 19
  116.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/logo-otropik.png"), "html", null, true);
  117.         yield "\" alt=\"Otropik\" class=\"mb-3\" style=\"max-width: 240px; height: auto;\">
  118.     <p class=\"lead fw-semibold text-shadow-sm\">N&#39;imaginez plus vos vacances, vivez-les !</p>
  120.     <form class=\"d-flex justify-content-center mt-4\" action=\"";
  121.         // line 22
  122.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("search");
  123.         yield "\" method=\"get\" role=\"search\" aria-label=\"Recherche de séjours\">
  124.       <div class=\"search-pill bg-white rounded-pill shadow-lg d-flex align-items-center overflow-hidden w-100\" style=\"max-width:760px;\">
  125.         <input class=\"form-control border-0 px-4 py-3 flex-grow-1\" type=\"search\" name=\"q\" placeholder=\"Où partez-vous ? (ex: Guadeloupe, New York, croisière…)\" aria-label=\"Rechercher\">
  126.         <button class=\"btn btn-primary rounded-0 px-4 py-3\" type=\"submit\">Rechercher</button>
  127.       </div>
  128.     </form>
  130.     <div class=\"d-flex gap-2 justify-content-center mt-3 flex-wrap\">
  131.       <a href=\"";
  132.         // line 30
  133.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("o.circuit");
  134.         yield "\" class=\"btn btn-outline-light btn-sm rounded-pill\">O&#39; Circuit</a>
  135.       <a href=\"";
  136.         // line 31
  137.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("o.escapade");
  138.         yield "\" class=\"btn btn-outline-light btn-sm rounded-pill\">O&#39; Escapade</a>
  139.       <a href=\"";
  140.         // line 32
  141.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("o.roadtrip");
  142.         yield "\" class=\"btn btn-outline-light btn-sm rounded-pill\">O&#39; RoadTrip</a>
  143.        <a href=\"";
  144.         // line 33
  145.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("o.croisiere");
  146.         yield "\" class=\"btn btn-outline-light btn-sm rounded-pill\">O&#39; Croisière</a>
  147.     </div>
  148.   </div>
  149. </section>
  151. ";
  152.         // line 41
  153.         yield "<section class=\"py-5 bg-white\">
  154.   <div class=\"container\">
  155.     <header class=\"d-flex flex-wrap align-items-center justify-content-between gap-3 mb-3\">
  156.       <div>
  157.         <h2 class=\"h3 text-success mb-1 fw-bold\">Nos O&#39;ffres du moment</h2>
  158.         <p class=\"text-muted mb-0\">Découvrez nos dernières expériences en immersion !</p>
  159.       </div>
  160.      <div class=\"d-flex gap-2 flex-wrap\">
  161.         <a href=\"";
  162.         // line 49
  163.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("o.circuit");
  164.         yield "\" class=\"chip\">O&#39; Circuit</a>
  165.         <a href=\"";
  166.         // line 50
  167.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("o.escapade");
  168.         yield "\" class=\"chip\">O&#39; Escapade</a>
  169.         <a href=\"";
  170.         // line 51
  171.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("o.roadtrip");
  172.         yield "\" class=\"chip\">O&#39; RoadTrip</a>
  173.       </div> 
  174.     </header>
  176.     <div class=\"row g-3 g-md-4\">
  177.       ";
  178.         // line 56
  179.         $context['_parent'] = $context;
  180.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["ourOffer"]) || array_key_exists("ourOffer", $context) ? $context["ourOffer"] : (function () { throw new RuntimeError('Variable "ourOffer" does not exist.', 56, $this->source); })()));
  181.         foreach ($context['_seq'] as $context["_key"] => $context["o"]) {
  182.             // line 57
  183.             yield "      <div class=\"col-12 col-sm-6 col-lg-3\">
  184.         <article class=\"card card-offer border-0 shadow-sm h-10s0 overflow-hidden rounded-4\">
  185.           ";
  186.             // line 59
  187.             if ((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["o"], "type", [], "any", false, false, false, 59), "id", [], "any", false, false, false, 59), 1))) {
  188.                 // line 60
  189.                 yield "          <a href=\"";
  190.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("o.escapade.destination", ["slug" => CoreExtension::getAttribute($this->env, $this->source, $context["o"], "slug", [], "any", false, false, false, 60)]), "html", null, true);
  191.                 yield "\" class=\"stretched-link text-decoration-none text-white\">
  192.           ";
  193.             } elseif ((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source,             // line 61
  194. $context["o"], "type", [], "any", false, false, false, 61), "id", [], "any", false, false, false, 61), 2))) {
  195.                 // line 62
  196.                 yield "          <a href=\"";
  197.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("o.circuit.destination", ["slug" => CoreExtension::getAttribute($this->env, $this->source, $context["o"], "slug", [], "any", false, false, false, 62)]), "html", null, true);
  198.                 yield "\" class=\"stretched-link text-decoration-none text-white\">
  199.           ";
  200.             } elseif ((0 === CoreExtension::compare(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source,             // line 63
  201. $context["o"], "type", [], "any", false, false, false, 63), "id", [], "any", false, false, false, 63), 3))) {
  202.                 // line 64
  203.                 yield "          <a href=\"";
  204.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("o.roadtrip.destination", ["slug" => CoreExtension::getAttribute($this->env, $this->source, $context["o"], "slug", [], "any", false, false, false, 64)]), "html", null, true);
  205.                 yield "\" class=\"stretched-link text-decoration-none text-white\">
  206.           ";
  207.             }
  208.             // line 66
  209.             yield "            <div class=\"ratio ratio-4x5\">
  210.               <img src=\"";
  211.             // line 67
  212.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(((((("img/offer/" . CoreExtension::getAttribute($this->env, $this->source, $context["o"], "file", [], "any", false, false, false, 67)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["o"], "slug", [], "any", false, false, false, 67)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["o"], "img", [], "any", false, false, false, 67))), "html", null, true);
  213.             yield "\" alt=\"";
  214.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["o"], "file", [], "any", false, false, false, 67), "html", null, true);
  215.             yield "\" class=\"object-fit-cover w-100 h-100\">
  216.             </div>
  217.             <div class=\"card-img-overlay d-flex flex-column justify-content-end p-3 p-md-4\">
  218.               <span>";
  219.             // line 70
  220.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["o"], "type", [], "any", false, false, false, 70), "name", [], "any", false, false, false, 70), "html", null, true);
  221.             yield "</span>
  222.               <h3 class=\"h5 fw-bold text-white text-shadow-sm mb-3\">";
  223.             // line 71
  224.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["o"], "title", [], "any", false, false, false, 71), "html", null, true);
  225.             yield "</h3>
  226.               <div>
  227.                 <span class=\"btn btn-outline-light btn-sm rounded-pill\">Découvrir</span>
  228.               </div>
  229.             </div>
  230.           </a>
  231.         </article>
  232.       </div>
  233.       ";
  234.         }
  235.         $_parent = $context['_parent'];
  236.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['o'], $context['_parent'], $context['loop']);
  237.         $context = array_intersect_key($context, $_parent) + $_parent;
  238.         // line 80
  239.         yield "    </div>
  241.     <div class=\"section-divider mx-auto my-5\"></div>
  242.   </div>
  243. </section>
  245. ";
  246.         // line 89
  247.         yield "<section class=\"py-5 bg-white\">
  248.   <div class=\"container\">
  249.     <header class=\"mb-3\">
  250.       <h2 class=\"h3 text-success mb-1 fw-bold\">Nos O&#39;Sélections</h2>
  251.       <p class=\"text-muted mb-0\">Découvrez nos dernières expériences en immersion !</p>
  252.     </header>
  254.     <div class=\"row g-3 g-md-4\">
  256.  ";
  257.         // line 98
  258.         $context['_parent'] = $context;
  259.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["offEscapade"]) || array_key_exists("offEscapade", $context) ? $context["offEscapade"] : (function () { throw new RuntimeError('Variable "offEscapade" does not exist.', 98, $this->source); })()));
  260.         foreach ($context['_seq'] as $context["_key"] => $context["offer"]) {
  261.             // line 99
  262.             yield "    <div class=\"col-12 col-sm-6 col-lg-3\">
  263.       <article class=\"card card-dest border-0 shadow-sm h-100 overflow-hidden rounded-4\">
  264.       ";
  265.             // line 101
  266.             if (CoreExtension::getAttribute($this->env, $this->source, $context["offer"], "destination", [], "any", false, false, false, 101)) {
  267.                 // line 102
  268.                 yield "        <a href=\"";
  269.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("o.escapade.destination", ["slug" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["offer"], "destination", [], "any", false, false, false, 102), "slug", [], "any", false, false, false, 102)]), "html", null, true);
  270.                 yield "\" class=\"stretched-link text-decoration-none text-white\">
  271.           <div class=\"ratio ratio-4x5\">
  272.               <img src=\"";
  273.                 // line 104
  274.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(((("img/destination/" . CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["offer"], "destination", [], "any", false, false, false, 104), "slug", [], "any", false, false, false, 104)) . "/") . CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["offer"], "destination", [], "any", false, false, false, 104), "img", [], "any", false, false, false, 104))), "html", null, true);
  275.                 yield "\" alt=\"";
  276.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["offer"], "title", [], "any", false, false, false, 104), "html", null, true);
  277.                 yield "\" class=\"object-fit-cover w-100 h-100\">
  278.           </div>
  279.           <div class=\"card-img-overlay d-flex flex-column justify-content-end p-3 p-md-4\">
  280.              ";
  281.                 // line 108
  282.                 yield "                <h3 class=\"h5 fw-bold text-white text-shadow-sm mb-0\">";
  283.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["offer"], "title", [], "any", false, false, false, 108), "html", null, true);
  284.                 yield "</h3>
  285.               <div class=\"mt-3\">
  286.                   <span class=\"btn btn-outline-light btn-sm rounded-pill\">Découvrir</span>
  287.               </div>
  288.           </div>
  289.           </a>
  290.         ";
  291.             }
  292.             // line 115
  293.             yield "        </article>
  294.       </div>
  295. ";
  296.         }
  297.         $_parent = $context['_parent'];
  298.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['offer'], $context['_parent'], $context['loop']);
  299.         $context = array_intersect_key($context, $_parent) + $_parent;
  300.         // line 118
  301.         yield "
  302.     <div class=\"section-divider mx-auto my-5\"></div>
  303.   </div>
  304. </section>
  306. ";
  307.         // line 126
  308.         yield "<section class=\"cta-parallax text-white text-center\">
  309.   ";
  310.         // line 128
  311.         yield "  <div class=\"cta-parallax__bg\" style=\"--bg:url('";
  312.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/para.jpg"), "html", null, true);
  313.         yield "');\"></div>
  315.   <div class=\"cta-parallax__overlay\"></div>
  317.   <div class=\"container position-relative py-5 py-lg-7\">
  318.     <h2 class=\"display-6 fw-bold text-shadow-sm mb-3\">Une envie de voyage particulière ?</h2>
  320.     ";
  321.         // line 136
  322.         yield "    <ul class=\"cta-chips list-unstyled mx-auto mb-3\" role=\"list\" aria-label=\"Idées de voyages\">
  323.       ";
  324.         // line 137
  325.         $context["tags"] = ["Randonnée", "Road trip", "Croisière", "Immersion", "Aventure", "Découverte"];
  326.         // line 138
  327.         yield "      ";
  328.         // line 141
  329.         yield "      ";
  330.         $context['_parent'] = $context;
  331.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["continents"]) || array_key_exists("continents", $context) ? $context["continents"] : (function () { throw new RuntimeError('Variable "continents" does not exist.', 141, $this->source); })()));
  332.         foreach ($context['_seq'] as $context["_key"] => $context["c"]) {
  333.             // line 142
  334.             yield "        <a class=\"chip chip--ghost\" href=\"";
  335.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("o.continent", ["slug" => CoreExtension::getAttribute($this->env, $this->source, $context["c"], "slug", [], "any", false, false, false, 142)]), "html", null, true);
  336.             yield "\"><li>";
  337.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["c"], "name", [], "any", false, false, false, 142), "html", null, true);
  338.             yield "</li></a> 
  339.       ";
  340.         }
  341.         $_parent = $context['_parent'];
  342.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['c'], $context['_parent'], $context['loop']);
  343.         $context = array_intersect_key($context, $_parent) + $_parent;
  344.         // line 144
  345.         yield "    </ul>
  347.     <p class=\"opacity-90 mb-4\">Construisez votre voyage avec un spécialiste</p>
  349.     <div class=\"d-flex gap-2 justify-content-center flex-wrap\">
  350.       <a href=\"";
  351.         // line 149
  352.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("o.contact");
  353.         yield "\" class=\"btn btn-outline-light rounded-pill\">Nous contacter</a>
  354.       <a href=\"";
  355.         // line 150
  356.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("o.devis");
  357.         yield "\" class=\"btn btn-primary rounded-pill\">Demander un devis</a>
  358.     </div>
  359.   </div>
  360. </section>
  362. ";
  363.         // line 158
  364.         yield "<section class=\"py-5 bg-white\">
  365.   <div class=\"container\">
  367.     ";
  368.         // line 162
  369.         yield "    <div class=\"row align-items-center g-4\">
  370.       <div class=\"col-12 col-lg-6\">
  371.         <div id=\"carouselAtouts\" class=\"carousel slide rounded-4 overflow-hidden shadow-sm\" data-bs-ride=\"carousel\">
  372.           <div class=\"carousel-inner\">
  373.             <div class=\"carousel-item active\">
  374.               <img src=\"";
  375.         // line 167
  376.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/photo-agence.jpg"), "html", null, true);
  377.         yield "\" class=\"d-block w-100 object-fit-cover\" alt=\"Voyage 1\">
  378.             </div>
  379.             <div class=\"carousel-item\">
  380.               <img src=\"";
  381.         // line 170
  382.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/photo-agence-0.jpg"), "html", null, true);
  383.         yield "\" class=\"d-block w-100 object-fit-cover\" alt=\"Voyage 2\">
  384.             </div>
  385.           </div>
  386.           <button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#carouselAtouts\" data-bs-slide=\"prev\">
  387.             <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>
  388.             <span class=\"visually-hidden\">Précédent</span>
  389.           </button>
  390.           <button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#carouselAtouts\" data-bs-slide=\"next\">
  391.             <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>
  392.             <span class=\"visually-hidden\">Suivant</span>
  393.           </button>
  394.         </div>
  395.       </div>
  397.       <div class=\"col-12 col-lg-6\">
  398.         <h2 class=\"h3 txt-ot-green fw-bold mb-3\">Pourquoi voyager avec O’TROPIK ?</h2>
  399.         <p class=\"text-muted\">Chez O’TROPIK, nous croyons que chaque voyage doit être unique, conçu avec soin et adapté à vos envies.</p>
  400.         <p class=\"text-muted\">Forte d’une solide expérience dans le tourisme et d’une véritable passion pour le voyage, notre agence vous accompagne dans la création de séjours qui vous ressemblent.</p>
  401.         <p class=\"text-muted\">Notre priorité : que vos vacances soient inoubliables et que vous vous sentiez privilégiés à chaque étape, de la préparation à votre retour.</p>
  403.       ";
  404.         // line 192
  405.         yield " 
  406.       </div>
  407.     </div>
  409.     ";
  410.         // line 197
  411.         yield "    <div class=\"row mt-5 mb-2\">
  412.       <div class=\"col-12 mb-3\">
  413.         <h2 class=\"h3 fw-bold txt-ot-green\">O’ Atouts</h2>
  414.         <p class=\"text-muted mb-0\">Parce que chaque détail compte, voici ce qui rend nos voyages uniques.</p>
  415.       </div>
  416.       ";
  417.         // line 202
  418.         $context['_parent'] = $context;
  419.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["atouts"]) || array_key_exists("atouts", $context) ? $context["atouts"] : (function () { throw new RuntimeError('Variable "atouts" does not exist.', 202, $this->source); })()));
  420.         foreach ($context['_seq'] as $context["_key"] => $context["a"]) {
  421.             // line 203
  422.             yield "         <div class=\"col-12 col-md-6 col-lg-3 mb-3\">
  423.         <div class=\"p-3 text-center h-100 border rounded-4 shadow-sm\">
  424.           <strong class=\"txt-ot-green\">";
  425.             // line 205
  426.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "title", [], "any", false, false, false, 205), "html", null, true);
  427.             yield "</strong><br>
  428.           <small class=\"text-muted\">";
  429.             // line 206
  430.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["a"], "description", [], "any", false, false, false, 206), "html", null, true);
  431.             yield "</small>
  432.         </div>
  433.       </div>
  434.       ";
  435.         }
  436.         $_parent = $context['_parent'];
  437.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['a'], $context['_parent'], $context['loop']);
  438.         $context = array_intersect_key($context, $_parent) + $_parent;
  439.         // line 210
  440.         yield "    </div>
  442.     <div class=\"section-divider mx-auto my-5\"></div>
  443.   </div>
  444. </section>
  446. <section>
  447. <h2 class=\"h3 fw-bold txt-ot-green text-center\"> Accréditations & partenaires de confiance</h2>
  448.   <div class=\"partner-slider\">
  449.   <div class=\"track\">
  450.     <img src=\"/img/logos/apst.png\" alt=\"APST\">
  451.     <img src=\"/img/logos/assurever.png\" alt=\"Assurever\">
  452.     <img src=\"/img/logos/hiscox.png\" alt=\"Hiscox\">
  453.     <img src=\"/img/logos/iata.png\" alt=\"IATA\">
  454.     <img src=\"/img/logos/atout-france.png\" alt=\"Atout France\">
  455.     <img src=\"/img/logos/tourcom.png\" alt=\"TourCom\">
  456.   </div>
  459. </div>
  460. </section>
  463. ";
  464.         // line 251
  465.         yield "
  466. ";
  467.         // line 255
  468.         yield "<section class=\"py-5 bg-white\">
  469.   <div class=\"container\">
  470.     <div class=\"row text-center g-4\">
  471.       <div class=\"col-12 col-md-4\">
  472.         <div class=\"contact-ico mb-2\" style=\"font-size: 2em;color: #1a8754;\"><i class=\"bi bi-clock\"></i></div>
  473.         <h3 class=\"text-success h6 fw-bold\">Horaire Agence</h3>
  474.         <p class=\"small text-muted mb-0\">Du lundi au Vendredi de 09h à 12h et de 13H à 17h00 <br>Un samedi sur deux</p>
  475.       </div>
  476.       <div class=\"col-12 col-md-4\">
  477.         <div class=\"contact-ico mb-2\" style=\"font-size: 2em;color: #1a8754;\"><i class=\"bi bi-telephone\"></i></div>
  478.         <h3 class=\"text-success h6 fw-bold\">Téléphone</h3>
  479.        
  480.         <p class=\"small text-muted mb-0\">
  481.         ";
  482.         // line 268
  483.         if (CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 268, $this->source); })()), "phone", [], "any", false, false, false, 268)) {
  484.             yield " 
  485.         Bureau : <a class=\"link-info\" href=\"tel:+590590505134\">";
  486.             // line 269
  487.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 269, $this->source); })()), "phone", [], "any", false, false, false, 269), "html", null, true);
  488.             yield "</a><br> ";
  489.         }
  490.         // line 270
  491.         yield "        ";
  492.         if (CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 270, $this->source); })()), "mobile", [], "any", false, false, false, 270)) {
  493.             yield " 
  494.         Mobile : <a class=\"link-info\" href=\"tel:+590690357030\">";
  495.             // line 271
  496.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 271, $this->source); })()), "mobile", [], "any", false, false, false, 271), "html", null, true);
  497.             yield "</a><br> ";
  498.         }
  499.         // line 272
  500.         yield "        ";
  501.         if (CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 272, $this->source); })()), "mobileTwo", [], "any", false, false, false, 272)) {
  502.             yield " 
  503.         Mobile : <a class=\"link-info\" href=\"tel:+590690762562\">";
  504.             // line 273
  505.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 273, $this->source); })()), "mobileTwo", [], "any", false, false, false, 273), "html", null, true);
  506.             yield "</a> ";
  507.         }
  508.         // line 274
  509.         yield "
  510.         </p>
  511.       </div>
  512.       <div class=\"col-12 col-md-4\">
  513.         <div class=\"contact-ico mb-2\" style=\"font-size: 2em;color: #1a8754;\"><i class=\"bi bi-geo-alt\"></i></div>
  514.         <h3 class=\"text-success h6 fw-bold\">Localisation</h3>
  515.         <p class=\"small text-muted mb-0\">";
  516.         // line 280
  517.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 280, $this->source); })()), "adress", [], "any", false, false, false, 280), "html", null, true);
  518.         yield " <br> ";
  519.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 280, $this->source); })()), "zip", [], "any", false, false, false, 280), "html", null, true);
  520.         yield " ";
  521.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["infos"]) || array_key_exists("infos", $context) ? $context["infos"] : (function () { throw new RuntimeError('Variable "infos" does not exist.', 280, $this->source); })()), "city", [], "any", false, false, false, 280), "html", null, true);
  522.         yield " </p>
  523.       </div>
  524.     </div>
  525.   </div>
  526. </section>
  528. <script>
  529. document.addEventListener(\"DOMContentLoaded\", function () {
  530.   const slider = document.querySelector('.partner-slider');
  531.   const track = slider.querySelector('.track');
  532.   const logos = [...track.children];
  533.   const dotsContainer = slider.querySelector('.dots');
  535.   // clone images to simulate infinite scroll visually
  536.   logos.forEach(logo => {
  537.     const clone = logo.cloneNode(true);
  538.     track.appendChild(clone);
  539.   });
  541.   // create dots
  542.   logos.forEach((_, i) => {
  543.     const dot = document.createElement('span');
  544.     if (i === 0) dot.classList.add('active');
  545.     dotsContainer.appendChild(dot);
  546.   });
  548.   let index = 0;
  549.   const dots = [...dotsContainer.children];
  551.   setInterval(() => {
  552.     index = (index + 1) % logos.length;
  553.     dots.forEach(d => d.classList.remove('active'));
  554.     dots[index].classList.add('active');
  555.   }, 3000);
  556. });
  557. </script>
  558. ";
  559.         
  560.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  562.         
  563.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  565.         return; yield '';
  566.     }
  568.     /**
  569.      * @codeCoverageIgnore
  570.      */
  571.     public function getTemplateName()
  572.     {
  573.         return "default/index.html.twig";
  574.     }
  576.     /**
  577.      * @codeCoverageIgnore
  578.      */
  579.     public function isTraitable()
  580.     {
  581.         return false;
  582.     }
  584.     /**
  585.      * @codeCoverageIgnore
  586.      */
  587.     public function getDebugInfo()
  588.     {
  589.         return array (  517 => 280,  509 => 274,  505 => 273,  500 => 272,  496 => 271,  491 => 270,  487 => 269,  483 => 268,  468 => 255,  465 => 251,  440 => 210,  430 => 206,  426 => 205,  422 => 203,  418 => 202,  411 => 197,  405 => 192,  382 => 170,  376 => 167,  369 => 162,  364 => 158,  356 => 150,  352 => 149,  345 => 144,  334 => 142,  329 => 141,  327 => 138,  325 => 137,  322 => 136,  311 => 128,  308 => 126,  301 => 118,  293 => 115,  282 => 108,  274 => 104,  268 => 102,  266 => 101,  262 => 99,  258 => 98,  247 => 89,  239 => 80,  224 => 71,  220 => 70,  212 => 67,  209 => 66,  203 => 64,  201 => 63,  196 => 62,  194 => 61,  189 => 60,  187 => 59,  183 => 57,  179 => 56,  171 => 51,  167 => 50,  163 => 49,  153 => 41,  145 => 33,  141 => 32,  137 => 31,  133 => 30,  122 => 22,  116 => 19,  112 => 17,  106 => 15,  99 => 13,  97 => 12,  93 => 10,  90 => 6,  80 => 5,  60 => 3,  37 => 1,);
  590.     }
  592.     public function getSourceContext()
  593.     {
  594.         return new Source("{% extends 'base.html.twig' %}
  596. {% block title %}Otropik — Agence de voyage en Guadeloupe & dans le monde{% endblock %}
  598. {% block body %}
  600. {# -----------------------------
  601.    HERO avec fond + recherche
  602. ------------------------------ #}
  603. <section class=\"section-hero position-relative\">
  604.   <picture>
  605.   {% if banner.img %}
  606.   <img src=\"{{ asset('img/banner/')}}{{banner.img}}\" alt=\"Plage paradisiaque\" class=\"hero-bg w-100 h-100\">
  607.   {% else %}
  608.     <img src=\"{{ asset('img/3004.jpg') }}\" alt=\"Plage paradisiaque en Guadeloupe\" class=\"hero-bg w-100 h-100\">
  609.   {% endif %}
  610.   </picture>
  611.   <div class=\"hero-overlay container py-5 text-center text-white\">
  612.     <img src=\"{{ asset('img/logo-otropik.png') }}\" alt=\"Otropik\" class=\"mb-3\" style=\"max-width: 240px; height: auto;\">
  613.     <p class=\"lead fw-semibold text-shadow-sm\">N&#39;imaginez plus vos vacances, vivez-les !</p>
  615.     <form class=\"d-flex justify-content-center mt-4\" action=\"{{ path('search') }}\" method=\"get\" role=\"search\" aria-label=\"Recherche de séjours\">
  616.       <div class=\"search-pill bg-white rounded-pill shadow-lg d-flex align-items-center overflow-hidden w-100\" style=\"max-width:760px;\">
  617.         <input class=\"form-control border-0 px-4 py-3 flex-grow-1\" type=\"search\" name=\"q\" placeholder=\"Où partez-vous ? (ex: Guadeloupe, New York, croisière…)\" aria-label=\"Rechercher\">
  618.         <button class=\"btn btn-primary rounded-0 px-4 py-3\" type=\"submit\">Rechercher</button>
  619.       </div>
  620.     </form>
  622.     <div class=\"d-flex gap-2 justify-content-center mt-3 flex-wrap\">
  623.       <a href=\"{{ path('o.circuit') }}\" class=\"btn btn-outline-light btn-sm rounded-pill\">O&#39; Circuit</a>
  624.       <a href=\"{{ path('o.escapade') }}\" class=\"btn btn-outline-light btn-sm rounded-pill\">O&#39; Escapade</a>
  625.       <a href=\"{{ path('o.roadtrip') }}\" class=\"btn btn-outline-light btn-sm rounded-pill\">O&#39; RoadTrip</a>
  626.        <a href=\"{{ path('o.croisiere') }}\" class=\"btn btn-outline-light btn-sm rounded-pill\">O&#39; Croisière</a>
  627.     </div>
  628.   </div>
  629. </section>
  631. {# -----------------------------
  632.    Offres du moment + chips
  633. ------------------------------ #}
  634. <section class=\"py-5 bg-white\">
  635.   <div class=\"container\">
  636.     <header class=\"d-flex flex-wrap align-items-center justify-content-between gap-3 mb-3\">
  637.       <div>
  638.         <h2 class=\"h3 text-success mb-1 fw-bold\">Nos O&#39;ffres du moment</h2>
  639.         <p class=\"text-muted mb-0\">Découvrez nos dernières expériences en immersion !</p>
  640.       </div>
  641.      <div class=\"d-flex gap-2 flex-wrap\">
  642.         <a href=\"{{ path('o.circuit') }}\" class=\"chip\">O&#39; Circuit</a>
  643.         <a href=\"{{ path('o.escapade') }}\" class=\"chip\">O&#39; Escapade</a>
  644.         <a href=\"{{ path('o.roadtrip') }}\" class=\"chip\">O&#39; RoadTrip</a>
  645.       </div> 
  646.     </header>
  648.     <div class=\"row g-3 g-md-4\">
  649.       {% for o in ourOffer %}
  650.       <div class=\"col-12 col-sm-6 col-lg-3\">
  651.         <article class=\"card card-offer border-0 shadow-sm h-10s0 overflow-hidden rounded-4\">
  652.           {% if o.type.id ==  1 %}
  653.           <a href=\"{{ path('o.escapade.destination',{slug:o.slug})}}\" class=\"stretched-link text-decoration-none text-white\">
  654.           {% elseif o.type.id == 2 %}
  655.           <a href=\"{{ path('o.circuit.destination',{slug:o.slug})}}\" class=\"stretched-link text-decoration-none text-white\">
  656.           {% elseif o.type.id == 3 %}
  657.           <a href=\"{{ path('o.roadtrip.destination',{slug:o.slug})}}\" class=\"stretched-link text-decoration-none text-white\">
  658.           {% endif %}
  659.             <div class=\"ratio ratio-4x5\">
  660.               <img src=\"{{asset('img/offer/' ~ o.file  ~ '/' ~ o.slug  ~ '/' ~ o.img)}}\" alt=\"{{ o.file }}\" class=\"object-fit-cover w-100 h-100\">
  661.             </div>
  662.             <div class=\"card-img-overlay d-flex flex-column justify-content-end p-3 p-md-4\">
  663.               <span>{{ o.type.name }}</span>
  664.               <h3 class=\"h5 fw-bold text-white text-shadow-sm mb-3\">{{ o.title }}</h3>
  665.               <div>
  666.                 <span class=\"btn btn-outline-light btn-sm rounded-pill\">Découvrir</span>
  667.               </div>
  668.             </div>
  669.           </a>
  670.         </article>
  671.       </div>
  672.       {% endfor %}
  673.     </div>
  675.     <div class=\"section-divider mx-auto my-5\"></div>
  676.   </div>
  677. </section>
  679. {# -----------------------------
  680.    O&#39;Selection (grille 4 cartes)
  681. ------------------------------ #}
  682. <section class=\"py-5 bg-white\">
  683.   <div class=\"container\">
  684.     <header class=\"mb-3\">
  685.       <h2 class=\"h3 text-success mb-1 fw-bold\">Nos O&#39;Sélections</h2>
  686.       <p class=\"text-muted mb-0\">Découvrez nos dernières expériences en immersion !</p>
  687.     </header>
  689.     <div class=\"row g-3 g-md-4\">
  691.  {% for offer in offEscapade %}
  692.     <div class=\"col-12 col-sm-6 col-lg-3\">
  693.       <article class=\"card card-dest border-0 shadow-sm h-100 overflow-hidden rounded-4\">
  694.       {% if offer.destination %}
  695.         <a href=\"{{ path('o.escapade.destination',{slug:offer.destination.slug}) }}\" class=\"stretched-link text-decoration-none text-white\">
  696.           <div class=\"ratio ratio-4x5\">
  697.               <img src=\"{{asset('img/destination/' ~ offer.destination.slug  ~ '/' ~ offer.destination.img)}}\" alt=\"{{ offer.title }}\" class=\"object-fit-cover w-100 h-100\">
  698.           </div>
  699.           <div class=\"card-img-overlay d-flex flex-column justify-content-end p-3 p-md-4\">
  700.              {# <span class=\"badge bg-light text-dark rounded-pill small mb-2\">{{ c.badge }}</span> #}
  701.                 <h3 class=\"h5 fw-bold text-white text-shadow-sm mb-0\">{{ offer.title }}</h3>
  702.               <div class=\"mt-3\">
  703.                   <span class=\"btn btn-outline-light btn-sm rounded-pill\">Découvrir</span>
  704.               </div>
  705.           </div>
  706.           </a>
  707.         {% endif %}
  708.         </article>
  709.       </div>
  710. {% endfor %}
  712.     <div class=\"section-divider mx-auto my-5\"></div>
  713.   </div>
  714. </section>
  716. {# -----------------------------
  717.    Bandeau CTA parallax
  718. ------------------------------ #}
  719. <section class=\"cta-parallax text-white text-center\">
  720.   {# bg en CSS via variable -> parallax #}
  721.   <div class=\"cta-parallax__bg\" style=\"--bg:url('{{ asset('img/para.jpg') }}');\"></div>
  723.   <div class=\"cta-parallax__overlay\"></div>
  725.   <div class=\"container position-relative py-5 py-lg-7\">
  726.     <h2 class=\"display-6 fw-bold text-shadow-sm mb-3\">Une envie de voyage particulière ?</h2>
  728.     {# tags / chips #}
  729.     <ul class=\"cta-chips list-unstyled mx-auto mb-3\" role=\"list\" aria-label=\"Idées de voyages\">
  730.       {% set tags = ['Randonnée','Road trip','Croisière','Immersion','Aventure','Découverte'] %}
  731.       {#{% for t in tags %}
  732.         <li class=\"chip chip--ghost\">{{ t }}</li>
  733.       {% endfor %}#}
  734.       {% for c in continents %}
  735.         <a class=\"chip chip--ghost\" href=\"{{path('o.continent',{slug:c.slug})}}\"><li>{{ c.name }}</li></a> 
  736.       {% endfor %}
  737.     </ul>
  739.     <p class=\"opacity-90 mb-4\">Construisez votre voyage avec un spécialiste</p>
  741.     <div class=\"d-flex gap-2 justify-content-center flex-wrap\">
  742.       <a href=\"{{ path('o.contact') }}\" class=\"btn btn-outline-light rounded-pill\">Nous contacter</a>
  743.       <a href=\"{{ path('o.devis') }}\" class=\"btn btn-primary rounded-pill\">Demander un devis</a>
  744.     </div>
  745.   </div>
  746. </section>
  748. {# -----------------------------
  749.    Pourquoi voyager avec nous + O’Atouts
  750. ------------------------------ #}
  751. <section class=\"py-5 bg-white\">
  752.   <div class=\"container\">
  754.     {# --- Partie Pourquoi voyager avec nous --- #}
  755.     <div class=\"row align-items-center g-4\">
  756.       <div class=\"col-12 col-lg-6\">
  757.         <div id=\"carouselAtouts\" class=\"carousel slide rounded-4 overflow-hidden shadow-sm\" data-bs-ride=\"carousel\">
  758.           <div class=\"carousel-inner\">
  759.             <div class=\"carousel-item active\">
  760.               <img src=\"{{ asset('img/photo-agence.jpg') }}\" class=\"d-block w-100 object-fit-cover\" alt=\"Voyage 1\">
  761.             </div>
  762.             <div class=\"carousel-item\">
  763.               <img src=\"{{ asset('img/photo-agence-0.jpg') }}\" class=\"d-block w-100 object-fit-cover\" alt=\"Voyage 2\">
  764.             </div>
  765.           </div>
  766.           <button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#carouselAtouts\" data-bs-slide=\"prev\">
  767.             <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>
  768.             <span class=\"visually-hidden\">Précédent</span>
  769.           </button>
  770.           <button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#carouselAtouts\" data-bs-slide=\"next\">
  771.             <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>
  772.             <span class=\"visually-hidden\">Suivant</span>
  773.           </button>
  774.         </div>
  775.       </div>
  777.       <div class=\"col-12 col-lg-6\">
  778.         <h2 class=\"h3 txt-ot-green fw-bold mb-3\">Pourquoi voyager avec O’TROPIK ?</h2>
  779.         <p class=\"text-muted\">Chez O’TROPIK, nous croyons que chaque voyage doit être unique, conçu avec soin et adapté à vos envies.</p>
  780.         <p class=\"text-muted\">Forte d’une solide expérience dans le tourisme et d’une véritable passion pour le voyage, notre agence vous accompagne dans la création de séjours qui vous ressemblent.</p>
  781.         <p class=\"text-muted\">Notre priorité : que vos vacances soient inoubliables et que vous vous sentiez privilégiés à chaque étape, de la préparation à votre retour.</p>
  783.       {# <div class=\"mt-4\">
  784.           <a href=\"{#{ path('app_agence') }}\" class=\"btn btn-primary\">En savoir plus</a>
  785.         </div> #} 
  786.       </div>
  787.     </div>
  789.     {# --- O’Atouts (sous la row principale) --- #}
  790.     <div class=\"row mt-5 mb-2\">
  791.       <div class=\"col-12 mb-3\">
  792.         <h2 class=\"h3 fw-bold txt-ot-green\">O’ Atouts</h2>
  793.         <p class=\"text-muted mb-0\">Parce que chaque détail compte, voici ce qui rend nos voyages uniques.</p>
  794.       </div>
  795.       {% for a in atouts %}
  796.          <div class=\"col-12 col-md-6 col-lg-3 mb-3\">
  797.         <div class=\"p-3 text-center h-100 border rounded-4 shadow-sm\">
  798.           <strong class=\"txt-ot-green\">{{a.title}}</strong><br>
  799.           <small class=\"text-muted\">{{a.description}}</small>
  800.         </div>
  801.       </div>
  802.       {% endfor %}
  803.     </div>
  805.     <div class=\"section-divider mx-auto my-5\"></div>
  806.   </div>
  807. </section>
  809. <section>
  810. <h2 class=\"h3 fw-bold txt-ot-green text-center\"> Accréditations & partenaires de confiance</h2>
  811.   <div class=\"partner-slider\">
  812.   <div class=\"track\">
  813.     <img src=\"/img/logos/apst.png\" alt=\"APST\">
  814.     <img src=\"/img/logos/assurever.png\" alt=\"Assurever\">
  815.     <img src=\"/img/logos/hiscox.png\" alt=\"Hiscox\">
  816.     <img src=\"/img/logos/iata.png\" alt=\"IATA\">
  817.     <img src=\"/img/logos/atout-france.png\" alt=\"Atout France\">
  818.     <img src=\"/img/logos/tourcom.png\" alt=\"TourCom\">
  819.   </div>
  822. </div>
  823. </section>
  826. {# -----------------------------
  827.    Call to action (bandeau photo)
  828. ------------------------------ 
  829. <section class=\"position-relative overflow-hidden\">
  830.   <div class=\"ratio ratio-21x9\">
  831.     <img src=\"{{ asset('img/cta-tourist.jpg') }}\" alt=\"Famille en voyage\" class=\"object-fit-cover w-100 h-100\">
  832.   </div>
  833.   <div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\">
  834.     <div class=\"container\">
  835.       <div class=\"row\">
  836.         <div class=\"col-12 col-lg-6 text-white\">
  837.           <h2 class=\"h4 mb-1\">Call to action</h2>
  838.           <p class=\"mb-0 opacity-90\">Accroche…</p>
  839.         </div>
  840.       </div>
  841.     </div>
  842.   </div>
  843. </section>. #}
  845. {# -----------------------------
  846.    Infos contact (3 colonnes)
  847. ------------------------------ #}
  848. <section class=\"py-5 bg-white\">
  849.   <div class=\"container\">
  850.     <div class=\"row text-center g-4\">
  851.       <div class=\"col-12 col-md-4\">
  852.         <div class=\"contact-ico mb-2\" style=\"font-size: 2em;color: #1a8754;\"><i class=\"bi bi-clock\"></i></div>
  853.         <h3 class=\"text-success h6 fw-bold\">Horaire Agence</h3>
  854.         <p class=\"small text-muted mb-0\">Du lundi au Vendredi de 09h à 12h et de 13H à 17h00 <br>Un samedi sur deux</p>
  855.       </div>
  856.       <div class=\"col-12 col-md-4\">
  857.         <div class=\"contact-ico mb-2\" style=\"font-size: 2em;color: #1a8754;\"><i class=\"bi bi-telephone\"></i></div>
  858.         <h3 class=\"text-success h6 fw-bold\">Téléphone</h3>
  859.        
  860.         <p class=\"small text-muted mb-0\">
  861.         {% if infos.phone %} 
  862.         Bureau : <a class=\"link-info\" href=\"tel:+590590505134\">{{infos.phone}}</a><br> {% endif %}
  863.         {% if infos.mobile %} 
  864.         Mobile : <a class=\"link-info\" href=\"tel:+590690357030\">{{infos.mobile}}</a><br> {% endif %}
  865.         {% if infos.mobileTwo %} 
  866.         Mobile : <a class=\"link-info\" href=\"tel:+590690762562\">{{infos.mobileTwo}}</a> {% endif %}
  868.         </p>
  869.       </div>
  870.       <div class=\"col-12 col-md-4\">
  871.         <div class=\"contact-ico mb-2\" style=\"font-size: 2em;color: #1a8754;\"><i class=\"bi bi-geo-alt\"></i></div>
  872.         <h3 class=\"text-success h6 fw-bold\">Localisation</h3>
  873.         <p class=\"small text-muted mb-0\">{{infos.adress}} <br> {{infos.zip}} {{infos.city}} </p>
  874.       </div>
  875.     </div>
  876.   </div>
  877. </section>
  879. <script>
  880. document.addEventListener(\"DOMContentLoaded\", function () {
  881.   const slider = document.querySelector('.partner-slider');
  882.   const track = slider.querySelector('.track');
  883.   const logos = [...track.children];
  884.   const dotsContainer = slider.querySelector('.dots');
  886.   // clone images to simulate infinite scroll visually
  887.   logos.forEach(logo => {
  888.     const clone = logo.cloneNode(true);
  889.     track.appendChild(clone);
  890.   });
  892.   // create dots
  893.   logos.forEach((_, i) => {
  894.     const dot = document.createElement('span');
  895.     if (i === 0) dot.classList.add('active');
  896.     dotsContainer.appendChild(dot);
  897.   });
  899.   let index = 0;
  900.   const dots = [...dotsContainer.children];
  902.   setInterval(() => {
  903.     index = (index + 1) % logos.length;
  904.     dots.forEach(d => d.classList.remove('active'));
  905.     dots[index].classList.add('active');
  906.   }, 3000);
  907. });
  908. </script>
  909. {% endblock %}", "default/index.html.twig", "/home/ladomitiyc/otropik/templates/default/index.html.twig");
  910.     }
  911. }