Storybook stories for the `ParallaxImageShowcase` component, covering layout variants, parallax intensity levels, shadow options, and partial image configurations using inline SVG placeholder images. ## Key Components | Export | Type | Description | |--------|------|-------------| | `meta` | `Meta` | Storybook metadata — registers component under `Features/ParallaxImageShowcase` with controls for `layout`, `intensity`, and `shadow` | | `makePlaceholder` | Helper | Generates an SVG data URI mimicking a screenshot UI with sidebar, panels, and a centered label | | `images` | Fixture | Three placeholder images with `left`, `center`, and `right` position assignments | | `NonBoxed` | `Story` | Default overlapping layer layout | | `Boxed` | `Story` | Two-row layout with optional `logoElement` slot | | `Grid` | `Story` | Three-column grid layout | | `SubtleIntensity` / `HighIntensity` | `Story` | Parallax motion range demos (`0.3` → `5`) | | `GridWithShadow` / `GridHighIntensity` | `Story` | Grid layout with shadow and intensity combinations | | `TwoImages` / `SingleImage` | `Story` | Edge-case coverage for reduced image counts | ## Usage Example ```typescript import { ParallaxImageShowcase } from '../components/features/parallax-image-showcase' // Minimal usage with three positioned images // Boxed layout with a logo slot } /> ``` ## Controls Reference | Prop | Control | Values | |------|---------|--------| | `layout` | select | `non-boxed` · `boxed` · `grid` | | `intensity` | number slider | `0` – `10`, step `0.1` | | `shadow` | boolean toggle | `true` / `false` |