'use client'

import { useState } from 'react'

export default function Signup() {
  const [email, setEmail] = useState('')
  const [whatsapp, setWhatsapp] = useState('')

  const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    // Handle form submission
    console.log('Form submitted', { email, whatsapp })
  }

  return (
    <div className="signup">
      <h2>Drop Notifications</h2>
      <p>Receive updates about new drops via email or WhatsApp.</p>
      <form onSubmit={handleSubmit}>
        <input
          type="email"
          placeholder="E-Mail"
          value={email}
          onChange={(e) => setEmail(e.target.value)}
        />
        <input
          type="text"
          placeholder="WhatsApp Number"
          value={whatsapp}
          onChange={(e) => setWhatsapp(e.target.value)}
        />
        <br />
        <button type="submit">Get Notified</button>
      </form>
    </div>
  )
}