upd

src/components/Main/Products/Tabs/ForTeachingTab.tsx

@@ -20,7 +20,7 @@ export function ForTeachingTab() {
       itemProp="forEducation"
       itemScope
       itemType="https://schema.org/TrainingsForEducation"
-      className="overflow-hidden lg:px-10 lg:pt-10 sm:px-6 sm:pt-6 px-4 py-4 bg-[#14161F] border-y border-[#3D425C]"
+      className="overflow-hidden lg:px-10 lg:pt-10 sm:px-6 sm:pt-6 px-4 max-sm:py-4 max-lg:pb-4 bg-[#14161F] border-y border-[#3D425C]"
     >
       <motion.div
         ref={titleRef}
@@ -52,7 +52,7 @@ export function ForTeachingTab() {
               ref={textRef}
               initial={{ opacity: 0 }}
               animate={textInView ? { opacity: 1 } : {}}
-              transition={{ duration: 1.5, delay: 1.5 }}
+              transition={{ duration: 1, delay: 1 }}
               className="font-medium lg:text-2xl sm:text-xl"
             >
               Оснащение учебных классов и центров всем необходимым для
@@ -63,7 +63,7 @@ export function ForTeachingTab() {
         <motion.div
           initial={{ opacity: 0 }}
           animate={imgInView ? { opacity: 1 } : {}}
-          transition={{ duration: 1.5, delay: 2 }}
+          transition={{ duration: 1, delay: 1 }}
           ref={imgRef}
           className="mt-5 -mr-4 lg:-mr-10 sm:-mr-6 max-sm:-mx-6 max-sm:-mb-4"
         >
@@ -99,7 +99,7 @@ function ForTeachingOption({
     <motion.div
       initial={{ opacity: 0 }}
       animate={inView ? { opacity: 1 } : {}}
-      transition={{ duration: 1.5, delay: 1 }}
+      transition={{ duration: 1, delay: 1 }}
       ref={ref}
       className="flex sm:gap-x-7 items-start sm:max-lg:pr-3 max-sm:pb-4 max-sm:border-b border-[#3D425C]"
     >

src/components/Main/Products/Tabs/IndustrialTab.tsx

@@ -61,7 +61,7 @@ export function IndustrialTab() {
       <motion.div
         initial={{ opacity: 0 }}
         animate={{ opacity: titleInView ? 1 : 0 }}
-        transition={{ duration: 1.5, delay: 0.5 }}
+        transition={{ duration: 1, delay: 0.5 }}
         ref={titleRef}
         className="flex items-center justify-between"
       >
@@ -98,12 +98,12 @@ export function IndustrialTab() {
           ref={imgRef}
           initial={{ opacity: 0 }}
           animate={imgInView ? { opacity: 1 } : {}}
-          transition={{ duration: 1.5, delay: 1.5 }}
+          transition={{ duration: 1, delay: 1 }}
           className="relative bottom-0 lg:left-10 sm:left-6 left-4 lg:top-10 sm:top-6 top-4"
         >
           <img
             src="/images/products/trainings/trainings_desktop.png"
-            className="object-cover lg:w-[calc(1000/1600*100vw)] xl:max-w-[calc(1152/1600*100vw)] max-lg:hidden"
+            className="object-cover lg:w-[calc(800/1600*100vw)] xl:max-w-[calc(1152/1600*100vw)] max-lg:hidden"
             alt="тренажеры"
           />
           <img

src/components/Main/Products/Tabs/SimulatorsTab.tsx

@@ -10,7 +10,7 @@ function SimulatorsItem({ text, index }: { text: string; index: number }) {
     <motion.div
       initial={{ opacity: 0 }}
       animate={isInView ? { opacity: 1 } : {}}
-      transition={{ duration: 1.5, delay: 0.8 + index / 4 }}
+      transition={{ duration: 1, delay: 0.8 + index / 4 }}
       ref={ref}
       className="l-text bg-[#3D425C4D] rounded-[44px] w-fit sm:px-5 sm:py-2 px-4 py-1.5"
     >
@@ -39,7 +39,7 @@ export function SimulatorsTab() {
         ref={titleRef}
         initial={{ opacity: 0 }}
         animate={titleInView ? { opacity: 1 } : {}}
-        transition={{ duration: 1.5, delay: 0.5 }}
+        transition={{ duration: 1, delay: 0.5 }}
         className="flex justify-between gap-x-2"
       >
         <h2 className="font-medium h2">Симуляторы управления техникой</h2>
@@ -68,7 +68,7 @@ export function SimulatorsTab() {
         <motion.div
           initial={{ opacity: 0 }}
           animate={imgInView ? { opacity: 1 } : {}}
-          transition={{ duration: 1.5, delay: 2.5 }}
+          transition={{ duration: 1, delay: 1.5 }}
           className="space-y-[10px] lg:w-[calc(400/1600*100vw)] sm:w-[calc(331/768*100vw)]"
         >
           <img
@@ -84,7 +84,7 @@ export function SimulatorsTab() {
         <motion.div
           initial={{ opacity: 0 }}
           animate={imgInView ? { opacity: 1 } : {}}
-          transition={{ duration: 1.5, delay: 3 }}
+          transition={{ duration: 1, delay: 2 }}
           className="space-y-[10px] lg:w-[calc(400/1600*100vw)] sm:w-[calc(331/768*100vw)]"
         >
           <img

src/components/Main/Project.tsx

@@ -14,7 +14,7 @@ export function Project({ src, title, tags, media, year }: IProject<Media>) {
       {media === Media.img ? (
         <div className="flex flex-1">
           <img
-            className="object-cover object-center pointer-events-none"
+            className="object-cover object-center w-full pointer-events-none"
             src={src}
             alt={title}
           />

src/components/Main/Teaching.tsx

@@ -8,7 +8,7 @@ export function Teaching() {
       itemType="http://schema.org/Teaching"
       className="lg:py-[100px] lg:mb-[60px] py-14 md:grid lg:grid-cols-12 gap-x-4"
     >
-      <Title className="max-lg:hidden 2xl:mb-[38px] mb-8 top-14 h-fit col-span-5 row-span-full lg:sticky">
+      <Title className="max-lg:hidden 2xl:mb-[38px] mb-8 top-20 h-fit col-span-5 row-span-full lg:sticky">
         <span className="text-gradient">Тренинг модуль</span>
         <br className="max-lg:hidden" />
         <span className="lg:hidden">&nbsp;</span>помогает осуществлять

src/consts/projects.ts

@@ -57,4 +57,12 @@ export const projects: IProject<Media>[] = [
     media: Media.img,
     id: Math.random(),
   },
+  {
+    src: '/video/car_view_movie.mp4',
+    year: '2024',
+    tags: ['Симулятор'],
+    title: 'Smart parking system',
+    media: Media.video,
+    id: Math.random(),
+  },
 ];