# Newport Craft Pop-Up — install handoff (PRIVATE — Mike processes, not Ed)

Goal: replace the current "It's Called Soccer" can pop-up on **newportcraft.com** with the fresh one whose button sends people to **https://itscalledsoccer.beer**.

The site is built/managed by **SpotHopper**, so you have two realistic paths.

---

## PATH A (most likely / cleanest): ask SpotHopper to swap it
SpotHopper controls the site, and their pop-up/announcement is usually managed by their team. Email/portal message to your SpotHopper rep:

> Hi — please replace our current homepage pop-up (the "It's Called Soccer" can image) with a new one.
> The new pop-up should show "It's Called Soccer — American Golden Ale — Available Now" and a button reading **"Find It Now"** that links to **https://itscalledsoccer.beer** (opens in a new tab). Keep the age-gate as-is; this replaces the marketing pop-up that appears after it.
> I can provide finished HTML/CSS for the pop-up, or our brand image — whichever your system accepts. Design reference attached.

Attach: `dist/newportcraft-popup.html` (or a screenshot) and the brand graphic.

---

## PATH B (if SpotHopper gives you a self-serve pop-up/HTML block)
If your SpotHopper dashboard has a "Pop-Up", "Announcement", or "Custom HTML" widget you can edit:

**Claude Chrome task (run it yourself):**
> You're in the SpotHopper dashboard for newportcraft.com. Find the homepage pop-up / announcement / promo module (look under Website → Pop-Ups / Announcements / Custom HTML). Do NOT touch the 21+ age-gate. In the existing marketing pop-up:
> 1. If it accepts custom HTML: replace its contents with the HTML I paste below.
> 2. If it only accepts an image + button: upload the It's Called Soccer image, set the headline to "It's Called Soccer — Available Now", and set the button/link to **https://itscalledsoccer.beer** (open in new tab), button text "Find It Now".
> 3. Save and tell me exactly which module type you edited and what fields it exposed.

**HTML to paste** (the pop-up markup) is the `<div class="ics-pop">…</div>` block plus its `<style>` from `dist/newportcraft-popup.html`. (Self-contained; no external files except the brand image, which loads from the page or can be swapped for an uploaded URL.)

---

## The link the button uses
**https://itscalledsoccer.beer** — currently a dev build is live at **https://itscalledsoccer.pages.dev**. Point the `.beer` domain at the Pages project (or set the redirect) before the popup goes public, so the button lands on the real page.

## Note on the redirect you mentioned
You said itscalledsoccer.beer is "a redirect from this site to that new site." Two ways to wire it:
- **Recommended:** make `itscalledsoccer.beer` serve the landing page directly (add it as a custom domain on the `itscalledsoccer` Cloudflare Pages project). The popup button → `itscalledsoccer.beer` → the page. Clean, fast, SSL automatic.
- Or keep a registrar-level redirect `itscalledsoccer.beer` → `itscalledsoccer.pages.dev` (works, but shows the pages.dev URL).
