export default function Newsletter() {
  return (
    <section className="section-padding bg-nusqool-cream">
      <div className="max-w-2xl mx-auto text-center">
        <h2 className="heading-lg text-nusqool-brown mb-4">Stay Connected</h2>
        <p className="body-text mb-8">
          Join our community and receive updates on events, offerings, and musings on growth and healing.
        </p>
        <form className="flex flex-col sm:flex-row gap-4 max-w-md mx-auto">
          <input
            type="email"
            placeholder="Your email address"
            className="flex-1 px-4 py-3 border border-nusqool-brown/20 rounded-sm bg-white focus:outline-none focus:border-nusqool-yellow transition-colors"
          />
          <button type="submit" className="btn-primary whitespace-nowrap">
            Subscribe
          </button>
        </form>
        <p className="text-sm text-nusqool-warmGray/60 mt-4">We respect your privacy.</p>
      </div>
    </section>
  );
}
