Scroll-triggered 3D card flip animation with gap and width transitions. Cards flip to reveal content on scroll.
| Prop | Type | Default | Description |
|---|---|---|---|
| cards | Array<{ id: string; frontImage: string; backTitle: string; backDescription: string }> | default cards | Array of exactly 3 card objects. Each card has: id (unique identifier), frontImage (URL for front side - recommended aspect ratio per image is 5/7, total 15/7 for all 3), backTitle (title shown on back flip), backDescription (description text on back flip) |
| introTitle | string | "Building the Future..." | Title text for the intro section |
| headerTitle | string | "Three Forces..." | Title text for the sticky header section |
| outroTitle | string | "Start Connecting..." | Title text for the outro section |
| containerClassName | string | "" | Additional CSS classes for the outer container |