[writers-program] Create Writers Page with Cards for Contributors #3074

The Writers Program website currently lacks a dedicated page to highlight all writers who have contributed. A Writers Page should be created that lists contributors with their image, name, and short bio in a clean, modern layout.

This page will serve as a way to recognize writers and build credibility for the program. For now, dummy data can be used, but the implementation must make it easy to add new writers later.

Expectations:

• Add a new route/page in the Next.js app, e.g., /writers.
  Page structure:
• A heading (e.g., “Meet Our Writers”)
• A description/subheading that explains the program’s contributors.
• A grid of cards, each showing writer’s profile image, name, and short bio.
• Cards should be responsive, accessible, and consistent with Keploy’s visual style.
• Writer data should be stored in a single JS/TS object/array in a component or config file so that new writers can be easily added without modifying multiple files.
• Use modern UI libraries for cards and layout (shadcn/ui, Radix UI, Aceternity, Magic UI, etc.) to maintain consistency.
• Ensure responsive behavior on mobile, tablet, and desktop.

Acceptance Criteria:

• /writers route renders successfully.
• Page has heading + description text at the top.
• Cards are generated from a central object/array containing writer data.
• Dummy data used for now, but easy to replace with real contributors later.
• Cards are styled with consistent spacing, colors, and responsive behavior.
• Code is clean, modular, and documented.

Links:

• Writers Program Website: https://writers.keploy.io/
• Writers Program Repo: https://github.com/keploy/writers-program