optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pin language toggle above hero
All checks were successful
Build Docker Image / build (push) Successful in 4m51s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-02-04 15:32:09 +07:00
parent 9c19d08cf5
commit 2fc4faaa83
1 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
app/pages/whitepaper.vue
View File

@@ -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>