From c37faf90ca61f4652ea222ea6948ff96745fc34d Mon Sep 17 00:00:00 2001 From: Julie Thezenas <julie.thezenas@gmail.com> Date: Mon, 4 Jul 2022 15:20:23 +0000 Subject: [PATCH] feat: new banner with stylizing text feat: add button beta in frame color --- docusaurus.config.js | 4 ++-- src/css/custom.css | 10 +++++++--- src/pages/index.js | 16 +++++++--------- 3 files changed, 16 insertions(+), 14 deletions(-) diff --git a/docusaurus.config.js b/docusaurus.config.js index c538f20..6e5a858 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -3,8 +3,8 @@ const darkCodeTheme = require("prism-react-renderer/themes/dracula"); /** @type {import('@docusaurus/types').DocusaurusConfig} */ module.exports = { - title: "Simplifiez-vous le code !", - tagline: "Améliorez la coopération de vos équipes autour du code source, sans gérer votre forge logicielle !", + title: "Simplifiez-vous le code", + tagline: "", url: process.env.DOCUSAURUS_URL || "https://froggit.fr", baseUrl: process.env.DOCUSAURUS_BASEURL || "/", onBrokenLinks: "throw", 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 925e2a8..694c7fa 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -11,15 +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> - <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> - + <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> + <div className="button-frame"> + <Link className="button button--beta button--lg" to="/tarifs"> + Je m’abonne sans engagement<br /><div className="btn-little-txt">30 jours satisfaits ou remboursés !</div> + </Link> + </div> </div> </header> ); -- GitLab