소스 검색

✨ feat(hero): adicionar secao hero

joykepler 4 일 전
부모
커밋
78e5735d64
3개의 변경된 파일32개의 추가작업 그리고 0개의 파일을 삭제
  1. 22 0
      app/components/SectionHero.vue
  2. 10 0
      public/img/cta_btn_icon.svg
  3. BIN
      public/img/hero_bg.png

+ 22 - 0
app/components/SectionHero.vue

@@ -0,0 +1,22 @@
+<template>
+  <section class="bg-[url('/img/hero_bg.png')] bg-cover h-screen flex justify-center">
+    <AppHeader />
+    <div class="w-[1241px] flex justify-between items-center absolute bottom-20">
+      <div class="flex flex-col gap-5 w-1/2">
+        <NuxtImg src="/img/logo.png" width="308" />
+        <h1 class="max-w-[620px] text-[46px] font-bold text-gradient">
+          Não apenas planeje. Execute sua expansão internacional com segurança.
+        </h1>
+      </div>
+      <div class="flex flex-col gap-5 w-1/2 max-w-[516px]">
+        <p class="text-white text-2xl font-medium">
+          A Iguassu Alliance conecta sua empresa ao ecossistema de negócios do Paraguai através da 5ª edição do programa estratégico 
+        </p>
+        <button class="group self-start bg-linear-to-r from-[#8DC63F] to-[#5F980F] text-white text-2xl font-semibold flex items-center gap-3 border border-[#E3FA6D] rounded-lg py-6 px-8 whitespace-nowrap transition-all duration-300 ease-in-out hover:scale-[1.03] hover:shadow-[0_0_28px_rgba(227,250,109,0.45)] hover:brightness-110 cursor-pointer">
+          Fale com o um especialista agora!
+          <NuxtImg src="/img/cta_btn_icon.svg" width="30" class="transition-transform duration-300 group-hover:translate-x-1.5" />
+        </button>
+      </div>
+    </div>
+  </section>
+</template>

+ 10 - 0
public/img/cta_btn_icon.svg

@@ -0,0 +1,10 @@
+<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="45.9042" height="45.9042" rx="22.9521" fill="url(#paint0_linear_48_312)"/>
+<path d="M19.3507 19.3111V17.4905C19.3507 17.0077 19.5405 16.5446 19.8781 16.2032C20.2158 15.8617 20.6738 15.6699 21.1513 15.6699H30.5144C30.9919 15.6699 31.4499 15.8617 31.7876 16.2032C32.1253 16.5446 32.315 17.0077 32.315 17.4905V28.4141C32.315 28.8969 32.1253 29.36 31.7876 29.7014C31.4499 30.0429 30.9919 30.2347 30.5144 30.2347H21.1513C20.6738 30.2347 20.2158 30.0429 19.8781 29.7014C19.5405 29.36 19.3507 28.8969 19.3507 28.4141V26.5935M23.6722 26.5935L27.2733 22.9523L23.6722 19.3111M13.5889 22.9523H26.5531" stroke="#6DA71E" stroke-width="1.67747" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear_48_312" x1="0" y1="22.9521" x2="45.9042" y2="22.9521" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E3FA6D"/>
+</linearGradient>
+</defs>
+</svg>

BIN
public/img/hero_bg.png