|
|
@@ -1,19 +1,19 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <div class="bg-[linear-gradient(rgba(0,0,0,0.40)),url('/img/landing_background.png')] bg-[center_24%] bg-no-repeat bg-cover rounded-br-[100px] md:rounded-br-[150px] lg:rounded-br-[300px] w-full h-140 lg:h-[789px] text-white-2 flex justify-center items-center px-4">
|
|
|
+ <div class="bg-[linear-gradient(rgba(0,0,0,0.40)),url('/img/landing_background.png')] bg-[center_24%] bg-no-repeat bg-cover rounded-br-[100px] md:rounded-br-[150px] lg:rounded-br-[300px] w-full h-140 lg:h-[84vh] lg:min-h-[530px] text-white-2 flex justify-center items-center px-4">
|
|
|
<div class="flex flex-col justify-between items-center h-[60%]">
|
|
|
<div class="flex flex-col justify-center items-center gap-8">
|
|
|
<NuxtImg src="/img/white_logo.svg" class="w-20 md:w-31"/>
|
|
|
<h4 class="font-bold text-[28px] md:text-4xl lg:text-5xl max-w-[904px] text-center lg:leading-16">Transforme sua Paixão pelo Café em <span class="text-[#E38B37]">Sucesso</span></h4>
|
|
|
</div>
|
|
|
- <p class="text-lg md:text-xl lg:text-2xl text-center lg:max-w-[94%] xl:max-w-max">Aprenda com os melhores especialistas e eleve a qualidade do seu café ao próximo nível</p>
|
|
|
+ <p class="text-lg lg:mt-6 md:text-xl lg:text-2xl text-center lg:max-w-[94%] xl:max-w-max">Aprenda com os melhores especialistas e eleve a qualidade do seu café ao próximo nível</p>
|
|
|
</div>
|
|
|
<div class="absolute top-4 right-4 md:top-7 md:right-10">
|
|
|
<button class="underline text-primary bg-white-2 w-max-w px-4 md:px-8 h-11 md:h-[50px] rounded-lg font-medium text-xs md:text-sm cursor-pointer hover:bg-white-2/85 transition duration-300">Entrar na minha conta</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="my-20 md:my-26 px-4 lg:px-0">
|
|
|
+ <div class="my-14 md:my-25 px-4 lg:px-0">
|
|
|
<div class="text-center">
|
|
|
<h2 class="text-text font-bold text-2xl md:text-[34px]">Nossos programas</h2>
|
|
|
<p class="text-text-2 mt-2.5 text-sm md:text-base">Escolha o programa ideal para você de acordo com seu nível de experiência</p>
|
|
|
@@ -24,7 +24,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="w-full sm:w-[90%] lg:w-[75%] m-auto flex items-start justify-between my-30 lg:my-46 px-4 lg:px-0">
|
|
|
+ <div class="w-full sm:w-[90%] lg:w-[75%] m-auto flex items-start justify-between my-24 lg:my-46 px-4 lg:px-0">
|
|
|
<div class="w-1/2">
|
|
|
<div class="flex items-center gap-1.5">
|
|
|
<NuxtImg src="/img/logo.png" width="24px" />
|
