var/cache/dev/twig/c5/c5cabbddf2c881a175875f9458f4f4e8.php line 41

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