Qoraiche / laravel-mail-editor

import React from 'react';

import clsx from 'clsx';

import Layout from '@theme/Layout';

import CodeBlock from '@theme/CodeBlock';

import Link from '@docusaurus/Link';

import useDocusaurusContext from '@docusaurus/useDocusaurusContext';

import styles from './index.module.css';

import HomepageFeatures from '../components/HomepageFeatures';

import SponsorsList from '../components/SponsorsList';

function HomepageHeader() {

  const {siteConfig} = useDocusaurusContext();

  return (

    <header className={clsx('hero hero--primary', styles.heroBanner)}>

      <div className="container">

        <h1 className="hero__title">{siteConfig.title}</h1>

        <p className="hero__subtitle">{siteConfig.tagline}</p>

        <div className={styles.heroCode}>

            <CodeBlock>composer require qoraiche/laravel-mail-editor</CodeBlock>

        </div>

        <div className={styles.buttons}>

          <Link

            className="button button--secondary button--lg"

            to="/docs/intro">

            Get Started 🚀

          </Link>

        </div>

      </div>

    </header>

  );

}

export default function Home() {

  return (

    <Layout

      description="Create, Edit and Format mails with a WYSIWYG editor with Laravel Mailable Editor">

      <HomepageHeader />

      <main>

        <HomepageFeatures />

        <SponsorsList />

      </main>

    </Layout>

  );

}