feat: split header title into two parts for improved clarity and update translations

This commit is contained in:
sha
2025-06-20 18:08:48 +03:00
parent ed5d4283f5
commit b4698872da
4 changed files with 52 additions and 11 deletions
+2 -2
View File
@@ -7,9 +7,9 @@
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3>{t('header_title', $language)}</h3>
<h3>{t('header_title_part1', $language)} {t('header_title_part2', $language)}</h3>
<p class="footer-description">
{t('company_name', $language)}
{t('company_name', $language)} {t('header_title_part2', $language)}
</p>
</div>
+24 -1
View File
@@ -47,7 +47,10 @@
<div class="container">
<div class="header-content">
<div class="logo">
<h1>{t('header_title', $language)}</h1>
<h1>
<span class="title-part1">{t('header_title_part1', $language)}</span>
<span class="title-part2">{t('header_title_part2', $language)}</span>
</h1>
</div>
<div class="header-controls">
@@ -123,6 +126,17 @@
transition: color 0.3s ease;
}
.title-part1 {
font-size: 1.25rem;
font-weight: 600;
}
.title-part2 {
font-size: 1.75rem;
font-weight: 800;
margin-left: 0.5rem;
}
.header-controls {
display: flex;
align-items: center;
@@ -225,6 +239,15 @@
font-size: 1.25rem;
}
.title-part1 {
font-size: 1rem;
}
.title-part2 {
font-size: 1.5rem;
margin-left: 0.25rem;
}
.current-lang,
.theme-label {
display: none;
+20 -4
View File
@@ -122,6 +122,9 @@
<h1 class="hero-title">
{t("company_name", $language)}
</h1>
<h2 class="hero-subtitle">
{t("header_title_part2", $language)}
</h2>
</div>
</div>
</section>
@@ -317,7 +320,7 @@
right: 0;
bottom: 0;
background: linear-gradient(
135deg,
168deg,
var(--bg-color) 0%,
transparent 50%,
var(--bg-secondary) 100%
@@ -333,14 +336,27 @@
.hero-title {
font-size: clamp(1.5rem, 4vw, 2.5rem);
font-weight: 700;
color: var(--primary-color);
margin-bottom: 0;
font-weight: 300;
color: white;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
margin-bottom: 0.5rem;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
}
.hero-subtitle {
font-size: clamp(2rem, 6vw, 4rem);
font-weight: 800;
color: white;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
margin-bottom: 0;
margin-top: 0;
line-height: 1.1;
text-align: center;
text-transform: uppercase;
}
/* NAV Value Section */
.nav-section {
padding: 3rem 0;
+6 -4
View File
@@ -1,7 +1,8 @@
export const translations = {
en: {
header_title: 'Investment Fund «Vancouver»',
company_name: 'STOCK COMPANY CLOSED NON-DIVERSIFIED VENTURE CORPORATE INVESTMENT FUND "VANCOUVER"',
header_title_part1: 'Investment Fund',
header_title_part2: '«Vancouver»',
company_name: 'Stock company closed non-diversified venture corporate investment fund',
description: 'We are a Ukrainian investment fund established in 2018. Over more than six years of operation, we have focused our investment strategy on the following key areas:',
energy: 'Energy',
energy_desc: 'Investing in renewable energy is a strategic focus of the Fund. In particular, we support the development of the {link}Hirskyi Wind Park{/link}, which generates clean electricity, reduces carbon emissions, and contributes to strengthening Ukraines energy independence in todays complex geopolitical landscape.',
@@ -47,8 +48,9 @@ export const translations = {
phone: 'Phone: +38 050 465 46 18'
},
uk: {
header_title: 'Інвестиційний фонд «Vancouver»',
company_name: 'Aкціонерне товариство закритий недиверсифікований венчурний корпоративний інвестиційний фонд "Vancouver"',
header_title_part1: 'Інвестиційний фонд',
header_title_part2: '«Vancouver»',
company_name: 'Aкціонерне товариство закритий недиверсифікований венчурний корпоративний інвестиційний фонд',
description: 'Ми — український інвестиційний фонд, заснований у 2018 році. За понад шість років роботи ми зосередили свою інвестиційну стратегію на наступних ключових напрямках:',
energy: 'Енергетика',
energy_desc: 'Інвестиції у відновлювану енергетику є стратегічним напрямом діяльності Фонду. Зокрема, ми підтримуємо розвиток вітроелектростанції {link}Вітряний Парк Гірський{/link}, яка генерує чисту електроенергію, зменшує викиди вуглецю та сприяє зміцненню енергетичної незалежності України у складних геополітичних умовах.',