Passed
Pull Request — master (#174)
by
unknown
04:11
created

index.js ➔ HomepageHeader   A

Complexity

Conditions 1

Size

Total Lines 20
Code Lines 20

Duplication

Lines 0
Ratio 0 %

Importance

Changes 0
Metric Value
eloc 20
dl 0
loc 20
c 0
b 0
f 0
rs 9.4
cc 1
1
import React from 'react';
2
import clsx from 'clsx';
3
import Layout from '@theme/Layout';
4
import CodeBlock from '@theme/CodeBlock';
5
import Link from '@docusaurus/Link';
6
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
7
import styles from './index.module.css';
8
import HomepageFeatures from '../components/HomepageFeatures';
9
import SponsorsList from '../components/SponsorsList';
10
11
function HomepageHeader() {
12
  const {siteConfig} = useDocusaurusContext();
13
  return (
14
    <header className={clsx('hero hero--primary', styles.heroBanner)}>
15
      <div className="container">
16
        <h1 className="hero__title">{siteConfig.title}</h1>
17
        <p className="hero__subtitle">{siteConfig.tagline}</p>
18
        <div className={styles.heroCode}>
19
            <CodeBlock>composer require qoraiche/laravel-mail-editor</CodeBlock>
20
        </div>
21
        <div className={styles.buttons}>
22
          <Link
23
            className="button button--secondary button--lg"
24
            to="/docs/intro">
25
            Get Started 🚀
26
          </Link>
27
        </div>
28
      </div>
29
    </header>
30
  );
31
}
32
33
export default function Home() {
34
  return (
35
    <Layout
36
      description="Create, Edit and Format mails with a WYSIWYG editor with Laravel Mailable Editor">
37
      <HomepageHeader />
38
      <main>
39
        <HomepageFeatures />
40
        <SponsorsList />
41
      </main>
42
    </Layout>
43
  );
44
}
45