diff --git a/apps/client/src/app/components/header/header.component.html b/apps/client/src/app/components/header/header.component.html index 493e719f3..18183103f 100644 --- a/apps/client/src/app/components/header/header.component.html +++ b/apps/client/src/app/components/header/header.component.html @@ -229,13 +229,7 @@ mat-button [routerLink]="['/']" > - + - - - - - - - - Wealth Management Software + + + Manage your wealth like a boss + + + + + + + + @@ -43,7 +52,7 @@ - Protect your wealth. Refine your + Protect your assets. Refine your personal investment strategy. @@ -51,18 +60,6 @@ stocks, ETFs or cryptocurrencies and make solid, data-driven investment decisions. - - - - - @@ -198,3 +195,19 @@ + + + + + + + + + + + Wealth Management Software + + + diff --git a/apps/client/src/app/pages/landing/landing-page.scss b/apps/client/src/app/pages/landing/landing-page.scss index a76dc9aac..721c49c64 100644 --- a/apps/client/src/app/pages/landing/landing-page.scss +++ b/apps/client/src/app/pages/landing/landing-page.scss @@ -1,3 +1,5 @@ +@import '~apps/client/src/styles/ghostfolio-style'; + :host { display: block; @@ -13,19 +15,32 @@ } } - .intro-container { - margin-top: -5rem; + .intro { + font-size: 4vw; + line-height: 1; + + @media (max-width: 575.98px) { + font-size: 10vw; + } + } + + .outro-inner-container { + aspect-ratio: 16 / 9; + max-height: 66vh; - .intro-inner-container { - aspect-ratio: 16 / 9; - max-height: 66vh; + div { + background-image: url('/assets/intro.jpg'); + background-position: top left; + background-repeat: no-repeat; + background-size: contain; + } + } + + .video { + border: 1px solid rgba(var(--dark-dividers)); - .intro { - background-image: url('/assets/intro.jpg'); - background-position: top left; - background-repeat: no-repeat; - background-size: contain; - } + &:hover { + border-color: rgba(var(--palette-primary-500), 1); } } } @@ -37,9 +52,13 @@ } } - .intro-container { - .intro { + .outro-inner-container { + div { background-image: url('/assets/intro-dark.jpg') !important; } } + + .video { + border-color: rgba(var(--light-dividers)); + } }
Wealth Management Software
@@ -51,18 +60,6 @@ stocks, ETFs or cryptocurrencies and make solid, data-driven investment decisions.
- - - -