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
index.js 1.41 KiB
Newer Older
import React from "react";
import Layout from "@theme/Layout"; 
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
import styles from "./index.module.css";
import HomepagePromises from "../components/HomepagePromises";
import HomepageFeatures from "../components/HomepageFeatures";
import Link from "@docusaurus/Link";
function HomepageHeader(){
Hugues's avatar
Hugues committed
  return (
    <header className={styles.heroBanner}>
Hugues's avatar
Hugues committed
      <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>
        <div className="button-frame">
          <Link className="button button--beta button--lg" to="/tarifs">
          Je mabonne sans engagement<br /><div className="btn-little-txt">30 jours satisfaits ou remboursés !</div>
          </Link>
        </div>
Hugues's avatar
Hugues committed
      </div>
Hugues's avatar
Hugues committed
  );
}

export default function Home() {
  const { siteConfig } = useDocusaurusContext();
Hugues's avatar
Hugues committed
  return (
Hugues's avatar
Hugues committed
    <Layout
      title={siteConfig.themeConfig.navbar.title}
      description={siteConfig.tagline}
Hugues's avatar
Hugues committed
      <HomepageHeader />
      <main>
        <HomepagePromises />
Hugues's avatar
Hugues committed
        <HomepageFeatures />
      </main>
    </Layout>
  );
}