'use client'

import Nav from '../components/Nav'
import PastDrops from '../components/PastDrops'
import Footer from '../components/Footer'

export default function PastDropsPage() {
  return (
    <>
      <Nav />
      <section className="container" style={{ paddingTop: '120px' }}>
        <a
          href="/"
          style={{
            display: 'inline-flex',
            alignItems: 'center',
            color: 'var(--muted)',
            textDecoration: 'none',
            fontSize: '14px',
            marginBottom: '30px',
            transition: 'color 0.2s',
          }}
          onMouseEnter={(e) => {
            e.currentTarget.style.color = 'var(--text)'
          }}
          onMouseLeave={(e) => {
            e.currentTarget.style.color = 'var(--muted)'
          }}
        >
          ← Back
        </a>
        <h1 style={{ marginBottom: '40px' }}>Past Drops</h1>
        <PastDrops />
      </section>
      <Footer />
    </>
  )
}