Sneaker Drop Store

Install

The whole page lands in app/templates/sneaker-drop-store/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.

Sections it ships with

Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.

1. 1

   Hero and Nav Bar

   A nav bar sticky within the section, over the EMBER-01 lava-orange key visual with a drop countdown and a 360° shoe viewer.

   hero
2. 2

   Drop Slogan Marquee

   An infinite-loop marquee on a skewed orange band, scrolling drop slogans: limited, raffle-only, never restocked.

   misc
3. 3

   Size Registration

   An interactive US size picker where visitors choose a size and submit a raffle entry, with sold-out strikethroughs and a registered state.

   form
4. 4

   Drop Calendar

   A list of the Saturday drops through August, each showing date, colourway thumbnail, price, and registration status tag.

   timeline
5. 5

   Raffle Rules

   Four step cards explaining the fair raffle process from account creation to paying for a winning entry, plus an anti-reseller statement.

   features
6. 6

   Drop Archive

   A sold-out gallery whose gradient thumbnail grid records every past drop and its entry count.

   gallery
7. 7

   Drop Alert Sign-Up

   A skewed-card email sign-up call to action that flips to a subscribed confirmation after submission.

   cta
8. 8

   Footer

   A footer with brand blurb, social links, and three navigation columns: drops, brand, and support.

   footer