Vision Mission - TROPICAL ENERGY<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background: linear-gradient(135deg, #f5f7fa 0%, #e8eef5 100%);\r\n color: #333;\r\n overflow-x: hidden;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 100px 50px;\r\n }\r\n\r\n .main-title {\r\n font-size: 58px;\r\n font-weight: 700;\r\n background: linear-gradient(135deg, #000000 0%, #0072CE 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 80px;\r\n text-align: center;\r\n position: relative;\r\n animation: fadeInDown 0.8s ease;\r\n }\r\n\r\n .main-title::{\r\n content: '';\r\n position: absolute;\r\n bottom: -15px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 120px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #0072CE, #000000);\r\n border-radius: 2px;\r\n }\r\n\r\n .content-wrapper {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n margin-top: 60px;\r\n }\r\n\r\n .section-card {\r\n background: white;\r\n border-radius: 25px;\r\n padding: 50px;\r\n box-shadow: 0 15px 50px rgba(0, 114, 206, 0.1);\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n animation: fadeInUp 0.8s ease;\r\n }\r\n\r\n .section-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 5px;\r\n background: linear-gradient(90deg, #0072CE, #000000);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .section-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .section-card:hover {\r\n transform: translateY(-15px);\r\n box-shadow: 0 25px 70px rgba(0, 114, 206, 0.2);\r\n }\r\n\r\n .section-label {\r\n display: inline-block;\r\n color: #ffffff;\r\n background: linear-gradient(135deg, #0072CE 0%, #000000 100%);\r\n font-size: 14px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n padding: 12px 30px;\r\n border-radius: 50px;\r\n margin-bottom: 35px;\r\n text-transform: uppercase;\r\n box-shadow: 0 8px 25px rgba(0, 114, 206, 0.3);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .section-card:hover .section-label {\r\n transform: scale(1.05);\r\n box-shadow: 0 12px 35px rgba(0, 114, 206, 0.4);\r\n }\r\n\r\n .image-wrapper {\r\n position: relative;\r\n width: 100%;\r\n margin-bottom: 35px;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .image-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(135deg, rgba(0, 114, 206, 0.15), transparent);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .section-card:hover .image-wrapper::after {\r\n opacity: 1;\r\n }\r\n\r\n .section-card:hover .image-wrapper {\r\n transform: scale(1.02);\r\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .section-image {\r\n width: 100%;\r\n height: 300px;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .section-card:hover .section-image {\r\n transform: scale(1.08);\r\n }\r\n\r\n .section-text {\r\n font-size: 16px;\r\n line-height: 1.9;\r\n color: #444;\r\n font-weight: 400;\r\n text-align: justify;\r\n position: relative;\r\n padding-left: 20px;\r\n border-left: 3px solid transparent;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .section-card:hover .section-text {\r\n color: #000;\r\n border-left-color: #0072CE;\r\n }\r\n\r\n .decorative-element {\r\n position: absolute;\r\n width: 150px;\r\n height: 150px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, rgba(0, 114, 206, 0.05), rgba(0, 114, 206, 0.1));\r\n z-index: 0;\r\n }\r\n\r\n .decorative-element-1 {\r\n top: -75px;\r\n right: -75px;\r\n }\r\n\r\n .decorative-element-2 {\r\n bottom: -75px;\r\n left: -75px;\r\n }\r\n\r\n .content-inner {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n @keyframes fadeInDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .section-card:nth-child(1) {\r\n animation-delay: 0.2s;\r\n }\r\n\r\n .section-card:nth-child(2) {\r\n animation-delay: 0.4s;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .content-wrapper {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n }\r\n\r\n .main-title {\r\n font-size: 42px;\r\n }\r\n\r\n .section-card {\r\n padding: 40px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .container {\r\n padding: 60px 20px;\r\n }\r\n\r\n .main-title {\r\n font-size: 32px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .section-card {\r\n padding: 30px;\r\n }\r\n\r\n .section-image {\r\n height: 220px;\r\n }\r\n\r\n .section-label {\r\n font-size: 12px;\r\n padding: 10px 25px;\r\n }\r\n\r\n .section-text {\r\n font-size: 15px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n * {\r\n animation: none !important;\r\n transition: none !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <h1 class=\"main-title\">Vision & Mission<\/h1>\r\n \r\n <div class=\"content-wrapper\">\r\n \r\n <div class=\"section-card\">\r\n <div class=\"decorative-element decorative-element-1\"><\/div>\r\n <div class=\"content-inner\">\r\n <span class=\"section-label\">Our Vision<\/span>\r\n \r\n <div class=\"image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/Vision-SBEE.jpg\" \r\n alt=\"Vision Tropical Energy\" \r\n class=\"section-image\">\r\n <\/div>\r\n \r\n <p class=\"section-text\">\r\n TROPICAL ENERGY aims to become, within the next ten years, the benchmark for renewable energy in Benin and Africa, with global recognition. Its logo embodies this vision: Africa, in blue, a symbol of trust, illuminated by yellow solar energy, all surrounded by a circle representing unity and family.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"section-card\">\r\n <div class=\"decorative-element decorative-element-2\"><\/div>\r\n <div class=\"content-inner\">\r\n <span class=\"section-label\">Our Mission<\/span>\r\n \r\n <div class=\"image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/Pylone-electrique.jpg\" \r\n alt=\"Mission Tropical Energy\" \r\n class=\"section-image\">\r\n <\/div>\r\n \r\n <p class=\"section-text\">\r\n We actively contribute to Africa's energy independence through sustainable, accessible, and innovative solutions. Our actions are based on listening, auditing, training, research, and technical advice on renewable energies.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Vision Mission – TROPICAL ENERGY Vision & Mission Notre Vision TROPICAL ENERGY ambitionne de devenir, dans les dix prochaines ann\u00e9es, la r\u00e9f\u00e9rence des \u00e9nergies renouvelables au B\u00e9nin et en Afrique, avec une reconnaissance mondiale. Son logo incarne cette vision : l’Afrique, en bleu symbole de confiance, illumin\u00e9e d’une \u00e9nergie solaire jaune, le tout entour\u00e9 d’un…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-29677","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/pages\/29677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/comments?post=29677"}],"version-history":[{"count":0,"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/pages\/29677\/revisions"}],"wp:attachment":[{"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/media?parent=29677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\r\n\t\t

\n\t\t\t\t\t

\n\t\t\r\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Vision Mission - TROPICAL ENERGY<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background: linear-gradient(135deg, #f5f7fa 0%, #e8eef5 100%);\r\n color: #333;\r\n overflow-x: hidden;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 100px 50px;\r\n }\r\n\r\n .main-title {\r\n font-size: 58px;\r\n font-weight: 700;\r\n background: linear-gradient(135deg, #000000 0%, #0072CE 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 80px;\r\n text-align: center;\r\n position: relative;\r\n animation: fadeInDown 0.8s ease;\r\n }\r\n\r\n .main-title::{\r\n content: '';\r\n position: absolute;\r\n bottom: -15px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 120px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #0072CE, #000000);\r\n border-radius: 2px;\r\n }\r\n\r\n .content-wrapper {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n margin-top: 60px;\r\n }\r\n\r\n .section-card {\r\n background: white;\r\n border-radius: 25px;\r\n padding: 50px;\r\n box-shadow: 0 15px 50px rgba(0, 114, 206, 0.1);\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n animation: fadeInUp 0.8s ease;\r\n }\r\n\r\n .section-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 5px;\r\n background: linear-gradient(90deg, #0072CE, #000000);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .section-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .section-card:hover {\r\n transform: translateY(-15px);\r\n box-shadow: 0 25px 70px rgba(0, 114, 206, 0.2);\r\n }\r\n\r\n .section-label {\r\n display: inline-block;\r\n color: #ffffff;\r\n background: linear-gradient(135deg, #0072CE 0%, #000000 100%);\r\n font-size: 14px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n padding: 12px 30px;\r\n border-radius: 50px;\r\n margin-bottom: 35px;\r\n text-transform: uppercase;\r\n box-shadow: 0 8px 25px rgba(0, 114, 206, 0.3);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .section-card:hover .section-label {\r\n transform: scale(1.05);\r\n box-shadow: 0 12px 35px rgba(0, 114, 206, 0.4);\r\n }\r\n\r\n .image-wrapper {\r\n position: relative;\r\n width: 100%;\r\n margin-bottom: 35px;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .image-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(135deg, rgba(0, 114, 206, 0.15), transparent);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .section-card:hover .image-wrapper::after {\r\n opacity: 1;\r\n }\r\n\r\n .section-card:hover .image-wrapper {\r\n transform: scale(1.02);\r\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .section-image {\r\n width: 100%;\r\n height: 300px;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .section-card:hover .section-image {\r\n transform: scale(1.08);\r\n }\r\n\r\n .section-text {\r\n font-size: 16px;\r\n line-height: 1.9;\r\n color: #444;\r\n font-weight: 400;\r\n text-align: justify;\r\n position: relative;\r\n padding-left: 20px;\r\n border-left: 3px solid transparent;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .section-card:hover .section-text {\r\n color: #000;\r\n border-left-color: #0072CE;\r\n }\r\n\r\n .decorative-element {\r\n position: absolute;\r\n width: 150px;\r\n height: 150px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, rgba(0, 114, 206, 0.05), rgba(0, 114, 206, 0.1));\r\n z-index: 0;\r\n }\r\n\r\n .decorative-element-1 {\r\n top: -75px;\r\n right: -75px;\r\n }\r\n\r\n .decorative-element-2 {\r\n bottom: -75px;\r\n left: -75px;\r\n }\r\n\r\n .content-inner {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n @keyframes fadeInDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .section-card:nth-child(1) {\r\n animation-delay: 0.2s;\r\n }\r\n\r\n .section-card:nth-child(2) {\r\n animation-delay: 0.4s;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .content-wrapper {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n }\r\n\r\n .main-title {\r\n font-size: 42px;\r\n }\r\n\r\n .section-card {\r\n padding: 40px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .container {\r\n padding: 60px 20px;\r\n }\r\n\r\n .main-title {\r\n font-size: 32px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .section-card {\r\n padding: 30px;\r\n }\r\n\r\n .section-image {\r\n height: 220px;\r\n }\r\n\r\n .section-label {\r\n font-size: 12px;\r\n padding: 10px 25px;\r\n }\r\n\r\n .section-text {\r\n font-size: 15px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n * {\r\n animation: none !important;\r\n transition: none !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <h1 class=\"main-title\">Vision & Mission<\/h1>\r\n \r\n <div class=\"content-wrapper\">\r\n \r\n <div class=\"section-card\">\r\n <div class=\"decorative-element decorative-element-1\"><\/div>\r\n <div class=\"content-inner\">\r\n <span class=\"section-label\">Our Vision<\/span>\r\n \r\n <div class=\"image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/Vision-SBEE.jpg\" \r\n alt=\"Vision Tropical Energy\" \r\n class=\"section-image\">\r\n <\/div>\r\n \r\n <p class=\"section-text\">\r\n TROPICAL ENERGY aims to become, within the next ten years, the benchmark for renewable energy in Benin and Africa, with global recognition. Its logo embodies this vision: Africa, in blue, a symbol of trust, illuminated by yellow solar energy, all surrounded by a circle representing unity and family.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"section-card\">\r\n <div class=\"decorative-element decorative-element-2\"><\/div>\r\n <div class=\"content-inner\">\r\n <span class=\"section-label\">Our Mission<\/span>\r\n \r\n <div class=\"image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/tropicalenergy.bj\/wp-content\/uploads\/2025\/10\/Pylone-electrique.jpg\" \r\n alt=\"Mission Tropical Energy\" \r\n class=\"section-image\">\r\n <\/div>\r\n \r\n <p class=\"section-text\">\r\n We actively contribute to Africa's energy independence through sustainable, accessible, and innovative solutions. Our actions are based on listening, auditing, training, research, and technical advice on renewable energies.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Vision Mission – TROPICAL ENERGY Vision & Mission Notre Vision TROPICAL ENERGY ambitionne de devenir, dans les dix prochaines ann\u00e9es, la r\u00e9f\u00e9rence des \u00e9nergies renouvelables au B\u00e9nin et en Afrique, avec une reconnaissance mondiale. Son logo incarne cette vision : l’Afrique, en bleu symbole de confiance, illumin\u00e9e d’une \u00e9nergie solaire jaune, le tout entour\u00e9 d’un…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-29677","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/pages\/29677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/comments?post=29677"}],"version-history":[{"count":0,"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/pages\/29677\/revisions"}],"wp:attachment":[{"href":"https:\/\/tropicalenergy.bj\/en\/wp-json\/wp\/v2\/media?parent=29677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}