Three-Step How-To

A three-step how-it-works feature section with side-by-side step cards, each showing a live media surface (image, video, or embedded component) anchored to the bottom.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Three-Step How-To to your project and fits it to your theme.

import { Feature9, feature9Demo } from "@/components/ui/feature9";

export default function Feature9Demo() {
  return <Feature9 {...feature9Demo} />;
}