Integration
The reusable source is written to @components/storefront-hero-2.tsx.
The registry also includes app/storefront-hero-2/page.tsx as a complete preview route; an existing application can keep the reusable component files without adopting that route.
Example content is isolated in @components/data/storefront-hero-2-data.ts (Product, StoreData, storeData); replace those fixtures with application data rather than editing layout markup in several places.
@components/storefront-hero-2.tsx declares a client boundary for state, measurement, or browser interaction.