[writers-program] Modern UI Components for Key Sections(Offers, Flow, Evaluation, Guidelines)

[amaan-bhati]

The current Writers Program website uses very basic static sections that don’t match the professional polish of the Keploy ecosystem. These need to be redesigned into modern, reusable UI components.

Expectations:

Redesign the following sections with modern UI practices:

• What this program offers you?
• Here’s how the Program works
• Evaluation Criteria
• Guidelines for creating blogs and social media carousels (reference: Keploy SEO Guidelines )
• Use modern UI libraries (shadcn/ui, Aceternity, Radix UI, Magic UI, etc.) for consistency.
• Ensure components are responsive, accessible, and reusable.
• Match the visual style and theme of keploy.io pillar pages.

Acceptance Criteria:

• All listed sections are reimplemented with modern, reusable components.
• Components follow accessibility best practices (keyboard navigation, ARIA, etc.).
• Styling consistent with Keploy’s main website.
• Guidelines section includes direct reference and links to SEO/blog rules.

Links:

• Writers Program Website: https://www.writers.keploy.io/
• Keploy SEO Guidelines: https://github.com/keploy/keploy/wiki/Keploy-SEO-Guidelines
• Example Pillar Page: https://keploy.io/unit-test-generator

[Deepam02]

@amaan-bhati can you assign me this issue?

[Rishi-09]

hey @amaan-bhati i'm interested in this issue , can you please asssign it to me?

[Piyushrathoree]

Can I work on this ? @amaan-bhati

[devvaansh]

I would like to work on this

[aryan10092]

Hey @amaan-bhati can i work on this issue

[ANAMASGARD]

@amaan-bhati Sir , I've created a PR to address this issue:

PR :- https://github.com/keploy/writers-program/pull/47

The PR implements modern UI components for all requested sections using Next.js 15 + shadcn/ui.

Please can you review it and give your feedback Sir .