templates/pages/home.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title 'PUUSH création site internet et application web Poitiers' %}
  4. {% block body %}
  5.     <!-- Google tag (gtag.js) -->
  6.     <script async src="https://www.googletagmanager.com/gtag/js?id=G-WMRKESK621"></script>
  7.     <script>
  8.         window.dataLayer = window.dataLayer || [];
  9.         function gtag(){dataLayer.push(arguments);}
  10.         gtag('js', new Date());
  12.         gtag('config', 'G-WMRKESK621');
  13.     </script>
  14.     <body onload="moveImage()">
  15.     <br>
  16.     <div class="row" id="home_center_container">
  17.         <div class="col s12">
  18.             <div class="col s10 left-align offset-s1" id="home_question">
  19.                 <h1>Création Site internet <br>& application web</h1>
  20.                 <div class="col s12 m6" id="home_baseline">
  21.                     <h5>Création application mobile</h5>
  22.                     <h5>Conseil en stratégie numérique</h5>
  23.                     <h5>Création site web</h5>
  24.                     <h5>Webmarketing & Réseaux sociaux</h5>
  25.                     <br>
  26.                     <br>
  27.                     <br>
  28.                     <a href="{{ path('contact_create') }}">
  29.                         <button id="button_quotation"
  30.                                 class="btn-large waves-effect waves-light">
  31.                             <i class="material-icons right">rocket_launch</i>
  32.                             Démarrer
  33.                         </button>
  35.                     </a>
  36.                     <p>Etude gratuite et réponse sous 48 Heures</p>
  37.                 </div>
  38.                 <div class="col s12 m6 home_sample hide-on-med-and-down">
  39.                     <img class="sample_image image1" src="{{ asset ('images/puush_home_sample_1.png') }}">
  40.                     <img class="sample_image image2" src="{{ asset ('images/puush_home_sample_2.png') }}">
  41.                     <img class="sample_image image3" src="{{ asset ('images/puush_home_sample_3.png') }}">
  42.                 </div>
  43.                 <div class="col s12 m6 home_sample_small hide-on-large-only">
  44.                     <img class="sample_image image1small" src="{{ asset ('images/puush_home_sample_1.png') }}">
  45.                     <img class="sample_image image2small" src="{{ asset ('images/puush_home_sample_2.png') }}">
  46.                     <img class="sample_image image3small" src="{{ asset ('images/puush_home_sample_3.png') }}">
  47.                 </div>
  48.             </div>
  49.         </div>
  50.     </div>
  51.     <div class="row home_baseLine">
  52.         <div class="col s10 offset-s1">
  53.             <div class="col s12 center-align">
  54.                 <h4>" Chez PUUSH, nous sommes une équipe passionnée et créative, nous créons des <strong>solutions
  55.                         innovantes</strong> et
  56.                     de <strong>qualités</strong> pour donner vie à vos projets "</h4>
  57.                 <br>
  58.                 <br>
  59.                 <div class="col s12 m6 center-align">
  60.                     <h5><em>Site web</em> simple ou application complexe, nous vous accompagnons tout au long du processus et
  61.                         nous
  62.                         assurons que vous soyez <strong>satisfait</strong> du résultat final</h5>
  63.                     <br>
  64.                     <br>
  65.                 </div>
  66.                 <div class="col s12 m6 center-align">
  67.                     <h5><strong>Contactez-nous</strong> dès aujourd'hui pour discuter de votre projet et découvrir
  68.                         comment
  69.                         nous pouvons vous
  70.                         aider à atteindre vos <strong>objectifs</strong> en ligne.</h5>
  71.                     <br>
  72.                     <br>
  73.                 </div>
  74.             </div>
  75.         </div>
  76.     </div>
  77.     <div class="row" id="home_customers">
  78.         <div class="col s10 offset-s1">
  79.             <br>
  80.             <h3 class="center-align">Nos clients nous font confiance:</h3>
  81.             <br>
  82.             <div class="row">
  83.                 <div class="col s12 m6">
  84.                     <div class="card white grey-text text-darken-2">
  85.                         <div class="card-content">
  86.                             <span class="card-title"></span>
  87.                             <div class="col s12 center-align home_logo">
  88.                                 <img alt="image logo futuroscope pour illustrer les sites web que puush a réalisé" src="{{ asset ('images/futuroscope_logo.png') }}">
  89.                             </div>
  90.                             <p class="center-align home_customer_text">
  91.                                 <b>"</b> Belle collaboration avec PUUSH sur le développement de notre outil
  92.                                 d'exploitation.
  93.                                 <br>
  94.                                 Réactivité, disponibilité et adaptation nous ont permis d'avancer rapidement et
  95.                                 efficacement.
  96.                                 <br>
  97.                                 Nous recommandons PUUSH et ferons de nouveau appel à leurs compétences.<b>"</b>
  98.                             </p>
  99.                         </div>
  100.                         <div class="card-action center-align">
  101.                             <p>Pierre T. | Futuroscope</p>
  102.                         </div>
  103.                     </div>
  104.                 </div>
  105.                 <div class="col s12 m6">
  106.                     <div class="card white grey-text text-darken-2">
  107.                         <div class="card-content">
  108.                             <span class="card-title"></span>
  109.                             <div class="col s12 center-align home_logo">
  110.                                 <img alt="image logo offside pour illustrer les sites web que puush a réalisé" src="{{ asset ('images/offside_logo.png') }}">
  111.                             </div>
  112.                             <p class="center-align home_customer_text">
  113.                                 <b>"</b>Rigueur et performance, deux qualificatifs qui résument la prestation de PUUSH sur ce projet
  114.                                 qui nous lie.<br>
  115.                                 Nous avons développé une web app apportant un service innovant à une communauté de
  116.                                 sportif définie.<b>"</b>
  117.                             </p>
  118.                         </div>
  119.                         <div class="card-action center-align">
  120.                             <p>Jérome I. | Offside SAS</p>
  121.                         </div>
  122.                     </div>
  123.                 </div>
  124.             </div>
  125.         </div>
  126.     </div>
  127.     <div class="row" id="logo_ban">
  128.         <a href="{{ path('galery') }}">
  129.             <div class="col s12">
  130.                 <div class="carousel" id="navbarCarousel">
  131.                     <div class="carousel-item">
  132.                         <img alt="image logo rooftop pour illustrer la création de site web de puush" src="{{ asset ('images/logo_rooftop.png') }}">
  133.                     </div>
  134.                     <div class="carousel-item">
  135.                         <img alt="image logo du futuroscope pour illustrer la création de site web de puush" src="{{ asset ('images/logo_futuroscope.jpg') }}">
  136.                     </div>
  137.                     <div class="carousel-item">
  138.                         <img alt="image logo restaurant la javette pour illustrer la création de site web de puush" src="{{ asset ('images/la_javette_logo.png') }}">
  139.                     </div>
  140.                     <div class="carousel-item">
  141.                         <img alt="image logo de l'application parcapp pour illustrer la création de site web de puush" src="{{ asset ('images/parcapp_logo2023.png') }}">
  142.                     </div>
  143.                     <div class="carousel-item">
  144.                         <img alt="image logo offside pour illustrer la création de site web de puush" src="{{ asset ('images/offside_logo.png') }}">
  145.                     </div>
  146.                     <div class="carousel-item">
  147.                         <img alt="image logo mmapp pour illustrer la création de site web de puush" src="{{ asset ('images/logo_mmapp_color.svg') }}">
  148.                     </div>
  149.                     <div class="carousel-item">
  150.                         <img alt="image logo le comptoir à moustaches pour illustrer la création de site web de puush" src="{{ asset ('images/le_comptoir_a_moustaches_logo.png') }}">
  151.                     </div>
  152.                     <div class="carousel-item">
  153.                         <img alt="image logo huber pour illustrer la création de site web de puush" src="{{ asset ('images/logo_huber.png') }}">
  154.                     </div>
  155.                     <div class="carousel-item">
  156.                         <img alt="image logo rooftop pour illustrer la création de site web de puush" src="{{ asset ('images/logo_rooftop.png') }}">
  157.                     </div>
  158.                     <div class="carousel-item">
  159.                         <img alt="image logo du futuroscope pour illustrer la création de site web de puush" src="{{ asset ('images/logo_futuroscope.jpg') }}">
  160.                     </div>
  161.                     <div class="carousel-item">
  162.                         <img alt="image logo restaurant la javette pour illustrer la création de site web de puush" src="{{ asset ('images/la_javette_logo.png') }}">
  163.                     </div>
  164.                     <div class="carousel-item">
  165.                         <img alt="image logo de l'application parcapp pour illustrer la création de site web de puush" src="{{ asset ('images/parcapp_logo2023.png') }}">
  166.                     </div>
  167.                     <div class="carousel-item">
  168.                         <img alt="image logo offside pour illustrer la création de site web de puush" src="{{ asset ('images/offside_logo.png') }}">
  169.                     </div>
  170.                     <div class="carousel-item">
  171.                         <img alt="image logo mmapp pour illustrer la création de site web de puush" src="{{ asset ('images/logo_mmapp_color.svg') }}">
  172.                     </div>
  173.                     <div class="carousel-item">
  174.                         <img alt="image logo le comptoir à moustaches pour illustrer la création de site web de puush" src="{{ asset ('images/le_comptoir_a_moustaches_logo.png') }}">
  175.                     </div>
  176.                     <div class="carousel-item">
  177.                         <img alt="image logo huber pour illustrer la création de site web de puush" src="{{ asset ('images/logo_huber.png') }}">
  178.                     </div>
  179.                 </div>
  180.             </div>
  181.         </a>
  182.     </div>
  183.     <div class="row">
  184.         <div class="col s12 center-align home_expert">
  185.             <h3 id="home_expert_title">Nos expertises</h3>
  186.             <div class="col s12 m6 center-align">
  187.                 <a href="{{ path('app_expert') ~ '#expert_website' }}"><h5>Création site web</h5></a>
  189.                 <a href="{{ path('app_expert') ~ '#expert_intranet' }}"><h5>Intranet / Extranet</h5></a>
  191.                 <a href="{{ path('app_expert') ~ '#expert_application' }}"><h5>Application Métier</h5></a>
  193.                 <a href="{{ path('app_expert') ~ '#expert_trafic' }}"><h5>Acquisition de trafic</h5></a>
  195.                 <a href="{{ path('app_expert') ~ '#expert_webmarketing' }}"><h5>Webmarketing</h5></a>
  197.             </div>
  198.             <div class="col s12 m6 center-align">
  199.                 <a href="{{ path('app_expert') ~ '#expert_ecommerce' }}"><h5>Site e-commerce</h5></a>
  201.                 <a href="{{ path('app_expert') ~ '#expert_mobile' }}"><h5>Création application mobile</h5></a>
  203.                 <a href="{{ path('app_expert') ~ '#expert_social' }}"><h5>Réseaux sociaux</h5></a>
  205.                 <a href="{{ path('app_expert') ~ '#expert_leads' }}"><h5>Génération de leads</h5></a>
  207.                 <a href="{{ path('app_expert') ~ '#expert_strategy' }}"><h5>Activité de conseil</h5></a>
  209.             </div>
  210.         </div>
  211.     </div>
  213.     <div class="row" id="expert_container">
  214.         <br>
  215.         <br>
  216.         <div class="col s10 offset-s1">
  217.             <div class="col s12 ">
  218.                 <div class="col s12 m6 home_middle">
  219.                     <h4>Création de sites internet à Poitiers</h4>
  220.                     <p>
  221.                         Nous réalisons <em>des sites web</em> personnalisés essentiellement à l'aide de Wordpress et de Symfony.
  222.                         Que vous soyez une entreprise, une organisation ou un particulier, nous pouvons créer un site
  223.                         web adapté à vos besoins spécifiques.
  224.                         Avec Wordpress, nous pouvons créer des sites web rapides et conviviaux, optimisés pour les
  225.                         moteurs de recherche
  226.                         et faciles à gérer grâce à son interface intuitive.<br>
  227.                         Avec Symfony, nous pouvons créer des sites web plus complexes, offrant une flexibilité et une
  228.                         évolutivité accrues pour les projets qui
  229.                         nécessitent <em>un développement plus avancé</em>. Nous offrons également des services de <em>conception de
  230.                             sites web</em> pour créer des designs personnalisés et attrayants pour votre site internet.
  231.                         <br>
  232.                         <strong>Nous sommes membres du SPN le réseau des professionnels du numérique Aquitaine Poitou
  233.                             Charentes</strong>
  234.                     </p>
  235.                     <br>
  236.                     <br>
  237.                 </div>
  238.                 <div class="col s12 m6 center-align expert_images">
  239.                     <img alt="white and black photo of puush web dev from back"
  240.                          src="{{ asset ('/images/expert_office.png') }}">
  241.                 </div>
  242.             </div>
  244.             <div class="col s12" id="expert_application">
  245.                 <h4>Conseil en stratégie digitale</h4>
  246.                 <p>
  247.                     Chez PUUSH, nous sommes une agence spécialisée dans la création de sites web et le conseil en
  248.                     <em>stratégie
  249.                         digitale</em>. Notre mission est d'aider nos clients à développer leur présence en ligne en leur offrant
  250.                     des solutions personnalisées et efficaces. <br><br>
  251.                     Nous travaillons en étroite collaboration avec nos clients pour comprendre leurs besoins et leurs
  252.                     objectifs, afin de leur proposer des stratégies
  253.                     digitales sur mesure, adaptées à leur secteur d'activité et à leur marché.
  254.                     <br><br> Nous sommes passionnés
  255.                     par notre métier et nous mettons tout en œuvre pour offrir des <em>sites web modernes</em>, ergonomiques et
  256.                     performants, qui répondent aux attentes de nos clients et de leurs utilisateurs. Que vous soyez une
  257.                     petite entreprise locale ou une grande entreprise internationale, nous sommes là pour vous aider à
  258.                     réussir dans l'univers numérique en constante évolution.
  259.                 </p>
  260.             </div>
  261.             <div class="col s12">
  262.                 <br>
  263.                 <br>
  264.                 <div class="col s12 m6 center-align expert_images">
  265.                     <img alt="iphone screen with instagram feed"
  266.                          src="{{ asset ('/images/expert_iphone.png') }}">
  267.                 </div>
  268.                 <div class="col s12 m6" id="expert_mobile">
  269.                     <h4>Création d'applications mobiles et PWA</h4>
  270.                     <p>
  271.                         Depuis 2019, nous créons des applications mobiles et des Progressive Web
  272.                         Apps(PWA) pour différents secteurs d'activité. Nous sommes une équipe expérimentée de
  273.                         développeurs
  274.                         passionnés par les dernières technologies et les tendances du marché.
  275.                         <br><br>
  276.                         Nous offrons un service de développement sur mesure pour répondre aux besoins spécifiques de
  277.                         chaque client, en utilisant Symfony, Angular ou Flutter pour créer des applications performantes
  278.                         et
  279.                         intuitives.
  280.                         <br><br>
  281.                         Nous nous engageons à fournir des solutions de qualité tout en respectant les délais et les
  282.                         budgets fixés.
  283.                         <br><br>
  284.                         Que vous cherchiez à développer une application mobile ou une PWA, nous sommes là pour vous
  285.                         aider à transformer votre vision en une réalité numérique.
  286.                     </p>
  287.                 </div>
  288.             </div>
  289.         </div>
  290.     </div>
  291.     <div class="row home_techno">
  292.         <div class="col s12">
  293.             <div class="col s12 m3">
  294.                 <div class="card center-align">
  295.                     <div class="card-image home_techno_img">
  296.                         <img src="{{ asset ('images/logo_wordpress.png') }}">
  297.                     </div>
  298.                     <div class="card-content home_techno_card">
  299.                         <h5>Site vitrine</h5>
  300.                         <p>Nous sommes spécialisée dans <em>la création de sites web</em> en utilisant notamment <strong>WordPress</strong>.
  301.                             Avec notre approche personnalisée, nos clients bénéficient d'un site web professionnel,
  302.                             efficace, intuitif et performant.
  303.                             Grâce à Wordpress, vous pouvez gérez toutes l'administration de votre site en autonomie
  304.                             complète</p>
  305.                     </div>
  306.                 </div>
  307.             </div>
  309.             <div class="col s12 m3">
  310.                 <div class="card center-align">
  311.                     <div class="card-image home_techno_img">
  312.                         <img src="{{ asset ('images/logo_symfony.png') }}">
  314.                     </div>
  315.                     <div class="card-content home_techno_card">
  316.                         <h5>Site personnalisé</h5>
  317.                         <p>Nous construisons des sites web sécurisés, robustes et
  318.                             évolutifs à l'aide du framework <strong>Symfony</strong>. Symfony est une plateforme de
  319.                             développement web
  320.                             hautement personnalisable qui offre des fonctionnalités avancées pour la création de sites
  321.                             web complexes, d'API, et d'applications web performants.</p>
  322.                     </div>
  323.                 </div>
  324.             </div>
  325.             <div class="col s12 m3">
  326.                 <div class="card center-align">
  327.                     <div class="card-image home_techno_img">
  328.                         <img src="{{ asset ('images/logo_angular.png') }}">
  330.                     </div>
  331.                     <div class="card-content home_techno_card">
  332.                         <h5>Application mobile</h5>
  333.                         <p>Nous fabriquons des applications mobiles en utilisant <strong>Angular</strong>. Angular
  334.                             permet de créer des applications mobiles multiplateformes, rapides et évolutives. Nous
  335.                             développons des applications mobiles qui offrent une expérience utilisateur exceptionnelle,
  336.                             une sécurité renforcée, une maintenance simplifiée et une évolutivité accrue.</p>
  337.                     </div>
  338.                 </div>
  339.             </div>
  340.             <div class="col s12 m3">
  341.                 <div class="card center-align">
  342.                     <div class="card-image home_techno_img">
  343.                         <img src="{{ asset ('images/logo_webflow.png') }}">
  345.                     </div>
  346.                     <div class="card-content home_techno_card">
  347.                         <h5>Landing Page</h5>
  348.                         <p>Nous offrons également des solutions pour la création de landing pages pour générer vos
  349.                             leads. Nous utilisons <strong>Webflow</strong>, qui nous permet de fournir des designs
  350.                             modernes et attractifs tout en garantissant une grande flexibilité et une expérience
  351.                             utilisateur optimale pour atteindre vos objectifs de conversion.</p>
  352.                     </div>
  353.                 </div>
  354.             </div>
  355.         </div>
  356.     </div>
  357.     <div class="fixed-action-btn home_return_button">
  358.         <a class="btn-floating btn-large" href="#home_center_container">
  359.             <i class="large material-icons">expand_less</i>
  360.         </a>
  361.     </div>
  362.     </body>
  363. {% endblock %}
  364. {% block javascripts %}
  365.     <script>
  366.         const images = document.querySelectorAll('.sample_image');
  367.         let delay = 0;
  368.         for (let i = 0; i < images.length; i++) {
  369.             setTimeout(() => {
  370.                 images[i].classList.add('show');
  371.             }, delay);
  373.             delay += 500; // add a delay of 500ms between each image
  374.         }
  376.         function moveImage() {
  377.             var img1 = document.querySelector(".image1");
  378.             var img2 = document.querySelector(".image2");
  379.             var img3 = document.querySelector(".image3");
  380.         }
  381.     </script>
  383.     {{ encore_entry_script_tags('app') }}
  384.     {{ encore_entry_script_tags('globalJs') }}
  385. {% endblock %}