text upated

src/widgets/home/components/Hero.tsx

@@ -183,6 +183,7 @@ const Hero = () => {
             paddingTop: 36,
             borderTop: `1px solid ${C.border}`,
           }}
+          className="flex items-center justify-around"
         >
           {STATS.map((s) => {
             return (

src/widgets/home/components/Stat.tsx

@@ -3,7 +3,7 @@ import { C } from '../tokens';
 import type { StatItem } from '../types';
 
 const Stat: FC<StatItem> = ({ value, label }) => (
-  <div>
+  <div className="flex items-center justify-center flex-col">
     <div
       style={{
         fontFamily: "'Playfair Display', serif",

src/widgets/home/constants.ts

@@ -44,7 +44,6 @@ export const STATS: StatItem[] = [
   { value: '98.7%', label: 'Detection accuracy' },
   { value: '50K+', label: 'Documents checked' },
   { value: '12+', label: 'Supported formats' },
-  { value: '24h', label: 'Report turnaround' },
 ];
 
 export const INFO_CARDS: InfoCardData[] = [

src/widgets/navbar/ui/authButtons.tsx

@@ -48,8 +48,8 @@ function AuthButtons() {
   }
 
   return (
-    <div className="flex flex-row  gap-3">
-      <div className="flex">
+    <div className="flex flex-row max-sm:items-center max-sm:justify-around  gap-3">
+      <div className="sm:flex hidden">
         <ChangeLang />
       </div>
       <Button variant="outline" onClick={() => toggleLoginModal()}>

src/widgets/navbar/ui/index.tsx

@@ -24,7 +24,7 @@ const Navbar = () => {
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full">
         {/* Desktop Menu */}
         <nav className="justify-between flex max-sm:flex-col gap-5">
-          <div className="flex items-center gap-6">
+          <div className="flex items-center justify-between gap-6">
             {/* Logo */}
             <Link
               href={'/'}
@@ -32,13 +32,9 @@ const Navbar = () => {
             >
               {t('logo')}
             </Link>
-            {/* <div className="flex items-center">
-              <NavigationMenu>
-                <NavigationMenuList>
-                  {menu.map((item) => RenderMenuItem(item))}
-                </NavigationMenuList>
-              </NavigationMenu>
-            </div> */}
+            <div className="flex sm:hidden">
+              <ChangeLang />
+            </div>
           </div>
           <AuthButtons />
         </nav>