Our Story 3 block design & features
OurStory3 is an interactive brand story block built with Shadcn UI. A full-bleed lifestyle background starts as the hero plane; on start, the image translates aside to reveal a milestone card carousel telling an origin story with CTAs. Reset returns the composition to the opening hero state.
Dramatic reveal motion with card-based story slides emerging from behind the lifestyle image. Cards carry the narrative once the hero yields space. Drag on the carousel can be gated until the reveal begins on desktop.
A distinctive, elaborate our-story pattern driven by interaction and imagery rather than a conventional timeline list. Image-driven first, then content-driven cards. Stands out for the slide-aside reveal before storytelling starts.
On smaller screens the reveal and carousel still sequence the story, with cards becoming the primary readable surface after the hero shifts.