templates/pages/app/index.html.twig line 1

  1. {% extends 'layout/base.html.twig' %}
  3. {#{% block title %}Arctri Service{% endblock %}#}
  4. {% block title %}Arctriservices{% endblock %}
  6. {#{% block navbar %} {{ parent() }}{% endblock %}#}
  9. {% block body %}
  10.     <!-- alert -->
  11.     {% for label, flashes in app.flashes(['success', 'error']) %}
  12.         {% for flash in flashes %}
  13.             <div class="alert alert-{{ label }}">
  14.                 <i class="bi bi-exclamation-circle"></i>
  15.                 <p>{{ flash }}</p>
  16.             </div>
  17.         {% endfor %}
  18.     {% endfor %}
  19.     <!-- end of alert -->
  20.         <section class="cover">
  21.             <div class="cover__text-box">
  22.                 <h1 class="heading-primary--fst">Arctri services</h1>
  24.                 <div class="cover_animated_text-box">
  25.                     <h1 class="heading-primary--snd anim-typewriter line__1">
  26.                         Envie de propulser votre entreprise vers les sommets ?
  27.                         <!-- <span class="heading-primary--snd__highlighing">Célérité</span>  & -->
  28.                     </h1>
  30.                     <h1 class="heading-primary--snd anim-typewriter line__2">
  31.                         <!-- <span class="heading-primary--snd__highlighing">Créativité</span>  -->
  32.                         Confiez nous la gestion de votre marketing et
  33.                     </h1>
  36.                     <h1 class="heading-primary--snd anim-typewriter line__3">
  37.                         <!-- <span class="heading-primary--snd__highlighing">professionnelle.</span> -->
  38.                         concentrez vous sur l'essentiel !
  39.                     </h1>
  40.                 </div>
  42.                 <!-- <div class="cover__text-box__pgrph">
  43.                     <p class="paragraph">Lorem ipsum dolor sit amet consectetur.
  44.                          Velit cumque illum nesciunt voluptatem cum perferendis
  45.                          deleniti porro, eaque saepe in non reiciendis hic harum,
  46.                          quo amet, distinctio quod molestias rerum consectetur
  47.                          adipisicing elit. Alias, totam quaerat ?
  48.                     </p>
  50.                 </div> -->
  52.             </div>
  54.             <div class="transition_box">
  55.             <!-- <p>
  56.                 Nous rendons visibles nos clients en alliant Célérité &
  57.                 Créativité & en communiquant de façon moderne &
  58.                 professionnelle.
  59.             </p> -->
  61.                 <!--  <div class="services_button">
  62.                      <a class="services_command_btn" href="#pack">Démarrer une nouvelle campagne</a>
  63.                  </div> -->
  66.                 <div class="container">
  67.                     <a href="#pack" class="btn">
  68.                         <svg>
  69.                             <defs>
  70.                                 <linearGradient id="grad1">
  71.                                     <stop offset="0%" stop-color="#5d4a1f"/>
  72.                                     <stop offset="100%" stop-color="#cf9821" />
  73.                                 </linearGradient>
  75.                             </defs>
  76.                             <rect x="10" y="15" rx="3" fill="none" stroke="url(#grad1)" ></rect>
  77.                         </svg>
  78.                         <!--<span>Voir mes réalisations</span>-->
  79.                         <span>Démarrer une nouvelle campagne</span>
  80.                     </a>
  81.                 </div>
  84.             </div>
  86.             <!--  <div class="cover__img-box">
  87.                  <img class="cover__img" src="{{ asset("/img/services.png") }}" alt="">
  88.              </div> -->
  90.             <div class="services_box">
  92.                 <div class="section-heading">
  93.                     <h2 class="section__title">Nos services</h2>
  94.                 </div>
  96.                 <div class="services_box_container">
  98.                     <div class="services_box_nth services_box_nth_1">
  99.                         <div class="services_caracteristique">
  100.                             <h3><span class=""><img src="{{ asset("/img/LOGO_ARCTRI_SERVICES.svg") }}" alt=""></span> Strategies marketing</h3>
  102.                             <div class="services_text">
  103.                                 <p class="services_paragraph_bold" >
  104.                                     Nous vous aidons à
  105.                                 </p>
  106.                                 <ul>
  107.                                     <li>Comprendre le marché et la concurrence</li>
  108.                                     <li>Définir les objectifs marketing </li>
  109.                                     <li>Déterminer l'audience cible </li>
  110.                                     <li>Élaborer le message de marque </li>
  111.                                     <li>Planifier les canaux de marketing</li>
  112.                                     <li>Mettre en place un plan de mesures</li>
  113.                                     <li>Effectuer un Suivi et apporter des ajustements</li>
  114.                                 </ul>
  115.                             </div>
  117.                             <div class="services_button">
  118.                                 <a class="services_command_btn" href="#pack">Démarrer une campagne</a>
  119.                             </div>
  121.                         </div>
  123.                         <div class="services_img_container">
  124.                             <img class="services_box_img_nth" src="{{ asset("/img/services_icons/STRATEGIE_MARKETING.svg") }}" alt="">
  125.                         </div>
  127.                     </div>
  130.                     <div class="services_box_nth services_box_nth_2">
  131.                         <div class="services_caracteristique">
  132.                             <h3><span class=""><img src="{{ asset("/img/LOGO_ARCTRI_SERVICES.svg") }}" alt=""></span> Graphisme</h3>
  134.                             <div class="services_text">
  135.                                 <p class="services_paragraph_bold" >
  136.                                     Nous assurons
  137.                                 </p>
  139.                                 <ul>
  140.                                     <li>La Conception de logotypes et d'identités visuelles</li>
  141.                                     <li>La Conception d'identités visuelles</li>
  142.                                     <li>La Conception de chartes graphiques</li>
  143.                                     <li>La Conception de supports de communication print indoor et outdoor (cartes de visite,
  144.                                         prospectus, brochures, affiches publicitaires petits et grands formats ...)
  145.                                     </li>
  146.                                     <li>La Conception de supports digitaux (bannières web, newsletters, présentations)</li>
  147.                                     <li>La Création d'infographies et de schémas</li>
  148.                                     <li>La Conception de maquettes pour applications mobiles ou pour sites web</li>
  149.                                 </ul>
  150.                             </div>
  152.                             <div class="services_button">
  153.                                 <a class="services_command_btn" href="#pack">Démarrer une campagne</a>
  154.                             </div>
  156.                         </div>
  158.                         <div class="services_img_container">
  159.                             <img class="services_box_img_nth" src="{{ asset("/img/services_icons/GRAPHISME.svg") }}" alt="">
  160.                         </div>
  162.                     </div>
  165.                     <div class="services_box_nth services_box_nth_1">
  166.                         <div class="services_caracteristique">
  167.                             <h3><span class=""><img src="{{ asset("/img/LOGO_ARCTRI_SERVICES.svg") }}" alt=""></span> Web Design</h3>
  169.                             <div class="services_text">
  170.                                 <p class="services_paragraph">
  171.                                     Conception et développement de site web sur mesure.
  172.                                 </p>
  174.                                 <p class="services_paragraph">
  175.                                     Nous vous assistons dans la création de votre site web
  176.                                     selon les besoins et les objectifs de votre entreprise.
  177.                                 </p>
  179.                                 <p class="services_paragraph">
  180.                                     Nos principales missions dans ce secteur seront de concevoir
  181.                                     des sites web en utilisant des éléments graphiques, des outils
  182.                                     de programmation et des techniques de design pour créer une expérience
  183.                                     utilisateur agréable et efficace. Il englobe la création du contenu,
  184.                                     la mise en page, la navigation, les visuels, les couleurs et les typographies
  185.                                     pour atteindre les objectifs du site web en termes d'esthétique, de fonctionnalité
  186.                                     et d'expérience utilisateur.
  187.                                 </p>
  188.                             </div>
  190.                             <div class="services_button">
  191.                                 <a class="services_command_btn" href="#pack">Démarrer une campagne</a>
  192.                             </div>
  194.                         </div>
  196.                         <div class="services_img_container">
  197.                             <img class="services_box_img_nth" src="{{ asset("/img/services_icons/WEB_DESIGN.svg") }}" alt="">
  198.                         </div>
  200.                     </div>
  203.                     <div class="services_box_nth services_box_nth_2">
  204.                         <div class="services_caracteristique">
  205.                             <h3><span class=""><img src="{{ asset("/img/LOGO_ARCTRI_SERVICES.svg") }}" alt=""></span> Optimisation de référencement
  206.                             </h3>
  208.                             <div class="services_text">
  209.                                 <p class="services_paragraph">
  210.                                     Nous nous chargeons de la réalisation de vos projets audiovisuels
  211.                                     de la pré-production passant par la production et la post-production
  212.                                 </p>
  214.                                 <p class="services_paragraph">
  215.                                     Nous vous assistons dans la production de films documentaires,
  216.                                     émissions de télévision, spots publicitaires et institutionnels,
  217.                                     films d'entreprise, clips musicaux d'une qualité exceptionnelle.
  218.                                 </p>
  219.                                 <p class="services_paragraph">
  220.                                     Nous vous sortons un rendu idéal compatible à votre canal de diffusion
  221.                                     (Télévision, Cinéma, Web, réseaux sociaux...)
  223.                                 </p>
  225.                                 <p class="services_paragraph">
  226.                                     Dans ce cadre nous vous offrons une gamme complète de services,
  227.                                     du développement de concept à la post-production en passant par
  228.                                     la distribution du contenu final.
  229.                                 </p>
  230.                             </div>
  232.                             <div class="services_button">
  233.                                 <a class="services_command_btn" href="#pack">Démarrer une campagne</a>
  234.                             </div>
  236.                         </div>
  238.                         <div class="services_img_container">
  239.                             <img class="services_box_img_nth" src="{{ asset("/img/services_icons/OPTIMISATION_SEO.svg") }}" alt="">
  240.                         </div>
  242.                     </div>
  245.                     <div class="services_box_nth services_box_nth_1">
  246.                         <div class="services_caracteristique">
  247.                             <h3><span class=""><img src="{{ asset("/img/LOGO_ARCTRI_SERVICES.svg") }}" alt=""></span> Social media management
  248.                             </h3>
  250.                             <div class="services_text">
  252.                                 <p class="services_paragraph">
  253.                                     Confiez-nous vos impressions, tous  supports
  255.                                 </p>
  256.                                 <p class="services_paragraph">
  257.                                     Nous vous proposons des impressions offset & numériques de très bonnes qualités.
  258.                                     En fonction du support voulu et du visuel nous saurons le type d'impression adéquat
  259.                                     et nous vous produirons des imprimés qualitatifs.
  260.                                 </p>
  262.                                 <p class="services_paragraph">
  263.                                     N'hésitez donc plus, confiez nous vos impressions de goodies, de cartes de visites,
  264.                                     papiers à en-tête, prospectus, chemises à rabat, plaquettes commerciales et institutionnelles,
  265.                                     magazines, affiches publicitaires indoor et outdoor…
  266.                                 </p>
  267.                             </div>
  269.                             <div class="services_button">
  270.                                 <a class="services_command_btn" href="#pack">Démarrer une campagne</a>
  271.                             </div>
  273.                         </div>
  275.                         <div class="services_img_container">
  276.                             <img class="services_box_img_nth" src="{{ asset("/img/services_icons/SOCIAL_MEDIA_MANAGEMENT.svg") }}" alt="">
  277.                         </div>
  279.                     </div>
  282.                     <div class="services_box_nth services_box_nth_2">
  283.                         <div class="services_caracteristique">
  284.                             <h3><span class=""><img src="{{ asset("/img/LOGO_ARCTRI_SERVICES.svg") }}" alt=""></span> Publicité</h3>
  286.                             <div class="services_text">
  287.                                 <p class="services_paragraph">
  288.                                     Nous assurons La publicité de vos produits et services de diverses manières, entre autres
  289.                                 </p>
  290.                                 <ul>
  291.                                     <li>La publicité en ligne </li>
  292.                                     <li>La publicité par l'objet </li>
  293.                                     <li>La Publicité à la télévision/radio</li>
  294.                                     <li>Imprimé/publicité physique</li>
  295.                                     <li>Le street marketing  </li>
  296.                                     <li>Événements sponsorisés </li>
  297.                                 </ul>
  298.                             </div>
  299.                             <div class="services_button">
  300.                                 <a class="services_command_btn" href="#pack">Démarrer une campagne</a>
  301.                             </div>
  303.                         </div>
  305.                         <div class="services_img_container">
  306.                             <img class="services_box_img_nth" src="{{ asset("/img/services_icons/PUBLICITESS.svg") }}" alt="">
  307.                         </div>
  309.                     </div>
  312.                     <div class="services_box_nth  services_box_nth_1 ">
  313.                         <div class="services_caracteristique">
  314.                             <h3><span class=""><img src="{{ asset("/img/LOGO_ARCTRI_SERVICES.svg") }}" alt=""></span> Data Analysis</h3>
  316.                             <div class="services_text">
  317.                                 <p class="services_paragraph">
  318.                                     Nous vous offrons une large gamme de services digitaux pour vous
  319.                                     aider à réussir la communication digitale de votre entreprise ou marque.
  320.                                 </p>
  321.                                 <ul>
  322.                                     <li>Stratégie de communication digitale</li>
  323.                                     <li>Création de contenu</li>
  324.                                     <li>Community management & Gestion des réseaux sociaux</li>
  325.                                     <li>Publicité en ligne (Google Ads, Facebook Ads et LinkedIn Ads)</li>
  326.                                     <li>Optimisation de référencement</li>
  327.                                     <li>Analyse de données</li>
  328.                                 </ul>
  329.                             </div>
  331.                             <div class="services_button">
  332.                                 <a class="services_command_btn" href="#pack">Démarrer une campagne</a>
  333.                             </div>
  335.                         </div>
  337.                         <div class="services_img_container">
  338.                             <img class="services_box_img_nth" src="{{ asset("/img/services_icons/DATA_ANALYSIS.svg") }}" alt="">
  339.                         </div>
  341.                     </div>
  344.                     <div class="services_box_nth services_box_nth_2">
  345.                         <div class="services_caracteristique">
  346.                             <h3><span class=""><img src="{{ asset("/img/LOGO_ARCTRI_SERVICES.svg") }}" alt=""></span> Relations publiques</h3>
  348.                             <div class="services_text">
  349.                                 <p class="services_paragraph">
  350.                                     En tant qu'entreprise ou marque, il est important de gérer les relations
  351.                                     publiques de manière stratégique et professionnelle afin de maintenir une
  352.                                     image positive auprès du public et des médias. Nous vous accompagnons dans
  353.                                     toutes les étapes clés de la gestion de vos relations publiques en vous aidant à :
  354.                                 </p>
  356.                                 <ul>
  357.                                     <li>Définir une stratégie de communication claire et cohérente avec
  358.                                         la mission de l'entreprise ou de la marque.
  359.                                     </li>
  361.                                     <li>Identifier les audiences cibles et les médias appropriés
  362.                                     </li>
  364.                                     <li>
  365.                                         Établir des relations efficaces avec les media, les influenceurs et
  366.                                         les partenaires.
  367.                                     </li>
  369.                                     <li>
  370.                                         Surveiller et répondre aux commentaires et critiques sur les réseaux
  371.                                         sociaux et les forums pour maintenir une bonne réputation en ligne.
  372.                                     </li>
  374.                                     <li>
  375.                                         Mesurer l'efficacité des efforts de relations publiques en suivant les
  376.                                         indicateurs de performance clés et en adaptant la stratégie en conséquence.
  377.                                     </li>
  378.                                 </ul>
  379.                             </div>
  381.                             <div class="services_button">
  382.                                 <a class="services_command_btn" href="#pack">Démarrer une campagne</a>
  383.                             </div>
  385.                         </div>
  387.                         <div class="services_img_container">
  388.                             <img class="services_box_img_nth" src="{{ asset("/img/services_icons/RELATION_PUBLIQUE.svg") }}" alt="">
  389.                         </div>
  391.                     </div>
  394.                     <div class="services_box_nth services_box_nth_1">
  395.                         <div class="services_caracteristique">
  396.                             <h3><span class=""><img src="{{ asset("/img/LOGO_ARCTRI_SERVICES.svg") }}" alt=""></span> Cross Media</h3>
  398.                             <div class="services_text">
  399.                                 <p class="services_paragraph">
  400.                                     Nous faisons la promotion de votre entreprise ou marque
  401.                                     sur différents canaux médiatiques tels que la presse écrite,
  402.                                     la radio, la télévision, le web et les réseaux sociaux, afin
  403.                                     de vous permettre de toucher un public plus large et diversifié
  404.                                     en adaptant les messages à chaque canal et en utilisant leurs spécificités
  405.                                     pour optimiser l'impact de la communication.
  406.                                 </p>
  407.                             </div>
  409.                             <div class="services_button">
  410.                                 <a class="services_command_btn" href="#pack">Démarrer une campagne</a>
  411.                             </div>
  414.                         </div>
  416.                         <div class="services_img_container">
  417.                             <img class="services_box_img_nth" src="{{ asset("/img/services_icons/CROSS_MEDIA.svg") }}" alt="">
  418.                         </div>
  419.                     </div>
  421.                 </div>
  423.             </div>
  425.         </section>
  427.     {#
  428.     <section class="pricing" id="pack">
  430.         <div class="section-heading">
  431.             <h2 class="section__title">Nos Pack</h2>
  432.         </div>
  434.         <div class="rows">
  436.             {% if data is not empty %}
  437.                 {% set count = 1  %}
  438.                 {% for pack in data %}
  440.                     <div class="col-1-of-3">
  441.                         {% include "components/_priceCard.html.twig" %}
  442.                     </div>
  443.                     {% set count = count +1 %}
  444.                 {% endfor %}
  445.             {% else %}
  446.                 <p class="card__price-only">Impossible de charger les prix, quelque chose s'est mal passé</p>
  447.             {% endif %}
  449.         </div>
  450.     </section>
  451.     #}
  453.     <section class="secton_about_us">
  455.         <div class="about_us">
  457.             <div class="section-heading">
  458.                 <span class="section-heading__span section-heading__span__vertical"></span>
  460.                 <div class="section-heading__box">
  461.                     <h2 class="section__title">A propos</h2>
  462.                 </div>
  463.             </div>
  465.             <div class="about_us_box">
  468.                 <div class="about_us_box_picture">
  469.                     <img class="about_us_picture" src="{{ asset('img/SUPER_HERO ARCTRI_RDM.jpg') }}" alt="">
  470.                 </div>
  472.                 <div class="about_us_box_text">
  474.                     <div class="about_us_paragraph_box">
  475.                         <p class="about_us_paragraph">
  476.                             <span class="about_us_paragraph_span">Arctri Service</span> est une <span class="about_us_paragraph_span">agence</span>
  477.                             de <span class="about_us_paragraph_span">Marketing </span> & <span class="about_us_paragraph_span">communication</span> à
  478.                             <span class="about_us_paragraph_span">360°</span> spécialisé dans le B2B & le B2C.
  479.                         </p><br>
  481.                         <p class="about_us_paragraph">
  482.                             Nous disposons d'une équipe <span class="about_us_paragraph_span">dynamique, créative</span> &
  483.                             <span class="about_us_paragraph_span">expérimentée</span> dans tous les domaines du marketing &
  484.                             de la communication & d' <span class="about_us_paragraph_span">d'outils stratégiques</span>
  485.                             qui permettront de répondre incontestablement à vos besoins.
  486.                         </p><br>
  488.                         <p class="about_us_paragraph">
  489.                             Nous vous aidons à accroître de manière significative la notoriété de votre entreprise et à améliorer
  490.                             la<span class="about_us_paragraph_span">réputation</span> de celle-ci.
  491.                         </p><br>
  492.                     </div>
  494.                 </div>
  496.             </div>
  497.         </div>
  499.     </section>
  501.     <section id='contact' class="section-contact">
  502.         <div class="row" id="contact">
  504.             <div class="section-heading">
  505.                 <h2 class="section__title">Discutons</h2>
  506.             </div>
  508.             <div class="book">
  509.                 <div class="book__form">
  510.                     {% include "partials/_contact_form.html.twig" with {form:contactForm}%}
  511.                 </div>
  512.             </div>
  513.         </div>
  515.     </section>
  516.     {#============================================JS=====================================================#}
  519.     {#============================================    ============================#}
  520. {% endblock %}
  522. {% block footer %}
  523.     {{ parent() }}
  525.     <script src="{{ asset('/js/app/service_reveal_animation.js') }}"></script>
  526.     <script src="{{ asset('/js/app/read_more.js') }}"></script>
  527.     <script src="{{ asset('/js/app/card_rotation.js') }}"></script>
  528.     <script src="{{ asset('/js/app/slider.js') }}"></script>
  529.     <script src="https://kit.fontawesome.com/c2cf41c523.js" crossorigin="anonymous"></script>
  530. {% endblock footer %}