fix: :bug: correção (landingpage) correção de warnings

corrigindo warnings de desenvolvimento (nao afeta funcionalidades)

fase:dev | origin:melhoria-interna

app/assets/css/main.css

@@ -1,7 +1,5 @@
 @import "tailwindcss";
 
-@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400&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: #35A30A;
   --color-primary-4: #CDE8C2;

app/components/AppFooter.vue

@@ -8,7 +8,7 @@
             class="h-9 mb-4 brightness-0 invert"
             src="~/assets/images/logo_desktop.svg"
             alt="Ser Prati"
-          />
+          >
           <p class="text-sm leading-relaxed" style="color: rgba(254,254,254,0.65);">
             Associação dos Servidores — cuidando de você e sua família.
           </p>
@@ -20,16 +20,16 @@
           </h4>
           <ul class="space-y-3">
             <li>
-              <button @click="scrollTo('quem-somos')" class="footer-link">Quem Somos</button>
+              <button class="footer-link" @click="scrollTo('quem-somos')" >Quem Somos</button>
             </li>
             <li>
-              <button @click="scrollTo('beneficios')" class="footer-link">Benefícios</button>
+              <button class="footer-link" @click="scrollTo('beneficios')">Benefícios</button>
             </li>
             <li>
               <span class="footer-link opacity-50 cursor-default select-none">Parceiros</span>
             </li>
             <li>
-              <button @click="scrollTo('associe-se')" class="footer-link">Associe-se</button>
+              <button class="footer-link" @click="scrollTo('associe-se')">Associe-se</button>
             </li>
           </ul>
         </div>

app/components/AppHeader.vue

@@ -2,35 +2,35 @@
   <header class="fixed top-0 left-0 right-0 z-50 bg-white shadow-sm h-16">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-full flex items-center justify-between">
 
-      <button @click="scrollTo('quem-somos')" class="flex-shrink-0 focus:outline-none">
+      <button class="shrink-0 focus:outline-none" @click="scrollTo('quem-somos')" >
         <img
           class="hidden lg:block h-9"
           src="~/assets/images/logo_desktop.svg"
           alt="Ser Prati"
-        />
+        >
         <img
           class="block lg:hidden h-8"
           src="~/assets/images/logo_mobile.svg"
           alt="Ser Prati"
-        />
+        >
       </button>
 
       <nav class="hidden lg:flex items-center gap-8">
-        <button @click="scrollTo('quem-somos')" class="nav-link">Quem Somos</button>
-        <button @click="scrollTo('beneficios')" class="nav-link">Benefícios</button>
+        <button class="nav-link" @click="scrollTo('quem-somos')" >Quem Somos</button>
+        <button class="nav-link" @click="scrollTo('beneficios')" >Benefícios</button>
         <span class="nav-link opacity-50 cursor-default select-none">Parceiros</span>
-        <button @click="scrollTo('associe-se')" class="nav-link">Associe-se</button>
+        <button class="nav-link" @click="scrollTo('associe-se')" >Associe-se</button>
       </nav>
 
       <div class="flex items-center gap-3 lg:gap-4">
         <nav class="flex lg:hidden items-center gap-3">
-          <button @click="scrollTo('beneficios')" class="nav-link-mobile">Benefícios</button>
-          <button @click="scrollTo('associe-se')" class="nav-link-mobile">Associe-se</button>
+          <button class="nav-link-mobile" @click="scrollTo('beneficios')" >Benefícios</button>
+          <button class="nav-link-mobile" @click="scrollTo('associe-se')" >Associe-se</button>
         </nav>
 
         <button
-          @click="handleEntrar"
           class="border border-violet-normal text-violet-normal text-xs lg:text-sm font-medium px-3 py-1.5 lg:px-5 lg:py-2 rounded-md hover:bg-violet-light transition-colors duration-200 cursor-pointer"
+          @click="handleEntrar"
         >
           ENTRAR
         </button>

app/pages/index.vue

@@ -6,7 +6,7 @@
       class="relative min-h-screen flex flex-col bg-cover bg-center"
       :style="{ backgroundImage: `url(${heroBg})` }"
     >
-      <div class="absolute inset-0 bg-violet-normal/80"></div>
+      <div class="absolute inset-0 bg-violet-normal/80"/>
 
       <div class="relative z-10 flex-1 flex items-center">
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full py-16 lg:py-24">
@@ -26,14 +26,14 @@
 
             <div class="reveal reveal-delay-2 flex flex-col sm:flex-row gap-4">
               <button
-                @click="scrollTo('associe-se')"
                 class="btn-primary"
+                @click="scrollTo('associe-se')"
               >
                 ASSOCIE-SE AGORA
               </button>
               <button
-                @click="scrollTo('beneficios')"
                 class="btn-outline"
+                @click="scrollTo('beneficios')"
               >
                 CONHEÇA OS BENEFÍCIOS
               </button>
@@ -120,7 +120,7 @@
           </div>
 
           <div class="bg-white rounded-b-2xl rounded-tr-2xl shadow-md p-6 lg:p-10">
-            <form @submit.prevent="handleSubmit" novalidate>
+            <form novalidate @submit.prevent="handleSubmit" >
 
               <div class="grid grid-cols-1 sm:grid-cols-2 gap-5 mb-6">
 
@@ -133,7 +133,7 @@
                       type="text"
                       placeholder="Seu Nome"
                       class="field-input"
-                    />
+                    >
                   </div>
                 </div>
 
@@ -143,12 +143,12 @@
                     <span class="material-icons field-icon">badge</span>
                     <input
                       :value="form.cpf"
-                      @input="handleCPF"
                       type="text"
                       placeholder="000.000.000-00"
                       maxlength="14"
                       class="field-input"
-                    />
+                      @input="handleCPF"
+                    >
                   </div>
                 </div>
 
@@ -161,7 +161,7 @@
                       type="email"
                       placeholder="nome@conta.com"
                       class="field-input"
-                    />
+                    >
                   </div>
                 </div>
 
@@ -174,7 +174,7 @@
                       type="tel"
                       placeholder="00000000"
                       class="field-input"
-                    />
+                    >
                   </div>
                 </div>
 
@@ -187,7 +187,7 @@
                       type="text"
                       placeholder="Assistente Financeiro"
                       class="field-input"
-                    />
+                    >
                   </div>
                 </div>
 
@@ -200,7 +200,7 @@
                       type="text"
                       placeholder="Financeiro"
                       class="field-input"
-                    />
+                    >
                   </div>
                 </div>
 

nuxt.config.ts

@@ -17,6 +17,19 @@ export default defineNuxtConfig({
   app: {
     head: {
       link: [
+        {
+          rel: 'preconnect',
+          href: 'https://fonts.googleapis.com'
+        },
+        {
+          rel: 'preconnect',
+          href: 'https://fonts.gstatic.com',
+          crossorigin: ''
+        },
+        {
+          rel: 'stylesheet',
+          href: 'https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600&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'
+        },
         {
           rel: 'stylesheet',
           href: 'https://fonts.googleapis.com/icon?family=Material+Icons'