Writers contributing to the Keploy Writers Program need a clear, visual guide for the publishing process. A dedicated Blog Publishing Flow page should be created that outlines each step in the lifecycle of a blog post—from draft to publish.

Expectations & Considerations:

• Add a new route/page in the Next.js app, e.g., /publishing-flow.

Page structure:

• A heading (e.g., “Blog Publishing Workflow”).
• A short intro/description explaining the process.
• A timeline/stepper component illustrating the sequence:

Draft submission

Review by team

Feedback & changes

Add to lineup (approved)

Final publish

• Use modern UI libraries (shadcn/ui timeline/stepper, Aceternity, Radix UI) for professional visuals.
• Ensure design is responsive, accessible, and easy to follow.
• Content should be modular so steps can be updated in future.

Acceptance Criteria:

• /publishing-flow route renders successfully.
• Page contains heading, description, and clear step-by-step flow.
• Steps are displayed visually (timeline/stepper) and textually.
• Steps follow the Writers Program publishing flow exactly: draft → review → changes → lineup → publish.

Links:

• Writers Program Website: https://www.writers.keploy.io/
• Keploy SEO Guidelines: https://github.com/keploy/keploy/wiki/Keploy-SEO-Guidelines

Notes:

• Timeline component should be reusable for other flows in future.
• Consider adding small icons for each step (pencil for draft, checklist for review, etc.).
• This will act as the onboarding doc for new contributors.