fixes

index.html

@@ -27,7 +27,7 @@
     <meta property="og:url" content="https://graff.training" />
     <meta
       property="og:image"
-      content="https://graff.training//decreasing/effect.jpg"
+      content="https://graff.training/images/decreasing/effect.jpg"
     />
     <meta property="og:image:width" content="300" />
     <meta property="og:image:height" content="200" />

src/components/Layouts/Footer.tsx

@@ -6,7 +6,7 @@ export function Footer() {
     <footer className="sm:grid xl:grid-cols-[2fr_1fr_1fr] sm:grid-cols-2 sm:max-xl:grid-rows-2">
       <div className="flex sm:items-center max-sm:flex-col lg:px-10 sm:px-6 px-4 sm:py-9 py-4 border-t border-[#3D425C] gap-6 sm:max-xl:row-start-1 sm:max-xl:col-span-2">
         <Link to={'/'} className="outline-none">
-          <LogoWithTextIcon className="h-[50px]" />
+          <LogoWithTextIcon className="h-[50px] w-[104px]" />
         </Link>
         <div className="flex flex-col gap-y-1">
           <Link

src/components/Layouts/Header.tsx

@@ -32,7 +32,7 @@ export function Header() {
       <nav className="flex justify-between border-b border-[#3D425C] lg:pl-10 pl-4 lg:max-h-[72px] min-h-16">
         <Link to={'/'} className="flex items-center outline-none">
           <LogoIcon className="lg:hidden" />
-          {width >= 1024 && <LogoWithTextIcon />}
+          {width >= 1024 && <LogoWithTextIcon className="w-[104px]" />}
         </Link>
         <div className="flex mx-auto">
           <AnchorLink route="#products">Типы тренажеров</AnchorLink>

src/components/Main/Efficiency.tsx

@@ -2,6 +2,7 @@ import { MiniTitle } from '../../ui/MiniTitle';
 import { AppearanceText } from '../../ui/AppearanceText';
 import { motion, useInView, useMotionValue, useSpring } from 'framer-motion';
 import { useEffect, useRef } from 'react';
+import { useWindowWidth } from '../../hooks/useWindowWidth';
 
 export function Effeciency() {
   return (
@@ -59,6 +60,8 @@ function Figure({
   title: string;
   type: 'charts' | 'diagram' | 'pizza';
 }) {
+  const width = useWindowWidth();
+
   const root = useRef<HTMLDivElement>(null);
   const figureRef = useRef<HTMLSpanElement>(null);
 
@@ -89,10 +92,14 @@ function Figure({
       initial={{
         background: `bottom right / 45% url(/images/efficiency/${type}.png) no-repeat, bottom right / 0% url(/images/efficiency/efficiency_backlight.svg) no-repeat`,
       }}
-      whileHover={{
-        backgroundSize: '45%,100%',
-        transition: { duration: 0.125 },
-      }}
+      whileHover={
+        width >= 1024
+          ? {
+              backgroundSize: '45%,100%',
+              transition: { duration: 0.125 },
+            }
+          : {}
+      }
       className="flex lg:px-10 px-6 w-full pt-6 bg-no-repeat min-h-[240px] max-sm:border-t max-sm:last:border-b lg:aspect-[532.67/360] relative lg:border-y sm:max-lg:border-t sm:max-lg:last:border-b lg:border-r sm:first:border-r last:border-r-0 border-[#3D425C] sm:max-lg:last:col-span-2 sm:max-lg:row-start-1 sm:max-lg:last:row-start-2"
     >
       <div className="flex flex-col justify-between pb-6 max-sm:max-w-[50vw]">

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

@@ -8,7 +8,7 @@ export const ForTeachingTab = forwardRef<HTMLDivElement>((_, ref) => (
     itemScope
     itemType="https://schema.org/TrainingsForEducation"
     ref={ref}
-    className="overflow-hidden lg:ml-[129px] lg:h-[70dvh] sm:h-[80dvh] lg:min-w-[calc(100vw-129px)] h-[100dvh] min-w-[100vw] sm:sticky -z-10 lg:top-[30dvh] sm:top-[20dvh] top-0 lg:px-10 lg:pt-10 sm:px-6 sm:pt-6 px-4 pt-4 lg:border-l bg-[#14161F] border-t border-[#3D425C]"
+    className="overflow-hidden lg:ml-[129px] lg:h-[70vh] sm:h-[80vh] lg:min-w-[calc(100vw-129px)] h-[100vh] min-w-[100vw] sm:sticky -z-10 lg:top-[30vh] sm:top-[20vh] top-0 lg:px-10 lg:pt-10 sm:px-6 sm:pt-6 px-4 pt-4 lg:border-l bg-[#14161F] border-t border-[#3D425C]"
   >
     <div className="flex justify-between ">
       <h2 className="font-medium h2">

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

@@ -42,7 +42,7 @@ export const IndustrialTab = forwardRef<HTMLDivElement, { sticked: boolean }>(
       itemScope
       itemType="https://schema.org/IndustrialTrainings"
       ref={ref}
-      className="sm:sticky top-0 min-h-[100dvh] min-w-[100vw] overflow-hiddens lg:px-10 lg:pt-10 sm:px-6 sm:pt-6 px-4 pt-4 border-t border-[#3D425C] bg-[#14161F] -z-30 max-sm:flex flex-col items-center gap-y-4"
+      className="sm:sticky top-0 min-h-[100vh] min-w-[100vw] lg:px-10 lg:pt-10 sm:px-6 sm:pt-6 px-4 pt-4 border-t border-[#3D425C] bg-[#14161F] -z-30 max-sm:flex flex-col items-center gap-y-4"
     >
       <div className="space-y-6 lg:space-y-14 sm:space-y-10">
         <div

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

@@ -15,7 +15,7 @@ export const SimulatorsTab = forwardRef<HTMLDivElement, { sticked: boolean }>(
       itemProp="simulators"
       itemType="http://schema.org/Simulators"
       ref={ref}
-      className="lg:ml-[65px] lg:h-[85dvh] lg:min-w-[calc(100vw-65px)] sm:h-[90dvh] min-w-[100vw] sm:sticky -z-20 lg:top-[15dvh] sm:top-[10dvh] top-0 bg-[#14161F] lg:px-10 lg:pt-10 sm:px-6 sm:pt-6 px-4 pt-4 lg:space-y-12 sm:space-y-10 space-y-6 lg:border-l border-t border-[#3D425C]"
+      className="lg:ml-[65px] lg:h-[85dvh] lg:min-w-[calc(100vw-65px)] sm:h-[90vh] min-w-[100vw] sm:sticky -z-20 lg:top-[15vh] sm:top-[10vh] top-0 bg-[#14161F] lg:px-10 lg:pt-10 sm:px-6 sm:pt-6 px-4 pt-4 lg:space-y-12 sm:space-y-10 space-y-6 lg:border-l border-t border-[#3D425C]"
     >
       <div
         className={
@@ -65,7 +65,7 @@ export const SimulatorsTab = forwardRef<HTMLDivElement, { sticked: boolean }>(
         <div className="space-y-[10px] lg:w-[calc(498.5/1600*100vw)] sm:w-[calc(331/768*100vw)]">
           <img
             src="/images/products/simulators/rzhd.jpg"
-            className="object-cover sm:max-lg:aspect-[331/292] max-sm:aspect-[328/172]"
+            className="object-cover sm:max-lg:aspect-[331/292] max-sm:aspect-[328/172] object-[bottom_-1px_left_-1px]"
             alt="ржд"
           />
           <p className="l-text opacity-60">