Product Lockup

The Product Lockup component at the top of a riverpage displaying main product. This block is replaced by promo images if the page has them.

Preview

How to use Product Lockup in Astro

Images for this component are exported from the Figma design files as a png at 2x.

index.astro

    ---
    import {ProductLockup} from "@isitetv/srp-toolkit";
    ---

    <ProductLockup
      kvMobile="mobile-kv-image-url"
      kvDesktop="desktop-kv-image-url"
      alt="text-to-describe-image"
    />