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

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • froggit/www/froggit.fr
1 result
Show changes
Hide whitespace changes
Inline Side-by-side
src/pages/index.js
View file @ 873e9ea2
......@@ -3,18 +3,18 @@ import Layout from "@theme/Layout";
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
import styles from "./index.module.css";
import Link from "@docusaurus/Link";
import HomepageResults from "@site/src/components/HomepageResults";
import HomepagePromises from "@site/src/components/HomepagePromises";
import HomepageFeatures from "@site/src/components/HomepageFeatures";
import CarouselLibre from "@site/src/components/CarouselLibre";
import HomepageResults from "@site/src/components/Results/HomepageResults";
import HomepagePromises from "@site/src/components/Promises/HomepagePromises";
import HomepageFeatures from "@site/src/components/Features/HomepageFeatures";
import CarouselLibre from "@site/src/components/Carousel/CarouselLibre";
function HomepageHeader(){
return (
<header className={styles.heroBanner}>
<div className="sections container">
<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>
<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>
......
src/pages/tarifs.mdx
View file @ 873e9ea2
......@@ -109,18 +109,18 @@ Si vous achetez plusieurs plans, hors têtard, avec le **même email** vous cumu
<Tabs
groupId="etang"
className="tabs-etang-hide">
<TabItem value="10">
<TabItem value="2">
<p>
à partir de <strong>891 €HT/an</strong><br/>
<small class="small_price">soit 7,43 €HT/mois/utilisateur</small><br/>
<a class="button disabled button-noclick" href="#url-10"><GiFrogPrince size="20px"/> Acheter <br/> <small>10 sièges</small></a>
à partir de <strong>198 €HT/an</strong><br/>
<small class="small_price">soit 8,25 €HT/mois/utilisateur</small><br/>
<a class="button disabled button-noclick" href="#url-2"><GiFrogPrince size="20px"/> Acheter <br/> <small>plusieurs sièges</small></a>
</p>
</TabItem>
</Tabs>
</div>
<div class="card__footer">
<small>
<p><Highlight color="var(--ifm-color-light-green)">10, 50 ou 100</Highlight> utilisateurs</p>
<p><Highlight color="var(--ifm-color-light-green)">2, 5, 10, 50 ou 100</Highlight> utilisateurs</p>
<p>Groupes <Highlight color="var(--ifm-color-light-green)">illimités</Highlight></p>
<p>Projets <Highlight color="var(--ifm-color-light-green)">illimités</Highlight></p>
<p>Pipeline CI <Highlight color="var(--ifm-color-light-green)">illimité</Highlight></p>
......@@ -212,6 +212,20 @@ Si vous achetez plusieurs plans, hors têtard, avec le **même email** vous cumu
<Tabs
groupId="etang"
className="tabs-etang-hide">
<TabItem value="2">
<p>
<strong>198 €HT/an</strong><br/>
<small class="small_price">soit 8,25 €HT/mois/utilisateur</small><br/>
<a class="button button button--price" href="https://www.lydra.eu/cmd_ly_frg_etang_2_a"><GiFrogPrince size="20px"/> Acheter <br/> <small>2 sièges</small></a>
</p>
</TabItem>
<TabItem value="5">
<p>
<strong>495 €HT/an</strong><br/>
<small class="small_price">soit 8,25 €HT/mois/utilisateur</small><br/>
<a class="button button button--price" href="https://www.lydra.eu/cmd_ly_frg_etang_5_a"><GiFrogPrince size="20px"/> Acheter <br/> <small>5 sièges</small></a>
</p>
</TabItem>
<TabItem value="10">
<p>
<strong>891 €HT/an</strong><br/>
......@@ -240,12 +254,16 @@ Si vous achetez plusieurs plans, hors têtard, avec le **même email** vous cumu
<Tabs
groupId="etang"
className="tabs-etang"
defaultValue="10"
defaultValue="2"
values={[
{label: '2', value: '2'},
{label: '5', value: '5'},
{label: '10', value: '10'},
{label: '50', value: '50'},
{label: '100', value: '100'},
]}>
<TabItem value="2"><p><Highlight color="var(--ifm-color-light-green)">2</Highlight> utilisateurs</p></TabItem>
<TabItem value="5"><p><Highlight color="var(--ifm-color-light-green)">5</Highlight> utilisateurs</p></TabItem>
<TabItem value="10"><p><Highlight color="var(--ifm-color-light-green)">10</Highlight> utilisateurs</p></TabItem>
<TabItem value="50"><p><Highlight color="var(--ifm-color-light-green)">50</Highlight> utilisateurs</p></TabItem>
<TabItem value="100"><p><Highlight color="var(--ifm-color-light-green)">100</Highlight> utilisateurs</p></TabItem>
......
src/theme/Footer/index.js
View file @ 873e9ea2
......@@ -29,26 +29,26 @@ function Footer() {
<>
<div className="footer">
<div className="footer_container">
<div className="footer-container">
<a href="https://lab.frogg.it/froggit" target="_blank" rel="noreferrer">
<img className="footer_icons" src={Froggitblanc} alt="Logo Froggit blanc" />
<img className="footer-icons" src={Froggitblanc} alt="Logo Froggit blanc" />
</a>
<a href="https://gitlab.com/froggit" target="_blank" rel="noreferrer">
<FaGitlab className="footer_icons" />
<FaGitlab className="footer-icons" />
</a>
<a href="https://www.youtube.com/channel/UCauIDghddUNu6Fto1nR9Bmg/?sub_confirmation=1" target="_blank" rel="noreferrer">
<FaYoutube className="footer_icons" />
<FaYoutube className="footer-icons" />
</a>
<a href="https://www.linkedin.com/company/froggit" target="_blank" rel="noreferrer">
<FaLinkedin className="footer_icons" />
<FaLinkedin className="footer-icons" />
</a>
<a href="https://twitter.com/art_devops" target="_blank" rel="noreferrer">
<FaTwitter className="footer_icons" />
<FaTwitter className="footer-icons" />
</a>
</div>
......

Froggit est fièrement fabriqué avec amour par Lydra avec des Logiciels Libres et hébergé en France chez Scaleway | Status du service