import Nav from './components/Nav'
import Drop from './components/Drop'
import InfoBox from './components/InfoBox'
import Signup from './components/Signup'
import PastDrops from './components/PastDrops'
import Footer from './components/Footer'

export default function Home() {
  return (
    <>
      <Nav />
      <header className="container">
        <h1>Shop together. Wholesale prices for private buyers.</h1>
        <p>
          Limited CBD drops directly from Swiss producers. No retail.
          No markup. Just collective bulk prices.
        </p>
      </header>

      <section className="container" id="drop">
        <Drop />
        <InfoBox />
      </section>

      <section className="container" id="community">
        <Signup />
      </section>

      <section className="container" id="past">
        <h2>Past Drops</h2>
        <PastDrops />
      </section>

      <Footer />
    </>
  )
}