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

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

Start by reviewing the Writers Program Website and comparing its four listed sections with the Keploy pillar-page example and SEO Guidelines. Map the existing sections before choosing reusable UI components; done means all four sections are responsive, accessible, visually consistent with keploy.io, and include the requested guidelines reference and links.