import Performers from './Performers';
import Program from './Program';
import styles from '../../styles/Index.module.scss';
import Lead from '../components/Lead';
import Collaboration from '../components/Collaboration';
import { Link } from 'react-router-dom';
import { FiExternalLink } from 'react-icons/all';

const Index = () => {
  return (
    <div className={styles.indexContainer}>
      <h1>Runosaari</h1>
      <Lead />
      {/* <Program /> */}
      {/* <Performers /> */}
      {/* <Collaboration /> */}
      {/* <Workshops /> */}
      {/* <Info /> */}
      {/* <Archive /> */}
      <Link to="/archive">
        <span className={styles.archiveLinkText}>Aiempien vuosien esiintyjiä</span>
        <FiExternalLink fontSize={20} />
      </Link>
    </div>
  );
};

export default Index;
