How It Works

How It Works Section Step-by-step process layout with icons and concise explanations. Guides users from query entry to store contact in a structured flow. Ideal for onboarding, tutorials, or service explanation pages.

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

import { HowItWorks } from "@/components/ui/how-it-works";

/**
 * A demo component to showcase the HowItWorks section.
 */
export default function HowItWorksDemo() {
  return (
    <div className="bg-background text-foreground">
      <HowItWorks />
    </div>
  );
}