Scamper: a free Shopify theme for pet stores

Build a website for a pet store (a static site in the style of the Scamper Shopify theme, not a Shopify theme) in the style of the free "Scamper" template (live demo: https://wagtail.shopify.formgong.com).
Write plain HTML, CSS and a little vanilla JavaScript in one index.html, unless this tool builds in its own stack (v0, Lovable and Bolt use React): then keep the same sections, look and form logic.
Use my business name and details where I give them. Where a section needs photos, names, prices, reviews or other copy I haven't given, use neutral placeholder images (CSS gradients or inline SVG, sized for the layout) and short placeholder text that is clearly marked for me to replace.

Sections, top to bottom:
1. Header with a "Shopping for" picker (dogs, cats) and the menu.
2. Image banner: a dog leaping for a ball on an orange background.
3. A scrolling text strip.
4. Collection tiles: "Who are we shopping for today?"
5. Bestsellers this week: a moving product strip with tabs for several collections and a pause button.
6. Image with text.
7. One featured product.
8. Build a starter set: three products added with one button; the total updates as items are unticked.
9. Testimonials: "Tails are wagging. Here's proof."
10. Newsletter: "10% off your first order."
11. Footer.

Colours (define them as CSS variables):
- Background (cream): #FFF5E6
- Ink: #17140F
- Muted text: #4A4339
- Peach surface: #FFE3CC
- Orange block: #FC8228
- Teal block: #0C5754
- Yellow (buttons on teal): #FFD457
- Off-white: #FFFBF4
- Rust accent: #B4470A

Fonts (Google Fonts): Bricolage Grotesque (extra bold) for headings, Figtree for text.

Motion and hover:
- Colour-block product cards show a second image on hover, with a quick add button.
- Short animations: sections rise and pop in, the banner image moves with a light parallax, the strip moves until paused.
- Scroll effects in plain CSS that stop for visitors who ask for reduced motion.
- Wrap every animation in @media (prefers-reduced-motion: no-preference), so visitors who ask for less motion get the final state.
- Hide content for reveal animations only from JavaScript (add a class such as js to <html> first and hide only under it), so every section is visible without JavaScript.

Contact form, sent to Formgong (a hosted form backend, no server code):
- Contact form on its own page: name, email, phone, message. Product buttons link to my shop or open this form. Use these name attributes: name, email, phone, message.
- The form is <form action="https://formgong.com/submit" method="POST"> with <input type="hidden" name="access_key" value="fk_your_access_key"> and <input type="hidden" name="_lang" value="en">. I will replace fk_your_access_key with my own key from https://formgong.com/new. The key is public and safe in the page.
- Add a honeypot: a text input named botcheck, hidden with CSS (position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%)), with tabindex="-1" and autocomplete="off".
- Submit with fetch: POST https://formgong.com/submit, body new FormData(form), header Accept: application/json. Disable the button while it sends.
- Show the thank-you message only when the JSON response has success === true. On anything else (an error response, a non-2xx status, a network error) show the error message, keep what the visitor typed and enable the button again.
- Keep the name attributes exactly as listed: Formgong stores each value under its field name.
- Without JavaScript the plain form POST must still work: Formgong then shows its own thank-you page. To send visitors to my own page instead, add <input type="hidden" name="_redirect" value="https://example.com/thanks/"> (I will put my real URL there).
- Do not add a backend, API route, server action, database or email library.

Accessibility: a visible label on every field, a visible focus style, alt text on images, and text contrast of at least 4.5:1.