refactor(aboutmesection): organize informations and add relevant new …

…ones

src/components/AboutMeSection/index.tsx

@@ -2,9 +2,12 @@ import undrawMoonlightImg from '@/assets/icons/undraw_moonlight.svg';
 import aboutMe from '@/data/aboutMe.json';
 import profession from '@/data/profession.json';
 import {
+  BookBookmark,
   Briefcase as BriefcaseIcon,
   ClockCountdown,
+  Cpu,
   GlobeHemisphereWest,
+  Heart,
   Heart as HeartIcon,
   Toolbox,
   UserList as UserListIcon,
@@ -35,11 +38,9 @@ export const AboutMeSection = () => {
           className="w-full sm:w-3/4 mx-auto pb-6 delaySmallReveal"
           alt="Ilustração de uma pessoa sentada em frente a uma fogueira em um lugar com árvores e a luz da lua ao fundo"
         />
-
         <h2 className="section__title text-primary mb-4 originLeftReveal intervalReveal">
           Sobre mim
         </h2>
-
         <div role={'group'} className="mt-2 delayMediumReveal text-black/90">
           <article role="listitem" className="intervalReveal">
             <div className="flex gap-2 items-center text-accent mb-2">
@@ -48,24 +49,54 @@ export const AboutMeSection = () => {
             </div>
 
             <p>
-              Nascido em Pernambuco, já morei em muitos lugares pelo Brasil. Meu
-              espirito inquieto, curioso e inovador, me fizeram desde muito novo
-              - 16 anos - escolher, por amor, a área de programação.
+              Nascido em Pernambuco, já morei em alguns lugares pelo Brasil. Com
+              16 anos escolhi por afinidade e amor à natureza útil e lógica da
+              tecnologia, embarcar na programação de software.
+            </p>
+
+            <p>
+              Sou{' '}
+              <strong>reservado, autodisciplinado, detalhista e curioso</strong>
+              . Procuro ser alguém que está de fato, vivendo a vida, com sonhos,
+              responsabilidades e amigos fieis.
             </p>
 
+            <p>
+              Atualmente tenho {myCurrentAge} anos, e estou cursando{' '}
+              <strong>{education.course}</strong>{' '}
+              <Cpu className="text-accent inline-block" weight="regular" /> na{' '}
+              {education.institution}{' '}
+              {formatDistanceToNow(education.startDate, {
+                addSuffix: true,
+                locale: ptBR,
+              })}
+              .
+            </p>
+          </article>
+
+          <div className="separator my-8 intervalReveal" />
+
+          <article role="listitem" className="intervalReveal">
+            <div className="flex gap-2 items-center text-accent mb-2">
+              <Heart className="text-3xl" weight="fill" />
+              <h4 className="leading-none">Meus interesses</h4>
+            </div>
+
             <p>
               Quero poder trabalhar remoto, viajando pelo mundo{' '}
               <GlobeHemisphereWest
                 className="text-accent inline-block"
-                weight="fill"
+                weight="regular"
               />{' '}
-              e vivendo novas experiências junto a minha esposa, atualmente
-              namorada (<em>for a while</em>...). <br />A tecnologia{' '}
-              <strong>me possibilita</strong> esse sonho.
+              e vivendo novas experiências junto a minha esposa. <br />A
+              tecnologia <strong>me possibilita</strong> esse sonho.
             </p>
 
             <p>
-              <HeartIcon className="text-accent inline-block" weight="fill" />{' '}
+              <HeartIcon
+                className="text-accent inline-block"
+                weight="regular"
+              />{' '}
               Me interesso principalmente por <em>web design</em>, construção de
               interfaces centradas no usuário (<em>UI/UX Design</em>), e{' '}
               <em>
@@ -75,28 +106,29 @@ export const AboutMeSection = () => {
               </em>
               . Gosto e tenho aptidão em criar soluções, resolver problemas
               reais decompondo-os{' '}
-              <Wrench className="text-accent inline-block" weight="fill" /> em
-              partes menores e mais simples, pouco importa a tecnologia usada
+              <Wrench className="text-accent inline-block" weight="regular" />{' '}
+              em partes menores e mais simples, pouco importa a tecnologia usada
               para isso.
             </p>
 
             <p>
-              Atualmente tenho {myCurrentAge} anos, e estou cursando{' '}
-              <strong>{education.course}</strong> na {education.institution}{' '}
-              {formatDistanceToNow(education.startDate, {
-                addSuffix: true,
-                locale: ptBR,
-              })}
-              .
+              Amo ler livros{' '}
+              <BookBookmark
+                className="text-accent inline-block"
+                weight="regular"
+              />{' '}
+              e aproveitar uma ótima história. Gosto de entender o ser humano,
+              então sempre estou pesquisando sobre psicologia, filosofia e temas
+              relacionados à estes dos quais me fascinam.
             </p>
           </article>
 
-          <div className="separator my-4 intervalReveal" />
+          <div className="separator my-8 intervalReveal" />
 
           <article role="listitem" className="intervalReveal">
             <div className="flex gap-2 items-center text-accent mb-2">
               <BriefcaseIcon className="text-2xl" weight="fill" />
-              <h4 className="leading-none">Profissão</h4>
+              <h4 className="leading-none">Minha profissão</h4>
             </div>
 
             <p>
@@ -108,7 +140,7 @@ export const AboutMeSection = () => {
               </strong>{' '}
               de experiência em <strong>desenvolvimento de software</strong>,
               comecei minha carreira como{' '}
-              <abbr title="Sou capaz de criar interfaces de sistemas que sejam agradavéis, úteis e facéis de usar.">
+              <abbr title="Sou capaz de criar interfaces de sistemas que sejam agradáveis, úteis e fáceis de usar.">
                 <em>Frontend Developer</em>
               </abbr>
               , desenvolvendo interfaces como portais de vagas, sistemas de
@@ -118,8 +150,8 @@ export const AboutMeSection = () => {
 
             <p>
               <ClockCountdown
-                className="text-accent inline-block"
-                weight="fill"
+                className="text-accent -mt-1 inline-block"
+                weight="regular"
               />{' '}
               Hoje em dia desenvolvo soluções para a web, como aplicações de
               ponta a ponta <em>backend</em> + <em>frontend</em>, estáveis e
@@ -129,7 +161,7 @@ export const AboutMeSection = () => {
 
             <p>
               Minha stack de ferramentas{' '}
-              <Toolbox className="text-accent inline-block" weight="fill" />{' '}
+              <Toolbox className="text-accent inline-block" weight="regular" />{' '}
               principais são{' '}
               <ExternalLink href={techLinks.javascript}>
                 <em>JavaScript</em>