github.com/Jeffail/benthos/v3@v3.65.0/website/src/pages/community.js (about)

     1  import React from 'react';
     2  
     3  import styles from './community.module.css';
     4  import classnames from 'classnames';
     5  import Layout from '@theme/Layout';
     6  import Link from '@docusaurus/Link';
     7  
     8  import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
     9  
    10  function Community() {
    11    const context = useDocusaurusContext();
    12  
    13    return (
    14      <Layout title="Community" description="Where to ask questions and find your soul mate">
    15        <header className="hero">
    16          <div className="container text--center">
    17            <h1>Community</h1>
    18            <div className="hero--subtitle">
    19              These are places where you can ask questions and find your soul mate (no promises).
    20            </div>
    21            <img className={styles.headerImg} src="/img/Blobsocial.svg" />
    22          </div>
    23        </header>
    24        <main>
    25          <div className="container">
    26            <div className="row margin-vert--lg">
    27              <div className="col text--center padding-vert--md">
    28                <div class="card">
    29                  <div class="card__header">
    30                    <i className={classnames(styles.icon, styles.discord)}></i>
    31                  </div>
    32                  <div class="card__body">
    33                    <p>Join the official Benthos discord server</p>
    34                  </div>
    35                  <div class="card__footer">
    36                    <Link to="https://discord.gg/6VaWjzP" class="button button--outline button--primary button--block">Join</Link>
    37                  </div>
    38                </div>
    39              </div>
    40  
    41              <div className="col text--center padding-vert--md">
    42                <div class="card">
    43                  <div class="card__header">
    44                    <i className={classnames(styles.icon, styles.twitter)}></i>
    45                  </div>
    46                  <div class="card__body">
    47                    <p>Aggressively &#64;mention Ash on Twitter</p>
    48                  </div>
    49                  <div class="card__footer">
    50                    <Link to="https://twitter.com/jeffail" class="button button--outline button--primary button--block">Follow &#64;Jeffail</Link>
    51                  </div>
    52                </div>
    53              </div>
    54  
    55              <div className="col text--center padding-vert--md">
    56                <div class="card">
    57                  <div class="card__header">
    58                    <i className={classnames(styles.icon, styles.email)}></i>
    59                  </div>
    60                  <div class="card__body">
    61                    <p>Say hello via email</p>
    62                  </div>
    63                  <div class="card__footer">
    64                    <Link to="mailto:hello@benthos.dev" class="button button--outline button--primary button--block">hello&#64;benthos.dev</Link>
    65                  </div>
    66                </div>
    67              </div>
    68  
    69              <div className="col text--center padding-vert--md">
    70                <div class="card">
    71                  <div class="card__header">
    72                    <i className={classnames(styles.icon, styles.slack)}></i>
    73                  </div>
    74                  <div class="card__body">
    75                    <p>Join us on the &#35;benthos channel in the Gophers slack</p>
    76                  </div>
    77                  <div class="card__footer">
    78                    <Link to="https://invite.slack.golangbridge.org/" class="button button--outline button--success button--block">Get an invite</Link>
    79                  </div>
    80                  <div class="card__footer">
    81                    <Link to="https://app.slack.com/client/T029RQSE6/CLWCBK7FY" class="button button--outline button--primary button--block">Open</Link>
    82                  </div>
    83                </div>
    84              </div>
    85            </div>
    86          </div>
    87        </main>
    88      </Layout>
    89    );
    90  }
    91  
    92  export default Community;