Refine hero typography and coming soon flow

components/layout/locale-toggle.tsx

@@ -42,16 +42,16 @@ export function LocaleToggle({ locale, className, showLabel = false }: LocaleTog
           aria-label={`Locale: ${currentLocale.toUpperCase()}`}
           className={cn(
             "group cursor-pointer rounded-pill border border-transparent text-muted-foreground hover:border-border/70 hover:bg-background/80 hover:text-foreground",
-            showLabel ? "gap-2 px-3" : undefined,
+            showLabel ? "gap-2 px-3" : "h-9 w-9 p-0",
             className,
           )}
         >
           <Image
             src={localeFlags[currentLocale].src}
             alt={localeFlags[currentLocale].alt}
-            width={18}
-            height={18}
-            className="h-[18px] w-[18px] rounded-full object-cover transition-transform duration-300 ease-out group-hover:scale-110"
+            width={20}
+            height={20}
+            className="h-5 w-5 rounded-full object-cover transition-transform duration-300 ease-out group-hover:scale-110"
           />
         </Button>
       </DropdownMenuTrigger>
@@ -72,9 +72,9 @@ export function LocaleToggle({ locale, className, showLabel = false }: LocaleTog
               <Image
                 src={localeFlags[targetLocale].src}
                 alt={localeFlags[targetLocale].alt}
-                width={18}
-                height={18}
-                className="h-[18px] w-[18px] rounded-full object-cover transition-transform duration-300 ease-out group-hover:scale-110"
+                width={20}
+                height={20}
+                className="h-5 w-5 rounded-full object-cover transition-transform duration-300 ease-out group-hover:scale-110"
               />
             </a>
           </DropdownMenuItem>