|
|
@@ -0,0 +1,33 @@
|
|
|
+<template>
|
|
|
+ <section class="w-full bg-[#080E00] relative flex flex-col items-center justify-end">
|
|
|
+ <NuxtImg src="/img/hexagon.svg" width="100%" class="absolute z-0" />
|
|
|
+ <NuxtImg src="/img/hexagons_right.svg" class="absolute top-0 left-0 z-100" />
|
|
|
+ <NuxtImg src="/img/hexagons_left.svg" class="absolute bottom-0 right-0 z-100" />
|
|
|
+ <div class="bg-[#F6FFE9] rounded-[30px] flex flex-col gap-5 justify-center items-center text-center relative z-10 mt-auto px-4">
|
|
|
+ <NuxtImg src="/img/arrow_group.svg" width="220" />
|
|
|
+ <NuxtImg src="/img/logo.png" width="330" />
|
|
|
+ <h1
|
|
|
+ class="max-w-[788px] text-6xl uppercase bg-linear-to-r to-[#474747] from-[#111111] bg-clip-text text-transparent font-semibold">
|
|
|
+ Onde a ESTRATÉGIA encontra a Execução!
|
|
|
+ </h1>
|
|
|
+ <p class="text-2xl text-[#202020] max-w-[532px]">
|
|
|
+ Muitos empresários conhecem a teoria, <span class="font-bold">mas poucos dominam o “como”.</span>
|
|
|
+ </p>
|
|
|
+ <p class="text-2xl text-[#202020] max-w-[640px]">
|
|
|
+ Utilizamos a metodologia consolidada do Expansão Sem Fronteiras <span class="font-bold">para entregar o que você
|
|
|
+ realmente precisa:</span>
|
|
|
+ </p>
|
|
|
+ <div class="flex items-center gap-3">
|
|
|
+ <div v-for="delivery in deliverys" :key="delivery" class="border border-[#E6E6E6] rounded-full px-6 py-2">
|
|
|
+ <span class="text-xl text-[#A7A7A7] font-medium">{{ delivery }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <NuxtImg src="/img/group.png" width="800px" />
|
|
|
+ <NuxtImg src="/img/paraguay_flag.png" width="600" class="absolute bottom-0 left-1" />
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup lang="ts">
|
|
|
+const deliverys = ["Missão", "Legado", "Poder", "Impacto", "Movimento"];
|
|
|
+</script>
|
joykepler