hero: fix 'у' overflow, add tagline integration, remove separate banner
This commit is contained in:
1 parent
02a98b7949
commit
5396801baa
3 files changed
+1005
-11
No files matched your search
+14
-11
@@ -224,7 +224,7 @@ section { padding: 120px 0; position: relative; z-index: 1; }
|
||||
padding: 160px 0 80px; min-height: 90vh;
|
||||
display: flex; align-items: center;
|
||||
border-bottom: 1px solid var(--border);
|
||||
position: relative; overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.hero-inner {
|
||||
display: grid; grid-template-columns: 1fr 1fr; gap: 80px;
|
||||
@@ -242,10 +242,11 @@ section { padding: 120px 0; position: relative; z-index: 1; }
|
||||
|
||||
h1 {
|
||||
font-size: clamp(3rem, 6vw, 5rem); font-weight: 700;
|
||||
letter-spacing: -0.04em; line-height: 0.95; margin-bottom: 24px;
|
||||
letter-spacing: -0.02em; line-height: 1.05; margin-bottom: 24px;
|
||||
background: linear-gradient(135deg, var(--text) 45%, var(--accent) 100%);
|
||||
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
text-shadow: 0 0 1px rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
.hero-sub {
|
||||
@@ -253,6 +254,16 @@ h1 {
|
||||
margin-bottom: 40px; max-width: 440px; line-height: 1.65;
|
||||
}
|
||||
|
||||
.hero-tagline {
|
||||
font-size: 1rem; font-weight: 600;
|
||||
margin-bottom: 32px; line-height: 1.5;
|
||||
max-width: 440px;
|
||||
color: rgba(255,255,255,0.85);
|
||||
}
|
||||
[data-theme="light"] .hero-tagline {
|
||||
color: #161616;
|
||||
}
|
||||
|
||||
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
|
||||
|
||||
.hero-meta {
|
||||
@@ -808,15 +819,6 @@ h1 {
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- ── TOP BANNER ── -->
|
||||
<section style="background: var(--accent-dim); border-bottom: 1px solid var(--border); padding: 50px 0 48px; text-align: center; position: relative; z-index: 1;">
|
||||
<div style="max-width: 1280px; margin: 0 auto; padding: 0 32px;">
|
||||
<h2 style="font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 700; letter-spacing: -0.03em; line-height: 1.3; color: var(--text); padding-top: 50px;">
|
||||
Сквозная аналитика и панели мониторинга<br>для вашего бизнеса и департаментов под ключ
|
||||
</h2>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── HERO ── -->
|
||||
<section class="hero" id="hero">
|
||||
<div class="wrap">
|
||||
@@ -829,6 +831,7 @@ h1 {
|
||||
Обновляется автоматически из 1С, CRM и банков.
|
||||
Смотрится с телефона каждое утро.
|
||||
</p>
|
||||
<p class="hero-tagline">Сквозная аналитика и панели мониторинга<br>для вашего бизнеса и департаментов под ключ</p>
|
||||
<div class="hero-actions">
|
||||
<a href="#cta" class="btn btn-accent btn-lg">
|
||||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5">
|
||||
|
||||
Reference in new issue
Block a user