index.js

import React, { useRef } from "react"
import Helmet from "react-helmet"
import "./styles.scss"

import {
  Navbar, 
  Hero,
  Timeline,
  // Partners,
  Footer
} from "../components"

import Prizes from "../components/Prizes"

const IndexPage = () => {
  const sectionRef = useRef(null)
  const scrollTo = () => sectionRef && sectionRef.current.scrollIntoView()
  return (
    <>
      <Helmet defaultTitle="PCV Ideathon" titleTemplate="%s | PCV Ideathon">
        <title defer={false}>Home</title>
        <meta charSet="utf-8" />
        <link rel="canonical" href="https://www.ideathon.pennclimateventures.org/home" />
        <meta name="description" content="Collegiate climate startup pitch competition. Open to all students at Penn."/>
        <meta name="date" content="MAR 12TH - APR 22ND"/>
      </Helmet>
      <Navbar />
      <Hero scrollTo={scrollTo} />
      <Timeline ref={sectionRef} />
      <Prizes />
      {/* <Partners /> */}
      <Footer />
    </>
  )
}
export default IndexPage