Feature/improve balance of headings on landing page (#5293)

* Improve balance of headings

* Update changelog

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Changed
+
+- Improved the balance of headings on the landing page
+
 ## 2.186.0 - 2025-07-30
 
 ### Added

apps/client/src/app/pages/landing/landing-page.html

@@ -2,11 +2,11 @@
   <div class="row">
     <div class="col text-center">
       <div>
-        <h1 class="font-weight-bold intro" i18n>
+        <h1 class="font-weight-bold gf-text-wrap-balance intro" i18n>
           Manage your wealth like a boss
         </h1>
       </div>
-      <p class="lead mb-4" i18n>
+      <p class="gf-text-wrap-balance lead mb-4" i18n>
         Ghostfolio is a privacy-first, open source dashboard for your personal
         finances. Break down your asset allocation, know your net worth and make
         solid, data-driven investment decisions.
@@ -222,11 +222,11 @@
 
   <div class="pt-3 row">
     <div class="col text-center">
-      <h2 class="h4 mb-1 text-center" i18n>
+      <h2 class="gf-text-wrap-balance h4 mb-1 text-center" i18n>
         Protect your <strong>assets</strong>. Refine your
         <strong>personal investment strategy</strong>.
       </h2>
-      <p class="lead m-0" i18n>
+      <p class="gf-text-wrap-balance lead m-0" i18n>
         Ghostfolio empowers busy people to keep track of stocks, ETFs or
         cryptocurrencies without being tracked.
       </p>
@@ -270,7 +270,7 @@
   <div class="row my-5">
     <div class="col-md-6 offset-md-3">
       <h2 class="h4 mb-1 text-center" i18n>Why <strong>Ghostfolio</strong>?</h2>
-      <p class="lead mb-3 text-center" i18n>
+      <p class="gf-text-wrap-balance lead mb-3 text-center" i18n>
         Ghostfolio is for you if you are...
       </p>
       <ul class="list-unstyled">
@@ -363,7 +363,7 @@
   @if (hasPermissionForSubscription) {
     <div class="row my-5">
       <div class="col-12">
-        <h2 class="h4 text-center" i18n>
+        <h2 class="gf-text-wrap-balance h4 text-center" i18n>
           Members from around the globe are using
           <a href="pricing"><strong>Ghostfolio Premium</strong></a>
         </h2>
@@ -431,7 +431,7 @@
         <h2 class="h4 mb-1 text-center" i18n>
           Are <strong>you</strong> ready?
         </h2>
-        <p class="lead mb-3 text-center" i18n>
+        <p class="gf-text-wrap-balance lead mb-3 text-center" i18n>
           Join now
           @if (hasPermissionForDemo) {
             or check out the example account