app/assets/css/main.css

@@ -3,7 +3,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
 @theme {
-  --color-primary: #7E8C54;
+  --color-primary: #35A30A;
 
   --color-text: #161616;
   --color-text-2: #505050;

app/components/ProgramCard.vue

@@ -2,7 +2,7 @@
   <div class="w-full sm:w-[90%] lg:w-[75%] p-4 border border-border rounded-lg">
     <div class="flex items-center justify-between">
       <div class="flex items-center gap-2">
-        <NuxtImg src="/img/green_coffee.svg" />
+        <UIcon name="i-lucide-book-open" class="text-primary" size="20px" />
         <h6 class="font-medium text-text text-xs md:text-sm">{{ program.title }}</h6>
       </div>
       <div v-if="program.isPopular" class="bg-primary rounded-lg px-3 py-1 flex justify-center">
@@ -49,7 +49,8 @@ const {program} = defineProps({
 });
 
 const config = useRuntimeConfig();
-const quasarAppUrl = config.public.studentPlatform + '/register/' + program.id;
+const quasarAppUrl = config.public.studentPlatform + '/register';
+// const quasarAppUrl = config.public.studentPlatform + '/register/' + program.id;
 
 const goToRegisterPage = () => {
   window.open(quasarAppUrl, '_blank');

app/pages/index.vue

@@ -1,24 +1,22 @@
 <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-150 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">
-          <div class="bg-primary rounded-full w-26 h-26 md:w-31 md:h-31 flex justify-center items-center">
-            <NuxtImg src="/img/coffee.svg" class="w-13 md:w-16"/>
-          </div>
+          <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 text-sm md:text-base">Escolha o programa ideal para você de acordo com seu nível de experiência</p>
+        <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>
       </div>
       
       <div class="flex justify-center items-center mt-6 md:mt-12">
@@ -26,10 +24,10 @@
       </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">
-          <UIcon name="i-mdi-coffee-outline" class="text-primary" size="24px" />
+          <NuxtImg src="/img/logo.png" width="24px" />
           <h3 class="font-medium text-base md:text-lg lg:text-xl text-primary">Viver Café</h3>
         </div>
         <p class="text-[10px] md:text-xs text-text w-[90%] sm:w-[230px] mt-3">Transformando vidas através do conhecimento sobre café especial.</p>