templates/entreprise/accueil.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block contenu %}
  3. <!-- HERO -->
  4. <section id="accueil" class="hero">
  5.     <div class="container hero-grid">
  6.         <div class="hero-content" data-aos="fade-right" data-aos-duration="800">
  7.             <div class="badge"><i class="fas fa-star" style="margin-right: 6px;"></i> Cabinet panafricain</div>
  8.             
  9.             <div class="container">
  10.                 <div class="row">
  11.                     <div class="col-md-9">
  12.                         <h1>Stratégie <span>& Capital Humain.</span></h1>
  13.                         <p>Transformer les ambitions en performance durable.</p>
  14.                     </div>
  15.                     <div class="col-md-3">
  16.                         <img src="{{ asset('images/le-logo.jpeg') }}" class="img-fluid" />
  17.                     </div>
  18.                 </div>
  19.             </div>
  20.           
  21.             <p>
  22.                 THA – Talent Horizon Africa est un cabinet panafricain de conseil en stratégie, transformation et capital humain.
  23.                 Nous accompagnons les entreprises et les organisations dans leurs enjeux de croissance, de transformation et de performance en créant l’alignement entre leur vision stratégique, leur organisation et leurs talents.
  24.                 Parce qu’une stratégie ne crée de valeur que lorsqu’elle est exécutée, nous intervenons à la fois sur le cap, les organisations et les femmes et les hommes qui portent la transformation.
  25.                 Notre conviction est simple : les entreprises qui réussiront demain sont celles qui sauront mieux anticiper, mieux transformer et mieux révéler leurs talents.
  26.             </p>
  27.             <div class="hero-actions">
  28.                 <a href="#expertises" class="btn-primary">Découvrir nos services <i class="fas fa-arrow-right" style="margin-left: 8px;"></i></a>
  29.                 <a href="#talents" class="btn-outline">Je suis un talent</a>
  30.             </div>
  31.         </div>
  32.         <div class="hero-image" data-aos="fade-left" data-aos-duration="800">
  33.             <img src="{{ asset('images/hero/hero-4.png') }}" alt="Équipe professionnelle">
  34.         </div>
  35.     </div>
  36. </section>
  37. <!-- STATS -->
  38. <section class="stats">
  39.     <div class="container stats-grid">
  40.         <div class="stat-item" data-aos="zoom-in" data-aos-delay="100"><div class="number">+500</div><div class="label">Talents accompagnés</div></div>
  41.         <div class="stat-item" data-aos="zoom-in" data-aos-delay="200"><div class="number">+50</div><div class="label">Entreprises partenaires</div></div>
  42.         <div class="stat-item" data-aos="zoom-in" data-aos-delay="300"><div class="number">15+</div><div class="label">Secteurs d'expertise</div></div>
  43.         <div class="stat-item" data-aos="zoom-in" data-aos-delay="400"><div class="number">1+</div><div class="label">Pays couverts</div></div>
  44.     </div>
  45. </section>
  46. <!-- À PROPOS -->
  47. <section id="a-propos" class="section-padding bg-light-gray">
  48.     <div class="container">
  49.         <div style="display: flex; flex-wrap: wrap; gap: 4rem; align-items: center;">
  50.             <div style="flex: 1 1 45%;" data-aos="fade-right">
  51.                 <img src="https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop&crop=center" alt="À propos" style="border-radius: 20px; box-shadow: 0 20px 50px rgba(0,0,0,0.06);">
  52.             </div>
  53.             <div style="flex: 1 1 45%;" data-aos="fade-left">
  54.                 <h2 class="section-title">Construire l'avenir par les talents <span class="gold-line"></span></h2>
  55.                 <p style="font-size: 1.1rem; color: #122746; font-weight: 600;">THA – Talent Horizon Africa</p>
  56.                 <p class="text-gray" style="margin: 1rem 0; line-height: 1.8;">Cabinet de conseil en Ressources Humaines panafricain. Nous accompagnons les entreprises dans leur transformation et leur croissance. Notre ancrage local combiné aux standards internationaux nous permet de relever les défis du marché de l'emploi en Afrique.</p>
  57.                 
  58.                  <p><strong style="color: #122746;">1.  Nouveau territoire de marque :</strong> <span class="text-gray">
  59.                     THA – Talent Horizon Africa se positionne comme un cabinet panafricain de conseil en stratégie, transformation et capital humain.
  60.                     Nous aidons les organisations à transformer leurs ambitions en performance durable, en alignant leur stratégie, leur organisation et leurs talents.
  61.                     Modèle d’intervention : STRATÉGIE → ORGANISATION → TALENTS → PERFORMANCE
  62.                 </span>
  63.                 </p>
  64.                  <br/>
  65.                 <p><strong style="color: #122746;">2. Nouvelle promesse :</strong> <span class="text-gray">
  66.                     Transformer les ambitions en performance durable.
  67.                     Signature secondaire : Stratégie. Organisation. Talents.
  68.                 </span></p>
  69.                
  70.                 <br/>
  71.                 <p><strong style="color: #122746;">3. Vision :</strong> <span class="text-gray">
  72.                     Devenir le partenaire panafricain de référence des organisations qui veulent transformer leur stratégie, développer leurs talents et construire une performance durable.
  73.                 </span>
  74.                 </p>
  75.                  <br/>
  76.                 <p><strong style="color: #122746;">4. Notre mission :</strong> <span class="text-gray">
  77.                     Nous accompagnons les entreprises et les organisations dans leurs transformations en alignant leur stratégie, leur organisation et leur capital humain.
  78.                     De la définition de la stratégie à son exécution, de la transformation organisationnelle au développement des talents, nous mobilisons les expertises nécessaires pour créer une croissance durable et mesurable.
  79.                 </span>
  80.                 </p>
  81.                  <br/>
  82.                  <p><strong style="color: #122746;">5. Les quatre pôles d’expertise :</strong> <span class="text-gray">
  83.                     Nous accompagnons les entreprises et les organisations dans leurs transformations en alignant leur stratégie, leur organisation et leur capital humain.
  84.                     De la définition de la stratégie à son exécution, de la transformation organisationnelle au développement des talents, nous mobilisons les expertises nécessaires pour créer une croissance durable et mesurable.
  85.                 </span>
  86.                 </p>
  87.                  <br/>
  88.                  <p>
  89.                     <div><strong>Pôle 1 — Stratégie & Transformation</strong></div>
  90.                     Donner le cap. Transformer les ambitions en résultats.
  91.                     Stratégie d’entreprise et stratégie corporate
  92.                     Accompagnement de la mise en œuvre de la stratégie
  93.                     Plans de développement et plans stratégiques
  94.                     Transformation et conduite du changement
  95.                     Pilotage de la performance
  96.                     <div><strong>Pôle 2 — Organisation & Capital Humain</strong></div>
  97.                     Aligner l’organisation avec la stratégie.
  98.                     Diagnostic organisationnel
  99.                     Organisation et gouvernance
  100.                     Audit RH et optimisation des processus
  101.                     Politique RH
  102.                     Workforce planning
  103.                     Gestion des emplois et des compétences
  104.                     Transformation organisationnelle
  105.                     <div><strong>Pôle 3 — Talents & Leadership</strong></div>
  106.                     Révéler les talents qui feront la différence.
  107.                     Executive Search
  108.                     Recrutement stratégique
  109.                     Assessment
  110.                     Talent management
  111.                     Succession planning
  112.                     Leadership et coaching
  113.                     Mobilité et développement des carrières
  114.                     Formation et développement des compétences
  115.                     <div><strong>Pôle 4 — Solutions RH & Flexibilité</strong></div>
  116.                     Donner aux entreprises l’agilité dont elles ont besoin.
  117.                     Externalisation RH
  118.                     Paie et administration du personnel
  119.                     Travail temporaire
  120.                     Mise à disposition de personnel
  121.                     Sourcing
  122.                     Veille sociale et juridique
  123.                  </p>
  124.                  <br/>
  125.                  <p><strong style="color: #122746;">6.Différenciation :</strong> <span class="text-gray">
  126.                     La différenciation de THA repose sur sa capacité à faire le lien entre la stratégie de l’entreprise et les capacités humaines nécessaires à son exécution.
  127.                     Notre conviction : une stratégie ne crée de valeur que lorsqu’elle est exécutée. Nous intervenons donc sur le cap, l’organisation et les femmes et les hommes qui portent la transformation.
  128.                     Formule de positionnement : « Nous savons où l’entreprise veut aller, ce qu’elle doit transformer et quels talents elle doit mobiliser pour y parvenir. »
  129.                 </span>
  130.                 </p>
  131.                 <br/>
  132.                  <p><strong style="color: #122746;">7.Territoire de marque autour de « Horizon » :</strong> <span class="text-gray">
  133.                   Horizon évoque la vision, l’anticipation et l’avenir. Talent évoque le potentiel humain, les compétences et le leadership. Africa affirme l’ancrage et la compréhension des marchés africains.
  134.                 
  135.                     La stratégie donne le cap. Les talents créent l’impact.
  136.                     Construire l’avenir par la stratégie et les talents.
  137.                     Voir l’horizon. Construire le chemin. Mobiliser les talents.
  138.                     Anticiper. Transformer. Mobiliser.
  139.                 </span>
  140.                 </p>
  141.                 <div style="margin-top: 2rem;">
  142.                     <a href="#contact" class="btn-secondary">Travailler avec nous <i class="fas fa-handshake" style="margin-left: 8px;"></i></a>
  143.                 </div>
  144.             </div>
  145.         </div>
  146.     </div>
  147. </section>
  148. <!-- EXPERTISES -->
  149. <section id="expertises" class="section-padding">
  150.     <div class="container">
  151.         <h2 class="section-title" data-aos="fade-up">Nos expertises <span class="gold-line"></span></h2>
  152.         <p class="section-sub" data-aos="fade-up" data-aos-delay="100">Des solutions en stratégie d’entreprise et RH sur mesure pour accompagner votre croissance</p>
  153.         <div class="services-grid">
  154.             
  155.             <div class="service-card" data-aos="fade-up" data-aos-delay="100"><i class="fas fa-user-tie"></i><h3>Stratégie & Transformation</h3>
  156.                 <p>
  157.                     Définir le cap, structurer les choix et accompagner l’exécution.
  158.                 </p>
  159.                
  160.             </div>
  161.             <div class="service-card" data-aos="fade-up" data-aos-delay="100"><i class="fas fa-user-tie"></i><h3>Organisation & Capital Humain</h3>
  162.                 <p>
  163.                     Aligner les organisations, les métiers et les compétences avec les ambitions de l’entreprise.
  164.                 </p>
  165.                
  166.             </div>
  167.             <div class="service-card" data-aos="fade-up" data-aos-delay="100"><i class="fas fa-user-tie"></i><h3>Talents & Leadership</h3>
  168.                 <p>
  169.                     Identifier, attirer, développer et fidéliser les talents qui créent la différence.
  170.                 </p>
  171.                
  172.             </div>
  173.             <div class="service-card" data-aos="fade-up" data-aos-delay="100"><i class="fas fa-user-tie"></i><h3>Solutions RH & Flexibilité</h3>
  174.                 <p>
  175.                     Apporter des solutions opérationnelles permettant aux entreprises de gagner en agilité et en efficacité.
  176.                 </p>
  177.                
  178.             </div>
  179.              <div class="service-card" data-aos="fade-up" data-aos-delay="100"><i class="fas fa-user-tie"></i><h3>Conseil en stratégie d’entreprise</h3>
  180.                 <p>Nous accompagnons les entreprises et les organisations dans la définition, la mise en œuvre et le pilotage de leur stratégie, afin de renforcer leur compétitivité et d’assurer une croissance durable
  181.                 </p>
  182.                 <p>
  183.                     <ul>
  184.                     <li>Business Stratégie </li>
  185.                     <li>stratégie corporate </li>
  186.                     <li>⁠mise en oeuvre de la stratégie</li>
  187.                     </ul>
  188.                 </p>
  189.             </div>
  190.             <div class="service-card" data-aos="fade-up" data-aos-delay="100"><i class="fas fa-user-tie"></i><h3>Recrutement Exécutif & Sourcing</h3><p>Chasse de têtes, profils spécialisés, intégration de la diaspora et onboarding.</p></div>
  191.             <div class="service-card" data-aos="fade-up" data-aos-delay="150"><i class="fas fa-chart-line"></i><h3>Conseil RH & Organisation</h3><p>Audit des processus, alignement organisationnel, gestion du changement et stratégie.</p></div>
  192.             <div class="service-card" data-aos="fade-up" data-aos-delay="200"><i class="fas fa-users-cog"></i><h3>Gestion des Talents & Performance</h3><p>Cartographie, plans de succession, évaluation, enquête de satisfaction et fidélisation.</p></div>
  193.             <div class="service-card" data-aos="fade-up" data-aos-delay="250"><i class="fas fa-graduation-cap"></i><h3>Formation & Renforcement</h3><p>Leadership, formations techniques, coaching, teambuilding et formations FDFP.</p></div>
  194.             <div class="service-card" data-aos="fade-up" data-aos-delay="300"><i class="fas fa-handshake"></i><h3>Externalisation (Outsourcing)</h3><p>Gestion administrative, paie, veille juridique et sociale.</p></div>
  195.             <div class="service-card" data-aos="fade-up" data-aos-delay="350"><i class="fas fa-clock"></i><h3>Travail Temporaire</h3><p>Gestion du vivier, annonces, mise à disposition, suivi administratif et climat social.</p></div>
  196.            
  197.         </div>
  198.     </div>
  199. </section>
  200. <!-- SLIDER SECTEURS -->
  201. <section class="slider-section bg-light-gray">
  202.     <div class="container">
  203.         <h2 class="section-title" data-aos="fade-up">Secteurs d'activité <span class="gold-line"></span></h2>
  204.         <p class="section-sub" data-aos="fade-up" data-aos-delay="100">Nos domaines de recrutement privilégiés.</p>
  205.         <div class="sector-slider" id="sectorSlider">
  206.             <div><div class="sector-item"><img src="https://images.unsplash.com/photo-1563013544-824ae1b704d3?w=300&h=160&fit=crop&crop=center" alt="Banque Assurance"><h4>Banque & Assurance</h4></div></div>
  207.             <div><div class="sector-item"><img src="https://images.unsplash.com/photo-1541888946425-d81bb19240f5?w=300&h=160&fit=crop&crop=center" alt="BTP"><h4>BTP</h4></div></div>
  208.             <div><div class="sector-item"><img src="{{ asset('images/ntic.jfif') }}" alt="NTIC"><h4>NTIC</h4></div></div>
  209.             <div><div class="sector-item"><img src="{{ asset('images/industrie.webp') }}" alt="Industrie"><h4>Industrie</h4></div></div>
  210.             <div><div class="sector-item"><img src="{{ asset('images/logistique.avif') }}" alt="Logistique"><h4>Logistique</h4></div></div>
  211.             <div><div class="sector-item"><img src="{{ asset('images/petrole.webp') }}" alt="Énergétique"><h4>Énergétique & Pétrole</h4></div></div>
  212.         </div>
  213.     </div>
  214. </section>
  215. <!-- TALENTS & ENTREPRISES -->
  216. <section id="talents" class="section-padding">
  217.     <div class="container">
  218.         <div class="dual-grid">
  219.             <div class="dual-card" data-aos="fade-right" data-aos-delay="100">
  220.                 <h3><i class="fas fa-user-graduate" style="color:#C69742; margin-right: 12px;"></i> Talents</h3>
  221.                 <ul>
  222.                     <li><i class="fas fa-file-alt"></i> Déposer votre CV</li>
  223.                     <li><i class="fas fa-search"></i> Consulter les opportunités</li>
  224.                     <li><i class="fas fa-chalkboard-teacher"></i> Accompagnement professionnel</li>
  225.                     <li><i class="fas fa-bullseye"></i> Coaching / développement de carrière</li>
  226.                 </ul>
  227.                 <a href="#contact" class="btn-secondary" style="padding: 12px 32px;">Déposer mon CV <i class="fas fa-upload" style="margin-left: 8px;"></i></a>
  228.             </div>
  229.             <div class="dual-card" data-aos="fade-left" data-aos-delay="100">
  230.                 <h3><i class="fas fa-building" style="color:#C69742; margin-right: 12px;"></i> Entreprises</h3>
  231.                 <ul>
  232.                     <li><i class="fas fa-user-plus"></i> Besoin en recrutement</li>
  233.                     <li><i class="fas fa-handshake"></i> Externalisation RH</li>
  234.                     <li><i class="fas fa-clock"></i> Travail temporaire</li>
  235.                     <li><i class="fas fa-chart-pie"></i> Conseil RH</li>
  236.                 </ul>
  237.                 <a href="#contact" class="btn-primary" style="padding: 12px 32px;">Demande de devis <i class="fas fa-arrow-right" style="margin-left: 8px;"></i></a>
  238.             </div>
  239.         </div>
  240.     </div>
  241. </section>
  242. <!-- PARTENAIRES -->
  243. <section class="bg-light-gray section-padding">
  244.     <div class="container">
  245.         <h2 class="section-title text-center" style="display: block; text-align: center;" data-aos="fade-up">Nos partenaires <span class="gold-line" style="margin: 8px auto 0;"></span></h2>
  246.         <div class="partners-grid">
  247.             <div class="partner-logo" data-aos="zoom-in" data-aos-delay="100"><img src="https://placehold.co/120x60/e0e0e0/122746?text=PARTNER+1" alt="partenaire 1"></div>
  248.             <div class="partner-logo" data-aos="zoom-in" data-aos-delay="150"><img src="https://placehold.co/120x60/e0e0e0/122746?text=PARTNER+2" alt="partenaire 2"></div>
  249.             <div class="partner-logo" data-aos="zoom-in" data-aos-delay="200"><img src="https://placehold.co/120x60/e0e0e0/122746?text=PARTNER+3" alt="partenaire 3"></div>
  250.             <div class="partner-logo" data-aos="zoom-in" data-aos-delay="250"><img src="https://placehold.co/120x60/e0e0e0/122746?text=PARTNER+4" alt="partenaire 4"></div>
  251.             <div class="partner-logo" data-aos="zoom-in" data-aos-delay="300"><img src="https://placehold.co/120x60/e0e0e0/122746?text=PARTNER+5" alt="partenaire 5"></div>
  252.         </div>
  253.         <p class="text-center text-gray" style="font-size:0.9rem;">* Images de partenaires à remplacer</p>
  254.     </div>
  255. </section>
  256. <!-- FORMATION -->
  257. <section id="formation" class="section-padding">
  258.     <div class="container">
  259.         <h2 class="section-title" data-aos="fade-up">Formation & renforcement <span class="gold-line"></span></h2>
  260.         <div class="formation-grid">
  261.             <div class="formation-item" data-aos="fade-up" data-aos-delay="100"><i class="fas fa-crown"></i><h4>Leadership</h4><p>Programmes pour managers</p></div>
  262.             <div class="formation-item" data-aos="fade-up" data-aos-delay="150"><i class="fas fa-tools"></i><h4>Formations techniques</h4><p>Sur mesure</p></div>
  263.             <div class="formation-item" data-aos="fade-up" data-aos-delay="200"><i class="fas fa-comments"></i><h4>Coaching</h4><p>Professionnel et individuel</p></div>
  264.             <div class="formation-item" data-aos="fade-up" data-aos-delay="250"><i class="fas fa-users"></i><h4>Teambuilding</h4><p>Cohésion d'équipe</p></div>
  265.             <div class="formation-item" data-aos="fade-up" data-aos-delay="300"><i class="fas fa-certificate"></i><h4>Formation FDFP</h4><p>Agréée</p></div>
  266.         </div>
  267.     </div>
  268. </section>
  269. <!-- CONTACT -->
  270. <section id="contact" class="section-padding bg-light-gray">
  271.     <div class="container">
  272.         <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4rem;">
  273.             <div data-aos="fade-right">
  274.                 <h2 class="section-title">Contactez-nous <span class="gold-line"></span></h2>
  275.                 <p class="text-gray" style="font-size: 1.1rem; margin-bottom: 2rem;">Nous sommes à votre écoute pour tout projet.</p>
  276.                 <div style="margin: 2rem 0;">
  277.                     <p style="display: flex; align-items: center; gap: 14px; margin-bottom: 0.8rem;"><i class="fas fa-map-marker-alt" style="color:#C69742; width: 24px; font-size: 1.2rem;"></i> Abidjan, Côte d'Ivoire</p>
  278.                     <p style="display: flex; align-items: center; gap: 14px; margin-bottom: 0.8rem;"><i class="fas fa-phone-alt" style="color:#C69742; width: 24px; font-size: 1.2rem;"></i> (+225) 07 11 61 66 17 / 27 22 38 07 90</p>
  279.                     <p style="display: flex; align-items: center; gap: 14px; margin-bottom: 0.8rem;"><i class="fas fa-envelope" style="color:#C69742; width: 24px; font-size: 1.2rem;"></i> contact@tha-africa.com</p>
  280.                 </div>
  281.                 <div class="social-icons">
  282.                     <a href="#"><i class="fab fa-linkedin-in"></i></a>
  283.                     <a href="#"><i class="fab fa-twitter"></i></a>
  284.                     <a href="#"><i class="fab fa-facebook-f"></i></a>
  285.                     <a href="#"><i class="fab fa-youtube"></i></a>
  286.                 </div>
  287.             </div>
  288.             <div data-aos="fade-left">
  289.                 <form class="contact-form">
  290.                     <input type="text" placeholder="Nom complet" required>
  291.                     <input type="email" placeholder="Email professionnel" required>
  292.                     <input type="text" placeholder="Sujet">
  293.                     <textarea placeholder="Votre message..."></textarea>
  294.                     <button type="submit" class="btn-primary">Envoyer <i class="fas fa-paper-plane"></i></button>
  295.                 </form>
  296.             </div>
  297.         </div>
  298.     </div>
  299. </section>
  300. {% endblock contenu %}