export default function ContactPage() {
  return (
    <div className="page" style={{ maxWidth: 560 }}>
      <div className="page-head">
        <div>
          <h1 className="page-title">Contact Us</h1>
          <p className="page-sub">Questions, feedback, or support requests.</p>
        </div>
      </div>

      <div className="card" style={{ padding: 32 }}>
        <form
          action="mailto:support@bitnews.day"
          method="get"
          encType="text/plain"
        >
          <div className="field" style={{ marginBottom: 16 }}>
            <label htmlFor="subject">Subject</label>
            <input id="subject" name="subject" type="text" placeholder="e.g. Bot not executing trades" />
          </div>
          <div className="field" style={{ marginBottom: 24 }}>
            <label htmlFor="body">Message</label>
            <textarea
              id="body"
              name="body"
              rows={6}
              placeholder="Describe your issue or question in detail…"
              style={{ width: '100%', resize: 'vertical' }}
            />
          </div>
          <button type="submit" className="btn amber lg">
            Open in mail client →
          </button>
        </form>

        <div style={{ marginTop: 28, paddingTop: 20, borderTop: '1px solid var(--line)', fontSize: 13, color: 'var(--ink-3)', lineHeight: 1.6 }}>
          <div style={{ marginBottom: 6 }}>You can also reach us directly:</div>
          <div>
            <a href="mailto:support@bitnews.day" style={{ color: 'var(--amber)' }}>support@bitnews.day</a>
          </div>
          <div style={{ marginTop: 8 }}>Response time: typically within 24 hours.</div>
        </div>
      </div>
    </div>
  )
}