From 79098e9f5c4a7588fbc592155a339b0c12c0fe82 Mon Sep 17 00:00:00 2001
From: Julie Thezenas <julie@lydra.fr>
Date: Mon, 4 Jul 2022 11:58:44 +0200
Subject: [PATCH] feat: add button beta in frame color

---
 docusaurus.config.js |  2 +-
 src/css/custom.css   | 10 +++++++---
 src/pages/index.js   | 14 +++++---------
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index 3f619a6..6e5a858 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -3,7 +3,7 @@ const darkCodeTheme = require("prism-react-renderer/themes/dracula");
 
 /** @type {import('@docusaurus/types').DocusaurusConfig} */
 module.exports = {
-  title: "",
+  title: "Simplifiez-vous le code",
   tagline: "",
   url: process.env.DOCUSAURUS_URL || "https://froggit.fr",
   baseUrl: process.env.DOCUSAURUS_BASEURL || "/",
diff --git a/src/css/custom.css b/src/css/custom.css
index 9440045..ca34423 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -125,6 +125,10 @@ ul {
   padding-bottom: 20px;
 }
 
+.btn-little-txt {
+  font-size: small;
+}
+
 /***** BUTTON *****/
 .button {
   margin: 10px;
@@ -136,15 +140,15 @@ ul {
 }
 
 .button--beta {
-  background-color: var(--ifm-color-success);
   border-color: var(--ifm-color-success);
-  color: var(--ifm-color-frame);
   border-style: none;
+  background-color: var(--ifm-color-frame);
+  color: var(--ifm-color-black);
 }
 
 .button--beta:hover {
   color: var(--ifm-color-secondary);
-  background-color: var(--ifm-color-info);
+  background-color: var(--ifm-color-success);
   border-style: none;
 }
 
diff --git a/src/pages/index.js b/src/pages/index.js
index 5ea728d..36a7c6e 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -11,17 +11,13 @@ function HomepageHeader(){
   return (
     <header className={styles.heroBanner}>
       <div className="sections container">
-        {/* <h1 className="hero__title">{siteConfig.title}</h1>
-        <p className="hero__subtitle">{siteConfig.tagline}</p> */}
         <h1 className="hero__title">Simplifiez-vous le code... <br />et faites plaisir à vos techs.</h1>
         <p className="hero__subtitle">Collaborez autour du code sur la première plateforme intégrée DevOps <i>Made in France</i>. Avec Froggit, sécurisez vos données, améliorez vos performances et protégez enfin la planète.</p>
-        <Link className="button button--warning button--lg" to="https://youtu.be/gOCOai6wX_w">
-              ▶️ En savoir plus
-        </Link>
-        <Link className="button button--beta button--lg" to="http://beta.froggit.fr/">
-              Rejoindre la bêta gratuite 🧪
-        </Link>
-
+        <div className="button-frame">
+          <Link className="button button--beta button--lg" to="http://beta.froggit.fr/">
+          Je m’abonne sans engagement<br /><div className="btn-little-txt">30 jours satisfaits ou remboursés !</div>
+          </Link>
+        </div>
       </div>
     </header>      
   );
-- 
GitLab