Refine mobile layout updates

components/home-page.tsx

@@ -16,11 +16,6 @@ export function HomePage({ language }: { language: Language }) {
   const dir = getDirection(language);
   const t = portfolioContent[language];
   const founderName = language === "ar" ? sharedProfile.founderNameAr : sharedProfile.founderNameEn;
-  const founderNameParts = founderName.trim().split(/\s+/);
-  const mobileFounderNameLines =
-    founderNameParts.length > 2
-      ? [`${founderNameParts[0]} ${founderNameParts[1]}`, founderNameParts.slice(2).join(" ")]
-      : [founderName];
   const address = language === "ar" ? sharedProfile.addressAr : sharedProfile.address;
   const heroImageAlt =
     language === "ar"
@@ -68,12 +63,7 @@ export function HomePage({ language }: { language: Language }) {
                     language === "en" ? "type-hero-title-latin" : ""
                   }`}
                 >
-                  <span className="hidden sm:inline">{founderName}</span>
-                  <span className="hero-title-mobile-lines sm:hidden">
-                    {mobileFounderNameLines.map((line) => (
-                      <span key={line}>{line}</span>
-                    ))}
-                  </span>
+                  {founderName}
                 </h1>
 
                 <div className="mt-8 max-w-2xl space-y-4">
@@ -89,15 +79,15 @@ export function HomePage({ language }: { language: Language }) {
                 </div>
 
                 <div className={`hero-action-group mt-10 flex flex-wrap gap-4 ${dir === "rtl" ? "justify-start" : ""}`}>
-                  <Link href={`${basePath}#projects`} className="button-primary">
+                  <Link href={`${basePath}#projects`} className="button-primary hero-action-link">
                     {t.ui.viewProjects}
                   </Link>
                   {hasResume ? (
-                    <Link href={resumeFile.href} className="button-secondary" download>
+                    <Link href={resumeFile.href} className="button-secondary hero-action-link" download>
                       {t.ui.downloadCv}
                     </Link>
                   ) : (
-                    <Link href={`${basePath}/resume`} className="button-secondary">
+                    <Link href={`${basePath}/resume`} className="button-secondary hero-action-link">
                       {t.ui.onlineResume}
                     </Link>
                   )}

components/navbar.tsx

@@ -65,7 +65,7 @@ export function Navbar({ language }: { language: Language }) {
           </div>
         </div>
 
-        <div className={`navbar-mobile-controls flex items-center gap-2 md:hidden ${dir === "rtl" ? "flex-row-reverse" : ""}`}>
+        <div className="navbar-mobile-controls flex items-center gap-2 md:hidden">
           <ThemeToggle language={language} />
           <LanguageToggle language={language} />
           <MobileNav