refactor: update animation duration, improve text clarity, and adjust styles in various components

Author: lucasm

components/SvgAnimateMentorship/SvgAnimateMentorship.module.css

@@ -11,7 +11,7 @@
   height: auto; /* Altura ajustada automaticamente */
   position: relative; /* Garante que o z-index funcione corretamente */
   z-index: 2; /* Define a ordem de empilhamento */
-  animation: pulse 3s infinite alternate; /* Animação de pulsação para o primeiro SVG */
+  animation: pulse 4s infinite alternate; /* Animação de pulsação para o primeiro SVG */
   transition: fill 0.3s; /* Transição de cor ao passar o mouse */
 }
 .figure1 svg:hover {

components/SvgAnimateMentorship/index.tsx

@@ -7,13 +7,8 @@ const SvgAnimateMentorship = () => {
       <figure className={styles.figure1}>
         <svg viewBox="0 0 660 578" xmlns="http://www.w3.org/2000/svg">
           <path d="M161.088 3.16085C93.7459 12.4359 39.7433 57.1345 18.4831 120.645C-9.65409 204.735 -21.9034 324.588 104.66 379.254C133.841 391.851 161.732 400.665 188.15 406.51C376.714 448.24 499.332 243.466 379.431 84.2674C336.373 27.1252 268.387 -11.6208 161.088 3.16085Z"></path>
-          <text
-            x="50%"
-            y="50%"
-            dominantBaseline="middle"
-            textAnchor="middle"
-            data-leia-me="✦ Você decifrou a metáfora do código! Resolva sempre o problema primeiro! ✦">
-            {'Código x Problema'}
+          <text x="50%" y="50%" dominantBaseline="middle" textAnchor="middle">
+            {'Foco'}
           </text>
         </svg>
       </figure>

components/store/ProductPopup/ProductPopup.module.css

@@ -35,6 +35,10 @@
   grid-template-columns: 0.75fr 1fr;
   grid-gap: 3rem;
 }
+
+.productDetail p {
+  font-size: var(--font-size-5);
+}
 .productDetail h2 {
   line-height: 1.2;
 }
@@ -109,8 +113,8 @@
   width: 2.5rem;
   cursor: pointer;
   border-radius: 100%;
-  color: var(--color-b-fixed);
-  background: var(--color-w);
+  color: var(--color-b);
+  background: var(--color-background);
   z-index: 99999;
   display: flex;
   align-items: center;
@@ -155,13 +159,18 @@
     padding: 4rem 2rem;
   }
   .closeButton {
+    color: var(--color-b-fixed);
+    background: var(--color-w);
     position: fixed;
     right: 8vw;
     top: 2rem;
     margin: 1rem;
     width: 2rem;
     height: 2rem;
   }
+  .productDetail p {
+    font-size: var(--font-size-6);
+  }
 
   .productDetail {
     display: grid;

data/productsBR.ts

@@ -3,7 +3,7 @@ export const productsBR = [
     title: 'Logitech MX Vertical Mouse',
     stars: 4.9,
     description:
-      'O melhor mouse ergonômico que já usei na vida. Pegada superior ao MX Master. Você vai dizer "adeus dores no pulso" e me agradecer. Conexão Bluetooth, USB-C, botões personalizáveis e bateria recarregável. A Logitech pesquisou a ergonomia para encontrar o design perfeito, e desenvolveu um mouse super prático e confortável. Funciona em qualquer superfície, e até 3 dispositivos conectados. Compatível com macOS, Windows, Linux, iPadOS e Android.',
+      'O melhor mouse ergonômico que já usei na vida. Pegada superior ao MX Master (minha mão é grande). Você vai dizer "adeus dores no pulso" e me agradecer. Conexão Bluetooth, USB-C, botões personalizáveis e bateria recarregável. A Logitech pesquisou a ergonomia para encontrar o design perfeito, e desenvolveu um mouse super prático e confortável. Funciona em qualquer superfície, e até 3 dispositivos conectados. Compatível com macOS, Windows, Linux, iPadOS e Android.',
     url: 'https://amzn.to/3Q2pxHV',
     url_2: 'https://mercadolivre.com/sec/1ffSj1x',
     image: 'https://m.media-amazon.com/images/I/71P5QJEcfRL._AC_SX679_.jpg',
@@ -13,7 +13,7 @@ export const productsBR = [
     title: 'Entendendo Algoritmos: Guia Ilustrado para Programadores',
     stars: 4.8,
     description:
-      'O livro mais querido! Aprender como funcionam os algoritmos e as estruturas de dados na Computação, é essencial para qualquer programador. Com esse livro e fica bem fácil entender. Com exemplos em Python. Recomendado para quem está começando na programação ou quer revisar conceitos.',
+      'O livro mais querido! Aprenda como funcionam os algoritmos e as estruturas de dados na Computação. Essencial para qualquer programador. Com esse livro, tudo fica bem fácil de entender. Com exemplos em Python. Recomendo para quem está começando na programação ou quer revisar conceitos.',
     url: 'https://amzn.to/400hrUR',
     image: 'https://m.media-amazon.com/images/I/71Vkg7GfPFL._SY522_.jpg',
     category: 'Livros',
@@ -22,7 +22,7 @@ export const productsBR = [
     title: 'Logitech MX Keys Mini Teclado',
     stars: 4.8,
     description:
-      'Teclado compacto, macio e confortável. Conexão Bluetooth em 3 dispositivos e USB-C. Teclas iluminadas, botões personalizáveis e bateria recarregável. Ponto alto para  a portabilidade, o design da Logitech e a qualidade na construção. O que mais gosto: a tecla de função que alterna entre os dispositivos conectados e facilidade de levar ele para qualquer lugar.',
+      'Um teclado bonito, compacto, macio e confortável. Conexão Bluetooth em 3 dispositivos e USB-C. Teclas iluminadas, botões personalizáveis e bateria recarregável. Ponto alto para a sua portabilidade, a qualidade na construção, e o design premium da Logitech. O que mais gosto é a tecla de função para alternar entre os dispositivos conectados, e poder levar ele para qualquer lugar.',
     url: 'https://amzn.to/3OwLrDM',
     url_2: 'https://mercadolivre.com/sec/169RhGw',
     image: 'https://m.media-amazon.com/images/I/71JFKFPi1VL._AC_SX679_.jpg',
@@ -32,7 +32,7 @@ export const productsBR = [
     title: 'O Programador Pragmático: de Aprendiz a Mestre',
     stars: 4.7,
     description:
-      'Clássico para todo programador. Dicas e principais armadilhas do desenvolvimento de software. O que mais gosto desse livro é como ele aborda a importância da comunicação e do trabalho em equipe. Com exemplos práticos e fáceis de entender.',
+      'Esse é um livro para todo programador. São dicas e as principais armadilhas em desenvolvimento de software. O que mais gosto é como o autor aborda a importância da comunicação e do trabalho em equipe. Com exemplos práticos e fáceis de entender.',
     url: 'https://amzn.to/3MbyOw9',
     image: 'https://m.media-amazon.com/images/I/61hewOW+8zL._SY522_.jpg',
     category: 'Livros',
@@ -74,7 +74,7 @@ export const productsBR = [
       'Apenas a melhor mochila para notebooks. Super confortável, com divisões bem elaboradas (cabe 2 notebooks + caderno e objetos), feita com material reciclado do oceano (OceanCycle Certified), com resistência à água e bolsos para garrafas. Ideal para o trabalho e faculdade. Obrigado Dell.',
     url: 'https://amzn.to/3TgB6yc',
     url_2: 'https://mercadolivre.com/sec/2CjyvZm',
-    image: 'https://m.media-amazon.com/images/I/918irDheCIL._AC_SY879_.jpg',
+    image: 'https://m.media-amazon.com/images/I/618gzjkcMyL._AC_SX679_.jpg',
     category: 'Acessórios',
   },
   {

pages/mentor.tsx

@@ -44,7 +44,7 @@ export default function PageMentorship() {
               o meu método para você se destacar no mercado de TI.
             </p>
 
-            <h3>Método 1x</h3>
+            <h3>A filosofia 1x</h3>
 
             <p>
               Quando você compra cursos e não faz, você está tentando ser 10x.

routes/routes.ts

@@ -19,14 +19,14 @@ export const ROUTES = {
   },
   STORE: {
     path: '/store',
-    title: 'Loja Dev',
+    title: 'Loja',
     description:
       'Os melhores produtos tech e saudáveis, além de livros. Super recomendados!',
     image: 'https://lucasm.dev/share-store.png',
   },
   MENTORSHIP: {
     path: '/mentor',
-    title: 'Mentoria 1x',
+    title: 'Mentoria',
     description:
       'Mentoria para desenvolvedores. Aprenda a se destacar no mercado tech.',
     image: 'https://lucasm.dev/share-mentor.png',