SearchF
May 11, 2026/Intermediate/Features & Process/Wolverine Worldwide

Dual Push Cards

Two-up CTA card section with scroll-driven parallax on each card's background image. Cards scale down and drift vertically as you scroll past. Glassmorphic blur buttons at bottom-left. Stacks on mobile, side-by-side grid on desktop.

Live Demo ↗

Preview

Progress with purpose.

Where talent shapes what’s next.

Source

import DualPushCards from "./index.jsx";
import { dualPushCards } from "../demo-data.js";

export default function DualPushCardsDemo() {
  return (
    <div style={{ paddingTop: "50vh", paddingBottom: "50vh" }}>
      <DualPushCards {...dualPushCards} />
    </div>
  );
}

Dependencies

  • gsap

Related Components

1W AGO
Milk Methodology Stackfeatures-process
1W AGO
Milk What We Dofeatures-process
1W AGO
Trionn Services Deckfeatures-process