Merge pull request #11 from shampsdev:dev

Implemented fixes, added gif for mobile

src/components/preloader.tsx

@@ -13,23 +13,23 @@ const Preloader: React.FC = () => {
       return [0].includes(index);
     } else if (progress < 18) {
       return [0, 1].includes(index);
-    } else if (progress < 30) {
+    } else if (progress < 24) {
       return [0, 1, 2].includes(index);
-    } else if (progress < 31) {
+    } else if (progress < 26) {
       return [1, 2].includes(index);
-    } else if (progress < 37) {
+    } else if (progress < 31) {
       return [1, 2, 3].includes(index);
-    } else if (progress < 56) {
+    } else if (progress < 37) {
       return [1, 2, 3, 5].includes(index);
-    } else if (progress < 61) {
+    } else if (progress < 56) {
       return [1, 2, 5].includes(index);
-    } else if (progress < 74) {
+    } else if (progress < 61) {
       return [0, 2, 5].includes(index);
-    } else if (progress < 83) {
+    } else if (progress < 74) {
       return [0, 2].includes(index);
-    } else if (progress < 87) {
+    } else if (progress < 83) {
       return [0, 2, 4].includes(index);
-    } else if (progress < 95) {
+    } else if (progress < 87) {
       return [4].includes(index);
     }
     return false;

src/modules/hero.section.tsx

@@ -1,32 +1,38 @@
 import { AnimatedLogo } from '@/components/animated-logo';
 import { Icons } from '@/components/icons';
-import { TextLogo } from '@/components/text-logo';
 
 export const HeroSection = () => {
   return (
-    <div
-      id='hero'
-      className='min-h-svh w-full flex justify-center items-center flex-col gap-y-8'
-    >
-      <AnimatedLogo />
-      <TextLogo char='full' className='md:hidden w-[90%] h-fit' />
-      <p className='text-xl text-center'>
-        We are the champions - Мы Шампиньоны
-      </p>
-      <p className='text-muted-foreground md:text-lg max-w-[90%] md:max-w-[70%] text-center'>
-        Мы команда Шампиньоны из ИТМО. От побед в хакатонах <Icons.trophey /> и
-        создания TravelTech <Icons.plane /> решений выросли в IT-микроагентство.{' '}
-        <Icons.computer /> Здесь рассказываем о наших проектах и достижениях.
-        Всегда открыты для новых идей и сотрудничества. <Icons.heart />
-      </p>
-      <a
-        href='https://t.me/m/Hl0aa0mKNDRi'
-        target='_blank'
-        rel='noopener noreferrer'
-        className='inline-block bg-black text-white text-lg py-3 px-10 rounded-full text-center'
+    <div>
+      <div
+        id='hero'
+        className='min-h-[80vh] w-full flex justify-center pt-20 items-center flex-col gap-y-8'
       >
-        [ Написать шампиньонам ]
-      </a>
+        <AnimatedLogo />
+        <img
+          className='md:hidden w-[90%] h-fit'
+          src='/logo-icons/shamps.gif'
+          alt=''
+        />
+        <p className='text-xl text-center'>
+          We are the champions - Мы Шампиньоны
+        </p>
+        <p className='text-muted-foreground md:text-lg max-w-[90%] md:max-w-[70%] text-center'>
+          Мы команда Шампиньоны из ИТМО. От побед в хакатонах <Icons.trophey />{' '}
+          и создания TravelTech <Icons.plane /> решений выросли в
+          IT-микроагентство. <Icons.computer /> Здесь рассказываем о наших
+          проектах и достижениях. Всегда открыты для новых идей и
+          сотрудничества. <Icons.heart />
+        </p>
+        <a
+          href='https://t.me/m/Hl0aa0mKNDRi'
+          target='_blank'
+          rel='noopener noreferrer'
+          className='inline-block bg-black text-white text-lg py-3 px-10 rounded-full text-center'
+        >
+          [ Написать шампиньонам ]
+        </a>
+      </div>
     </div>
   );
 };

src/modules/projects.section.tsx

@@ -41,7 +41,7 @@ const projects: Project[] = [
 
 export const ProjectsSection = () => {
   return (
-    <div id='projects' className='pt-24'>
+    <div id='projects' className='pt-16'>
       <p className='text-center text-xl pb-16'>А вот наши проекты</p>
       <div className='w-[90%] mx-auto flex flex-col gap-y-10 md:gap-y-40'>
         {projects.map((project, index) => (