From b4698872da12dcf39b22bcf8456c75953907365c Mon Sep 17 00:00:00 2001
From: sHa <sha@shadoll.dev>
Date: Fri, 20 Jun 2025 18:08:48 +0300
Subject: [PATCH] feat: split header title into two parts for improved clarity
 and update translations

---
 src/components/Footer.svelte |  4 ++--
 src/components/Header.svelte | 25 ++++++++++++++++++++++++-
 src/components/Home.svelte   | 24 ++++++++++++++++++++----
 src/translations.js          | 10 ++++++----
 4 files changed, 52 insertions(+), 11 deletions(-)

diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index c11ad93..7e9d38c 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -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>
 
diff --git a/src/components/Header.svelte b/src/components/Header.svelte
index 406e754..63e005b 100644
--- a/src/components/Header.svelte
+++ b/src/components/Header.svelte
@@ -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;
diff --git a/src/components/Home.svelte b/src/components/Home.svelte
index 3fd62ec..049aa50 100644
--- a/src/components/Home.svelte
+++ b/src/components/Home.svelte
@@ -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;
diff --git a/src/translations.js b/src/translations.js
index 1b6a050..fac3132 100644
--- a/src/translations.js
+++ b/src/translations.js
@@ -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 Ukraine’s energy independence in today’s 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}, яка генерує чисту електроенергію, зменшує викиди вуглецю та сприяє зміцненню енергетичної незалежності України у складних геополітичних умовах.',