Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit c37faf90 authored by Julie Thezenas's avatar Julie Thezenas Committed by Christophe Chaudier
Browse files

feat: new banner with stylizing text

feat: add button beta in frame color
parent 2e4c913f
No related branches found
No related tags found
1 merge request!64Resolve "refactor: change hero banner"
...@@ -3,8 +3,8 @@ const darkCodeTheme = require("prism-react-renderer/themes/dracula"); ...@@ -3,8 +3,8 @@ const darkCodeTheme = require("prism-react-renderer/themes/dracula");
/** @type {import('@docusaurus/types').DocusaurusConfig} */ /** @type {import('@docusaurus/types').DocusaurusConfig} */
module.exports = { module.exports = {
title: "Simplifiez-vous le code !", title: "Simplifiez-vous le code",
tagline: "Améliorez la coopération de vos équipes autour du code source, sans gérer votre forge logicielle !", tagline: "",
url: process.env.DOCUSAURUS_URL || "https://froggit.fr", url: process.env.DOCUSAURUS_URL || "https://froggit.fr",
baseUrl: process.env.DOCUSAURUS_BASEURL || "/", baseUrl: process.env.DOCUSAURUS_BASEURL || "/",
onBrokenLinks: "throw", onBrokenLinks: "throw",
......
...@@ -125,6 +125,10 @@ ul { ...@@ -125,6 +125,10 @@ ul {
padding-bottom: 20px; padding-bottom: 20px;
} }
.btn-little-txt {
font-size: small;
}
/***** BUTTON *****/ /***** BUTTON *****/
.button { .button {
margin: 10px; margin: 10px;
...@@ -136,15 +140,15 @@ ul { ...@@ -136,15 +140,15 @@ ul {
} }
.button--beta { .button--beta {
background-color: var(--ifm-color-success);
border-color: var(--ifm-color-success); border-color: var(--ifm-color-success);
color: var(--ifm-color-frame);
border-style: none; border-style: none;
background-color: var(--ifm-color-frame);
color: var(--ifm-color-black);
} }
.button--beta:hover { .button--beta:hover {
color: var(--ifm-color-secondary); color: var(--ifm-color-secondary);
background-color: var(--ifm-color-info); background-color: var(--ifm-color-success);
border-style: none; border-style: none;
} }
......
...@@ -11,15 +11,13 @@ function HomepageHeader(){ ...@@ -11,15 +11,13 @@ function HomepageHeader(){
return ( return (
<header className={styles.heroBanner}> <header className={styles.heroBanner}>
<div className="sections container"> <div className="sections container">
<h1 className="hero__title">{siteConfig.title}</h1> <h1 className="hero__title">Simplifiez-vous le code... <br />et faites plaisir à vos techs.</h1>
<p className="hero__subtitle">{siteConfig.tagline}</p> <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"> <div className="button-frame">
▶️ En savoir plus <Link className="button button--beta button--lg" to="/tarifs">
</Link> Je mabonne sans engagement<br /><div className="btn-little-txt">30 jours satisfaits ou remboursés !</div>
<Link className="button button--beta button--lg" to="http://beta.froggit.fr/"> </Link>
Rejoindre la bêta gratuite 🧪 </div>
</Link>
</div> </div>
</header> </header>
); );
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment