<!-- source-hash: bc3b7f6794a8e489c9fce54c9abbaeb4 -->
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
<ParallaxImageShowcase
  layout="non-boxed"
  intensity={1.5}
  shadow={false}
  images={[
    { src: '/screenshots/dashboard.png', alt: 'Dashboard', position: 'left' },
    { src: '/screenshots/analytics.png', alt: 'Analytics', position: 'center' },
    { src: '/screenshots/settings.png',  alt: 'Settings',  position: 'right' },
  ]}
/>

// Boxed layout with a logo slot
<ParallaxImageShowcase
  layout="boxed"
  images={images}
  logoElement={<img src="/logo.svg" alt="Logo" />}
/>
```

## Controls Reference

| Prop | Control | Values |
|------|---------|--------|
| `layout` | select | `non-boxed` · `boxed` · `grid` |
| `intensity` | number slider | `0` – `10`, step `0.1` |
| `shadow` | boolean toggle | `true` / `false` |