Sidekick: Create Newsletter Signup Section

Generate the Liquid, CSS, and form markup for a newsletter signup section that I can paste into my theme as a custom section, based on this spec:

Section Placement: [homepage footer area/dedicated section/popup trigger/page section on [PAGE NAME]]

Headline: [e.g., “Stay in the Loop” or “Join Our Community” or custom]
Subtext: [1-2 SENTENCES EXPLAINING THE VALUE, e.g., “Get exclusive deals, new arrivals, and [BRAND NAME] news delivered to your inbox.”]

Incentive (if any):

  Offer: [e.g., “10% off your first order” / “Free shipping on next order” / “none”]
  Display incentive as: [badge/highlighted text/separate line]


Form Fields:

  Email address: [required – always]
  First name: [yes/no]
  Additional field: [FIELD NAME, e.g., “Birthday” or “none”]
  Submit button text: [e.g., “Subscribe” or “Sign Me Up” or “Get My Discount”]


Success Message:

  After submission: [e.g., “Thanks for subscribing! Check your inbox for your welcome offer.”]


Design Specifications:

  Layout: [inline form (email + button in one row) / stacked form / centered with background image]
  Background: [COLOR / IMAGE / gradient from [COLOR 1] to [COLOR 2]]
  Text color: [COLOR or “auto contrast”]
  Button color: [COLOR or “theme accent”]
  Button hover effect: [darken/lighten/outline swap]
  Section width: [full-width/contained]
  Padding: [compact/standard/spacious]


Integration:

  Connected to: [Shopify Email/Klaviyo/Mailchimp/other]
  Double opt-in: [yes/no]
  Tags to apply to new subscribers: [TAG 1, TAG 2]


Compliance:

  Include privacy disclaimer text: [e.g., “We respect your privacy. Unsubscribe anytime.”]
  Link to privacy policy: [yes/no]


Where to paste this: Note that only the Shopify Email integration is native — other ESPs need their own embed/app. Tell me which section file to save this as and walk me through adding it via the Shopify theme editor.