sfp_front_nuxt_iguassu_alliance/app/components/SectionExecutors.vue

<template>
  <section class="bg-[#F6FFE9] py-12 lg:py-20 flex flex-col items-center gap-15">
    <h2 class="text-[40px] md:text-[46px] lg:text-[50px] uppercase text-[#080E00] font-semibold">
      Os Executores
    </h2>

    <div class="w-full max-w-[1170px] flex flex-col gap-10 px-4">
      <div
        v-for="(executor, index) in executores"
        :key="index"
        class="flex flex-col lg:flex-row gap-12 items-center"
        :class="index % 2 === 1 ? 'lg:flex-row-reverse' : 'lg:flex-row'"
      >
        <div class="flex-1 flex flex-col gap-5 order-2 lg:order-0">
          <span class="self-start text-[10px] font-semibold text-[#F6FFE9] bg-[#8AAB10] border border-[#8DC63F] rounded-full py-2 px-4 uppercase tracking-wide">
            {{ executor.tag }}
          </span>
          <h3 class="text-3xl md:text-4xl lg:text-[40px] text-[#202121] font-semibold">
            {{ executor.name }}
          </h3>
          <p class="text-base lg:text-lg text-[#202121] font-medium">
            {{ executor.description }}
          </p>
        </div>

        <div class="shrink-0 w-full md:w-[340px] lg:w-[496px] h-[420px] md:h-[480px] lg:h-[620px] overflow-hidden flex justify-center items-center">
          <NuxtImg
            :src="executor.image"
            :alt="executor.name"
            class="w-full h-full object-cover object-top"
          />
        </div>
      </div>
    </div>
  </section>
</template>

<script setup lang="ts">
const executores = [
  {
    tag: "Liderança empresarial e institucional",
    name: "Dr. Faisal M. Ismail",
    description:
      "Empresário serial, Dr. Faisal M. Ismail construiu sua trajetória na intersecção entre negócios, instituições e desenvolvimento territorial. Presidente da Câmara Paraguaia de Franquias, Pós-graduado em Gestão Empresarial Internacional, Marketing, Docência do Ensino Superior e Coaching pelo IBC, lidera a expansão das franquias Odontolatina no Brasil e no Paraguai, acumulando experiência direta em projetos binacionais. Sua atuação se estende aos principais espaços de articulação empresarial e institucional da região. É membro do Conselho da Associação Comercial e Empresarial de Foz do Iguaçu, do Polo Internacional do Iguassu e membro fundador do CODEFOZ — Conselho de Desenvolvimento de Foz do Iguaçu. Também atuou como presidente da ACIFI e como diretor do Centro Cultural Beneficente Islâmico da Mesquita Omar Ibn Al Khattab. Palestrante internacional, escritor e mentor empresarial, participou da condução e acompanhamento de centenas de projetos nacionais e internacionais, consolidando uma capacidade rara de articulação entre empresas, entidades e território. Sua atuação social e voluntária complementa uma trajetória marcada pela construção de pontes institucionais que viabilizam negócios e expansão.",
    image: "/img/executors_img_1.png",
  },
  {
    tag: "Execução binacional e transformação empresarial",
    name: "Ali do Amaral Pedrozo",
    description:
      "Empresário de tecnologia e um dos idealizadores do Programa Expansão Sem Fronteiras, Ali do Amaral construiu sua trajetória vivendo o ecossistema empresarial paraguaio por dentro. Com mais de 23 anos de experiência prática no país, iniciou sua atuação como profissional local e posteriormente fundou e liderou o provedor NETI Siempre Conectado, onde foi CEO por 12 anos, expandindo operações para Salto del Guaíra, Las Palomas, Puente Khyra e Katuete no departamento de Canindeyu no interior do Paraguai. Hoje é CEO da Softpar, software house especializada em soluções digitais, inteligência artificial e projetos de transformação empresarial, atuando na estruturação tecnológica de empresas em crescimento. Também é fundador do Eleva One Experience, evento que integra tecnologia, gestão e desenvolvimento humano para líderes e empresários. Sua atuação combina visão estratégica, execução tecnológica e relacionamento internacional, posicionando-o como uma ponte entre empresas brasileiras e o ambiente de negócios do Paraguai, conectando expansão à estrutura, eficiência e inovação.",
    image: "/img/executors_img_2.png",
  },
  {
    tag: "Relações Internacionais e Paradiplomacia",
    name: "Jihad Ahmad Abu Ali",
    description:
      "Consultor internacional e especialista em governos locais e relações Árabe-China, Jihad Ahmad Abu Ali atua na liderança de processos de internacionalização que conectam territórios, instituições e empresas ao cenário global. Há mais de sete anos participa da articulação internacional de Foz do Iguaçu, transformando a paradiplomacia em resultados concretos. Fundador da Majlis Consultoria Internacional, trabalha na intersecção entre política, diplomacia e técnica, qualificando a presença de governos e organizações em novos mercados. Sua atuação inclui conexões estratégicas com países árabes e China, ampliando oportunidades de cooperação econômica e institucional. É Secretário-Adjunto da FEPAL, membro da Rede REPIT e referência na construção de pontes internacionais que facilitam acesso, posicionamento e expansão para empresas e iniciativas territoriais.",
    image: "/img/executors_img_3.png",
  },
]
</script>