فهرست منبع

✨ feat(terciaria): adicionar secao terciaria e card

joykepler 4 روز پیش
والد
کامیت
2b3bbe4f02

+ 43 - 0
app/components/SectionTertiary.vue

@@ -0,0 +1,43 @@
+<template>
+  <section class="relative bg-[url('img/section_tertiary_bg.svg')] bg-cover py-28 flex items-center justify-center overflow-hidden">
+    <div class="relative z-10 w-[525px] flex flex-col justify-center gap-10 ml-24">
+      <h2 class="max-w-[452px] text-[50px] uppercase font-semibold text-gradient leading-tight">
+        Imersão Ciudad del Este
+      </h2>
+      <div class="flex flex-col gap-5">
+        <SectionTertiaryCard
+          v-for="(card, index) in cards" :key="index"
+          :title="card.title" 
+          :description="card.description" 
+        />
+      </div>
+    </div>
+
+    <NuxtImg 
+      src="/img/hexagons_photos.png" 
+      width="1000" 
+      class="relative -ml-45 z-0" 
+    />
+  </section>
+</template>
+
+<script setup lang="ts">
+const cards = [
+  {
+    title: "2 Dias de Imersão Intensiva:",
+    description: "Vivência prática nos centros de decisão"
+  },
+  {
+    title: "Visitas Técnicas Estratégicas:",
+    description: "Galpões, indústrias e infraestrutura logística."
+  },
+  {
+    title: "Networking de Alto Nível:",
+    description: "Jantares e reuniões com empresários locais"
+  },
+  {
+    title: "Roadmap de Expansão: ",
+    description: "Você sai com a clareza necessária para abrir sua operação e reduzir custos operacionais."
+  },
+];
+</script>

+ 18 - 0
app/components/SectionTertiaryCard.vue

@@ -0,0 +1,18 @@
+<template>
+    <div class="w-full h-[285px] px-10 py-5 bg-[url('/img/section_tertiary_card_bg.svg')] bg-cover border border-[#E3FA6D80] rounded-[10px] flex flex-col gap-[9px]">
+        <NuxtImg src="/img/card_tertiary_img.svg" width="106" />
+        <h3 class="text-[27px] font-bold text-gradient">
+            {{ title }}
+        </h3>
+        <p class="text-[22px] text-white max-w-[352px] leading-6.5">
+            {{ description }}
+        </p>
+    </div>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+    title: string;
+    description: string;
+}>();
+</script>

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 8 - 0
public/img/card_tertiary_img.svg


BIN
public/img/hexagons_photos.png


+ 32 - 0
public/img/section_tertiary_bg.svg

@@ -0,0 +1,32 @@
+<svg width="1920" height="1722" viewBox="0 0 1920 1722" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_241_2125)">
+<rect width="1920" height="1722" fill="#080E00"/>
+<g style="mix-blend-mode:screen" clip-path="url(#clip1_241_2125)">
+<path d="M-2210.24 -94.5103L245.224 538.87L945.14 2901.78L-769.238 4770.31L-3224.7 4136.93L-3924.62 1774.02L-2210.24 -94.5103Z" stroke="#C8E600" stroke-width="108.723"/>
+<path d="M-1880.87 1017.45L-424.062 1341.88L-53.5181 2592.83L-1098.61 3658.35L-2555.42 3333.92L-2925.97 2082.97L-1880.87 1017.45Z" stroke="#C8E600" stroke-width="72.4821"/>
+</g>
+<g style="mix-blend-mode:screen" clip-path="url(#clip2_241_2125)">
+<path d="M5888.24 703.003L5654.56 3228.05L3433.51 4295.84L1315.5 2901.39L1549.18 376.344L3770.23 -691.446L5888.24 703.003Z" stroke="#C8E600" stroke-width="108.723"/>
+<path d="M4843.04 1205.49L4755.1 2695.39L3579.25 3260.69L2360.7 2398.9L2448.64 908.995L3624.49 343.695L4843.04 1205.49Z" stroke="#C8E600" stroke-width="72.4821"/>
+</g>
+<g opacity="0.1" filter="url(#filter0_f_241_2125)">
+<circle cx="199.758" cy="389.758" r="244.758" fill="#C8E600"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_241_2125" x="-298.195" y="-108.195" width="995.905" height="995.905" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="126.597" result="effect1_foregroundBlur_241_2125"/>
+</filter>
+<clipPath id="clip0_241_2125">
+<rect width="1920" height="1722" fill="white"/>
+</clipPath>
+<clipPath id="clip1_241_2125">
+<rect width="5073.75" height="5653.61" fill="white" transform="translate(-4725 348.004) rotate(-16.4998)"/>
+</clipPath>
+<clipPath id="clip2_241_2125">
+<rect width="5073.75" height="5653.61" fill="white" transform="translate(5050.35 -1709) rotate(64.3236)"/>
+</clipPath>
+</defs>
+</svg>

برخی فایل ها در این مقایسه diff نمایش داده نمی شوند زیرا تعداد فایل ها بسیار زیاد است