templates/partials/partialsHome/_company.html.twig line 1

Open in your IDE?
  1. <section id="company-profile" class="py-20 bg-gradient-to-b from-blue-50 to-white">
  2.     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
  3.         <div class="text-center mb-16" data-aos="fade-up">
  4.             <h2 id="company-profile-heading" class="text-4xl font-extrabold text-primary-blue mb-4">
  5.                 {{ 'profile.heading'|trans }}
  6.             </h2>
  7.             <p id="company-profile-subtext" class="text-xl text-gray-600 max-w-3xl mx-auto">
  8.                 {{ 'profile.subtext'|trans }}
  9.             </p>
  10.         </div>
  12.         <div class="grid md:grid-cols-2 gap-12 items-center mb-16">
  13.             <div data-aos="fade-right">
  14.                 <div class="bg-white p-8 rounded-2xl shadow-xl border-l-4 border-gold">
  15.                     <h3 id="mission-heading" class="text-2xl font-bold text-primary-blue mb-4">{{ 'profile.mission.heading'|trans }}</h3>
  16.                     <p id="mission-text" class="text-gray-700 mb-6">
  17.                         {{ 'profile.mission.text'|trans }}
  18.                     </p>
  20.                     <h3 id="vision-heading" class="text-2xl font-bold text-primary-blue mb-4">{{ 'profile.vision.heading'|trans }}</h3>
  21.                     <p id="vision-text" class="text-gray-700">
  22.                         {{ 'profile.vision.text'|trans }}
  23.                     </p>
  24.                 </div>
  25.             </div>
  27.             <div data-aos="fade-left">
  28.                 <div class="bg-white p-8 rounded-2xl shadow-xl border-l-4 border-red">
  29.                     <h3 id="values-heading" class="text-2xl font-bold text-primary-blue mb-4">{{ 'profile.values.heading'|trans }}</h3>
  30.                     <div class="space-y-4">
  31.                         <div class="flex items-start">
  32.                             <div class="bg-gold p-2 rounded-lg mr-4 mt-1">
  33.                                 <i class="fas fa-handshake text-primary-blue"></i>
  34.                             </div>
  35.                             <div>
  36.                                 <h4 id="value-trust" class="font-bold text-gray-800 mb-1">{{ 'profile.values.trust'|trans }}</h4>
  37.                                 <p id="value-trust-desc" class="text-gray-600 text-sm">{{ 'profile.values.trust_desc'|trans }}</p>
  38.                             </div>
  39.                         </div>
  41.                         <div class="flex items-start">
  42.                             <div class="bg-primary-blue p-2 rounded-lg mr-4 mt-1">
  43.                                 <i class="fas fa-bolt text-white"></i>
  44.                             </div>
  45.                             <div>
  46.                                 <h4 id="value-efficiency" class="font-bold text-gray-800 mb-1">{{ 'profile.values.efficiency'|trans }}</h4>
  47.                                 <p id="value-efficiency-desc" class="text-gray-600 text-sm">{{ 'profile.values.efficiency_desc'|trans }}</p>
  48.                             </div>
  49.                         </div>
  51.                         <div class="flex items-start">
  52.                             <div class="bg-red p-2 rounded-lg mr-4 mt-1">
  53.                                 <i class="fas fa-users text-white"></i>
  54.                             </div>
  55.                             <div>
  56.                                 <h4 id="value-customer" class="font-bold text-gray-800 mb-1">{{ 'profile.values.customer'|trans }}</h4>
  57.                                 <p id="value-customer-desc" class="text-gray-600 text-sm">{{ 'profile.values.customer_desc'|trans }}</p>
  58.                             </div>
  59.                         </div>
  61.                         <div class="flex items-start">
  62.                             <div class="bg-green-500 p-2 rounded-lg mr-4 mt-1">
  63.                                 <i class="fas fa-leaf text-white"></i>
  64.                             </div>
  65.                             <div>
  66.                                 <h4 id="value-sustainability" class="font-bold text-gray-800 mb-1">{{ 'profile.values.sustainability'|trans }}</h4>
  67.                                 <p id="value-sustainability-desc" class="text-gray-600 text-sm">{{ 'profile.values.sustainability_desc'|trans }}</p>
  68.                             </div>
  69.                         </div>
  70.                     </div>
  71.                 </div>
  72.             </div>
  73.         </div>
  75.         <div class="mb-16" data-aos="fade-up">
  76.             <h3 id="history-heading" class="text-3xl font-bold text-primary-blue mb-8 text-center">{{ 'profile.history.heading'|trans }}</h3>
  77.             <div class="bg-white p-8 rounded-2xl shadow-xl">
  78.                 <p id="history-text" class="text-gray-700 text-lg mb-6">
  79.                     {{ 'profile.history.text1'|trans }}
  80.                 </p>
  81.                 <p id="history-text-2" class="text-gray-700 text-lg">
  82.                     {{ 'profile.history.text2'|trans }}
  83.                 </p>
  84.             </div>
  85.         </div>
  86.     </div>
  87. </section>