Newsletter signup

"use client";

import { NewsletterSignup } from "@/components/facade/newsletter-signup";

const wait = () => new Promise<void>((r) => setTimeout(r, 900));

export default function Demo() {
  return (
    <div>
      <NewsletterSignup
        variant="ember"
        className="pb-6 sm:pb-8"
        eyebrow="The Hearth Bakery letter"
        title="Know what comes out of the oven this week."
        description="A short note every Thursday with the weekend bread list, holiday preorder dates and the occasional recipe from our kitchen in Portland."
        perks={["Weekly, on Thursdays", "Preorder dates first", "Unsubscribe anytime"]}
        buttonLabel="Get the letter"
        requireConsent
        consent="Yes, email me the weekly bakery letter. You can unsubscribe with one click in any email."
        successTitle="Welcome to the letter."
        successText="We sent a confirmation link. The first note arrives on Thursday."
        onSubmit={wait}
      />
      <NewsletterSignup
        className="pt-6 sm:pt-8"
        eyebrow="Homeowner tips"
        title="Seasonal reminders that save on repairs."
        description="Once a month: what to check on your furnace, gutters and water heater before it turns into a service call. Written by our technicians in Denver."
        onSubmit={wait}
      />
    </div>
  );
}