From 2fc4faaa833bea958ed6e333e3eafe421091ed64 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Wed, 4 Feb 2026 15:32:09 +0700
Subject: [PATCH] Pin language toggle above hero

---
 app/pages/whitepaper.vue | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/app/pages/whitepaper.vue b/app/pages/whitepaper.vue
index fa89220..132bb23 100644
--- a/app/pages/whitepaper.vue
+++ b/app/pages/whitepaper.vue
@@ -5,23 +5,10 @@
         <div class="absolute -top-24 -right-24 h-64 w-64 rounded-full bg-primary/20 blur-3xl" />
         <div class="absolute -bottom-28 -left-20 h-72 w-72 rounded-full bg-secondary/20 blur-3xl" />
 
-        <div class="flex flex-col gap-6 relative">
-          <div class="flex flex-col md:flex-row md:items-start md:justify-between gap-4">
-            <div>
-              <div class="text-xs uppercase tracking-[0.3em] text-base-content/50 mb-4">White paper</div>
-              <h1 class="text-3xl md:text-5xl font-bold text-base-content max-w-3xl">
-                {{ content.hero.title }}
-              </h1>
-              <p class="mt-5 text-lg text-base-content/70 max-w-2xl">
-                {{ content.hero.subtitle }}
-              </p>
-              <div class="mt-8 flex flex-wrap gap-3">
-                <button class="btn btn-primary">{{ content.hero.ctaPrimary }}</button>
-                <button class="btn btn-ghost border border-base-300">{{ content.hero.ctaSecondary }}</button>
-              </div>
-            </div>
-
-            <div class="self-start flex items-center gap-2 md:ml-auto">
+        <div class="relative">
+          <div class="flex items-start justify-between gap-4">
+            <div class="text-xs uppercase tracking-[0.3em] text-base-content/50">White paper</div>
+            <div class="flex items-center gap-2">
               <button
                 class="btn btn-xs"
                 :class="lang === 'ru' ? 'btn-primary' : 'btn-ghost'"
@@ -39,7 +26,20 @@
             </div>
           </div>
 
-          <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <div class="mt-4">
+            <h1 class="text-3xl md:text-5xl font-bold text-base-content max-w-3xl">
+              {{ content.hero.title }}
+            </h1>
+            <p class="mt-5 text-lg text-base-content/70 max-w-2xl">
+              {{ content.hero.subtitle }}
+            </p>
+            <div class="mt-8 flex flex-wrap gap-3">
+              <button class="btn btn-primary">{{ content.hero.ctaPrimary }}</button>
+              <button class="btn btn-ghost border border-base-300">{{ content.hero.ctaSecondary }}</button>
+            </div>
+          </div>
+
+          <div class="mt-10 grid grid-cols-1 md:grid-cols-3 gap-4">
             <div class="card bg-base-100 border border-base-300/60">
               <div class="card-body p-5">
                 <p class="text-xs uppercase tracking-[0.2em] text-base-content/40">{{ content.hero.cards[0].label }}</p>