Speakers.tsx

import * as React from "react";

import Container, { Sizes } from "@/Components/Container";
import Grid from "@/Components/Grid";
import SpeakerCard from "@/Components/SpeakerCard";
import { SPEAKERS } from "@/dataset";
import Speaker from "@/Types/Speaker";

export default class Speakers extends React.Component {
  shuffleArray(arr: Speaker[]) {
    return [...arr].sort(() => 0.5 - Math.random());
  }

  render() {
    return (
      <section id="speakers" className="speakers">
        <Container size={Sizes.large}>
          <Container size={Sizes.small}>
            <h1>Speakers</h1>
            <p>
              The{" "}
              <a
                href="https://forms.gle/QEc3gqsyVboiNDXY6"
                target="_blank"
                rel="noopener noreferrer"
              >
                CFP
              </a>{" "}
              is open!!!
            </p>
            <br></br>
            <p>
              You have until 6th April (UTC time) to apply!
            </p>
            <p>
              The
            </p>
          </Container>
        </Container>
      </section>
    );
  }
}