From 490a46e2d3bf41918b1eaf6f5523f8e548857743 Mon Sep 17 00:00:00 2001
From: Thomas Poignant <thomas.poignant@gofeatureflag.org>
Date: Fri, 21 Apr 2023 21:19:11 +0200
Subject: [PATCH] Change tagline website

Signed-off-by: Thomas Poignant <thomas.poignant@gofeatureflag.org>
---
 website/docusaurus.config.js                             | 3 ++-
 website/src/components/home/HomeHeader/index.js          | 3 ++-
 website/src/components/home/HomeHeader/styles.module.css | 7 +++++++
 website/src/css/custom.css                               | 4 ++--
 website/src/pages/index.js                               | 4 ++--
 5 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index b067b86a127..0b58b0de899 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -9,7 +9,7 @@ const TwitterSvg =
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: 'GO Feature Flag',
-  tagline: 'GO Feature Flag is a simple, complete and lightweight feature flag solution 100% Open Source.',
+  tagline: 'Simple Feature Flagging for All',
   url: 'https://gofeatureflag.org',
   baseUrl: '/',
   onBrokenLinks: 'throw',
@@ -20,6 +20,7 @@ const config = {
   trailingSlash: false,
 
   customFields: {
+    description: 'GO Feature Flag is a simple, complete and lightweight feature flag solution 100% Open Source.',
     logo: 'img/logo/logo.png',
     github: 'https://github.com/thomaspoignant/go-feature-flag',
     sponsor: 'https://github.com/sponsors/thomaspoignant',
diff --git a/website/src/components/home/HomeHeader/index.js b/website/src/components/home/HomeHeader/index.js
index 1b445d2c16c..a29e961dd32 100644
--- a/website/src/components/home/HomeHeader/index.js
+++ b/website/src/components/home/HomeHeader/index.js
@@ -51,9 +51,10 @@ export function HomeHeader() {
               <span className="goffMainTitle">GO Feature Flag</span>
               <br />
               <span className="goffMainSubtitle">
-                Ship Faster, Reduce Risk, and Build Scale
+              {`${siteConfig.tagline}`}
               </span>
               <p>
+                <span className={styles.descriptionFirstLine}>Ship Faster, Reduce Risk, and Build Scale</span><br/>
                 Feature flags lets you modify system behavior without changing
                 code. Deploy every day, release when you are ready. Reduce risk
                 by releasing your features progressively.
diff --git a/website/src/components/home/HomeHeader/styles.module.css b/website/src/components/home/HomeHeader/styles.module.css
index d01ed435b72..4c20ffd7a7f 100644
--- a/website/src/components/home/HomeHeader/styles.module.css
+++ b/website/src/components/home/HomeHeader/styles.module.css
@@ -63,3 +63,10 @@ svg:not(:root) {
   font-size: 1rem;
   text-align: center;
 }
+
+.descriptionFirstLine{
+  font-weight: 100;
+  font-size: 1.4rem;
+  text-transform:capitalize;
+  filter: brightness(1.25);
+}
\ No newline at end of file
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 70954ba23b7..b08d4df1b04 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -179,7 +179,7 @@ div[class^="announcementBar_"] {
 /* NEW CSS*/
 .goffMainTitle {
   margin-top: 2rem;
-  font-size: 3rem;
+  font-size: 4rem;
   line-height: 2.5rem;
   color: var(--goff-main-title-color);
   font-family: Poppins, sans-serif;
@@ -192,7 +192,7 @@ div[class^="announcementBar_"] {
   font-family: Poppins, sans-serif;
   font-weight: 700;
   letter-spacing: -0.18rem;
-  font-size: 3rem;
+  font-size: 2.95rem;
 }
 
 .menu-icon{
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 6cba4a993cd..77efd4b2068 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -10,8 +10,8 @@ export default function Home() {
   const {siteConfig} = useDocusaurusContext();
   return (
     <Layout
-      title="Simple Feature Flagging for All"
-      description={`${siteConfig.tagline}`}>
+      title={`${siteConfig.tagline}`}
+      description={`${siteConfig.customFields.description}`}>
       <HomeHeader />
       <Whatis />
       <Features />