diff --git a/docusaurus.config.js b/docusaurus.config.js index c538f20a939e37159b53347a873b921ccc7a293b..6e5a85826c7000d0bddf874b374742a36ff2bb41 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 944004540a6f38403c624828a0ab901de9f15d41..ca34423391a02da1148781010e2b7a854e53296d 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 925e2a8069cc44d8626e0a04b5159f4f4d4c4427..694c7fa2119488f6e8093d2763078f506963cc5c 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> );