{% if section.settings.logo != blank %} {{ section.settings.logo | image_url: width: 1200 | image_tag: class: 'events-page__logo', loading: 'eager', alt: section.settings.logo.alt }} {% else %} {{ section.settings.logo_placeholder }} {% endif %}

{{ section.settings.eyebrow }}

{{ section.settings.heading }}

{{ section.settings.intro }}

{% for block in section.blocks %}

{{ block.settings.date }}

{{ block.settings.location }}

{{ block.settings.title }}

{{ block.settings.description }}

{% if block.settings.link != blank %} {{ block.settings.link_label }} ↗ {% endif %}

{% else %}

{{ section.settings.empty_heading }}

{{ section.settings.empty_text }}

{% endfor %}

{{ section.settings.signup_eyebrow }}

{{ section.settings.signup_heading }}

{% form 'customer', class: 'events-page__form' %} {{ section.settings.email_label }} {{ section.settings.submit_label }} {% if form.posted_successfully? %}

{{ section.settings.success_message }}

{% endif %} {{ form.errors | default_errors }} {% endform %}

{% stylesheet %} .events-page { background: #f3f1eb; color: #0a0a0a; font-family: inherit; } .events-page__hero { min-height: 78vh; padding: clamp(32px, 6vw, 96px); display: flex; flex-direction: column; justify-content: flex-end; border-bottom: 1px solid #111; } .events-page__logo-frame { width: min(100%, 760px); min-height: 150px; margin: 0 auto auto; padding: 32px; display: grid; place-items: center; border: 1px solid #111; background: transparent; } .events-page__logo { display: block; width: 100%; max-height: 220px; object-fit: contain; } .events-page__logo-placeholder { font-size: clamp(28px, 5vw, 72px); font-weight: 700; letter-spacing: -0.05em; text-align: center; } .events-page__eyebrow { margin: 0 0 16px; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; } .events-page__title { max-width: 12ch; margin: 0; font-size: clamp(68px, 15vw, 220px); line-height: 0.78; letter-spacing: -0.075em; text-transform: uppercase; } .events-page__intro { max-width: 620px; margin: 36px 0 0 auto; font-size: clamp(17px, 2vw, 26px); line-height: 1.25; } .events-page__list { border-bottom: 1px solid #111; } .events-page__event { display: grid; grid-template-columns: minmax(150px, 0.8fr) 2fr auto; gap: 32px; align-items: start; padding: 40px clamp(24px, 6vw, 96px); border-top: 1px solid #111; } .events-page__event:first-child { border-top: 0; } .events-page__event-meta p { margin: 0 0 6px; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; } .events-page__event-main h2 { margin: 0 0 14px; font-size: clamp(30px, 5vw, 72px); line-height: 0.9; letter-spacing: -0.04em; text-transform: uppercase; } .events-page__event-main p { max-width: 650px; margin: 0; line-height: 1.5; } .events-page__event-link { padding-bottom: 4px; color: inherit; border-bottom: 1px solid; font-size: 13px; letter-spacing: 0.1em; text-decoration: none; text-transform: uppercase; } .events-page__empty { padding: 80px clamp(24px, 6vw, 96px); } .events-page__empty p { margin: 0; font-size: clamp(36px, 7vw, 100px); line-height: 0.9; letter-spacing: -0.05em; text-transform: uppercase; } .events-page__empty span { display: block; margin-top: 18px; } .events-page__signup { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding: clamp(56px, 8vw, 120px) clamp(24px, 6vw, 96px); background: #0a0a0a; color: #fff; } .events-page__signup h2 { max-width: 10ch; margin: 0; font-size: clamp(42px, 7vw, 100px); line-height: 0.86; letter-spacing: -0.05em; text-transform: uppercase; } .events-page__form { align-self: end; display: grid; grid-template-columns: 1fr auto; } .events-page__form input { min-width: 0; padding: 18px 0; color: #fff; background: transparent; border: 0; border-bottom: 1px solid #fff; border-radius: 0; font: inherit; } .events-page__form button { padding: 18px 0 18px 24px; color: #fff; background: transparent; border: 0; border-bottom: 1px solid #fff; font: inherit; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; } .events-page__message, .events-page__form .errors { grid-column: 1 / -1; } @media (max-width: 749px) { .events-page__hero { min-height: 68vh; } .events-page__event, .events-page__signup { grid-template-columns: 1fr; } .events-page__event-link { justify-self: start; } .events-page__signup { gap: 44px; } } {% endstylesheet %} {% schema %} { "name": "Branded events page", "settings": [ { "type": "image_picker", "id": "logo", "label": "Logo" }, { "type": "text", "id": "logo_placeholder", "label": "Logo placeholder", "default": "YOUR LOGO" }, { "type": "text", "id": "eyebrow", "label": "Eyebrow", "default": "ARMÉE NEW YORK / EVENTS" }, { "type": "text", "id": "heading", "label": "Heading", "default": "EVENTS" }, { "type": "richtext", "id": "intro", "label": "Introduction", "default": "

Pop-ups, private experiences, and cultural moments from A Single Unified Force.

" }, { "type": "text", "id": "events_label", "label": "Events list accessibility label", "default": "Upcoming events" }, { "type": "text", "id": "empty_heading", "label": "Empty-state heading", "default": "THE NEXT MOVE IS COMING" }, { "type": "text", "id": "empty_text", "label": "Empty-state text", "default": "Join the list for first access." }, { "type": "text", "id": "signup_eyebrow", "label": "Signup eyebrow", "default": "STAY CLOSE" }, { "type": "text", "id": "signup_heading", "label": "Signup heading", "default": "BE FIRST TO KNOW" }, { "type": "text", "id": "email_label", "label": "Email field label", "default": "Email address" }, { "type": "text", "id": "email_placeholder", "label": "Email placeholder", "default": "EMAIL ADDRESS" }, { "type": "text", "id": "submit_label", "label": "Submit button", "default": "JOIN" }, { "type": "text", "id": "success_message", "label": "Success message", "default": "YOU'RE ON THE LIST." } ], "blocks": [ { "type": "event", "name": "Event", "settings": [ { "type": "text", "id": "date", "label": "Date", "default": "DATE TO BE ANNOUNCED" }, { "type": "text", "id": "location", "label": "Location", "default": "NEW YORK" }, { "type": "text", "id": "title", "label": "Title", "default": "A SINGLE UNIFIED FORCE" }, { "type": "textarea", "id": "description", "label": "Description", "default": "An intimate gathering shaped by clothing, sound, and community." }, { "type": "url", "id": "link", "label": "Link" }, { "type": "text", "id": "link_label", "label": "Link label", "default": "DETAILS" } ] } ], "presets": [ { "name": "Branded events page", "blocks": [ { "type": "event" } ] } ] } {% endschema %}