- one more time rework slider

- rework design system
- fill trainer page

src/components/header/MobileNavigation.tsx

@@ -66,16 +66,20 @@ const MobileNavigation: React.FC<MobileNavigationProps> = ({ navItems }) => {
       <AnimatedBurgerButton isOpen={isOpen} onClick={toggleMenu} />
       <div
         className={cn(
-          'fixed left-0 top-0 z-50 w-full transform bg-bg-main p-6 pt-16 transition-transform duration-500 ease-in-out',
-          isOpen ? 'translate-y-0' : '-translate-y-full'
+          'fixed left-0 top-0 z-50 w-full h-screen transform bg-bg-main p-8 pt-16 transition-transform duration-500 ease-in-out',
+          isOpen ? '-translate-x-0' : 'translate-x-full'
         )}
       >
-        <nav className="flex flex-col items-center space-y-8">
+        <nav className="flex h-full flex-col justify-between">
           {navItems.map((item) => (
             <a key={item.key} href={item.href} className="text-3xl" onClick={toggleMenu}>
               {t(item.key as any)}
             </a>
           ))}
+          <hr />
+          <a href="/#services" className="brand-btn w-full" onClick={toggleMenu}>
+            {t('hero.cta.getStarted')}
+          </a>
         </nav>
       </div>
     </div>