fix icons

components/AboutSection/AboutSection.tsx

@@ -12,13 +12,17 @@ const AboutSection = () => {
   return (
     <section className="flex flex-col relative test" style={{ minHeight: 'calc(100vh - 5rem)' }}>
       <div className="flex flex-col">
-        <h1 className="text-2xl font-primary pt-8">
+        <span className="flex items-center gap-2">
+          <div className="rounded-full bg-green size-[0.625rem]" />
+          <span className="text-primary font-medium">ищу работу 👋</span>
+        </span>
+        <h1 className="text-2xl font-primary pt-3">
           Трофимов Евгений
         </h1>
-        <h2 className="mt-2 block text-md text-text/70 dark:text-beige font-normal font-primary">
+        <h2 className="mt-4 block text-md text-text/70 dark:text-beige font-normal font-primary">
           Fullstack developer, middle+/ senior
         </h2>
-        <Contacts className="mt-3" />
+        <Contacts className="mt-8" />
       </div>
       <div className={styles.blobs}>
         <SvgSloth className={styles.sloth} />
@@ -35,11 +39,9 @@ const AboutSection = () => {
           </p>
           <p>
             У меня <strong>~6 лет</strong> опыта работы, считаю себя отличным разработчиком с интересным бэкграундом.
-            За все время работы решил множество интересных и разносторонних задач.
           </p>
-          <h3 className="pt-8 font-normal text-text/80 text-body1">Любимый стек <span>❤️‍🔥</span></h3>
-
-          <div className="flex gap-2 pt-3 flex-wrap">
+          <h3 className="pt-8 font-normal text-text/80 text-body2">Любимый стек <span>❤️</span></h3>
+          <div className="flex gap-2 pt-2 flex-wrap">
             <Tag borderless size="small" icon={<SvgNextjs height={20} className="fill-current text-text/90" />}>Next.js</Tag>
             <Tag borderless size="small" icon={<SvgReact height={20} />}>React</Tag>
             <Tag borderless size="small" icon={<SvgTs height={20} />}>Typescript</Tag>

components/Contacts.tsx

@@ -1,24 +1,26 @@
 import classNames from 'classnames';
 import SvgGithub from '@/svgComponents/Github';
 import SvgTelegram from '@/svgComponents/Telegram';
-import SvgEmail2 from '@/svgComponents/Email2';
+import SvgHabr from '@/svgComponents/Habr';
+import SvgEmail from '@/svgComponents/Email';
+
 
 const Contacts: React.FC<{
   className?: string
 }> = ({ className }) => {
   return (
     <div className={classNames('flex gap-3 items-center', className)}>
-      <a href="https://github.com/deadrime" aria-label="github" target="_blank">
-        <SvgGithub className="w-6" />
+      <a href="https://github.com/deadrime" aria-label="github" target="_blank" className="text-lilac hover:text-text/60 transition-colors">
+        <SvgGithub className="w-8 h-8" />
       </a>
-      <a href="https://t.me/deadrime" aria-label="telegram" target="_blank">
-        <SvgTelegram className="w-6" />
+      <a href="https://t.me/deadrime" aria-label="telegram" target="_blank" className="text-lilac hover:text-text/60 transition-colors">
+        <SvgTelegram className="w-8 h-8" />
       </a>
-      <a href="mailto:deadrime@yandex.ru" aria-label="email" target="_blank">
-        <SvgEmail2 className="w-6" />
+      <a href="mailto:deadrime@yandex.ru" aria-label="email" target="_blank" className="text-lilac hover:text-text/60 transition-colors">
+        <SvgEmail className="w-8 h-8" />
       </a>
-      <a href="https://career.habr.com/deadrime" aria-label="habr career" target="_blank">
-        <span className="text-body1"><b>Хабр</b> Карьера</span>
+      <a href="https://career.habr.com/deadrime" aria-label="habr career" target="_blank" className="text-lilac hover:text-text/60 transition-colors">
+        <SvgHabr className="w-8 h-8" />
       </a>
     </div>
   )