Updated keploy API fellowship website theme to match main website

[rycerzes]

Pull Request

Description

Migrated the website to NextJS and updated it to match the new theme

Fixes # (issue)
PR for following issue: keploy/keploy#2536

Additional Context (Please include any Screenshots/gifs if relevant)

Enhancement description

• Analyze the main website UI/UX and document key design elements (colors, fonts, buttons, layouts).
• Update the Fellowship website’s styles (CSS, Tailwind, or relevant framework) to match the main website.
• Ensure dark mode & responsiveness are implemented correctly.
• Replace outdated UI components with consistent buttons, cards, navigation menus, and headers.
• Use the same assets as the DevRel website update to maintain uniformity.
• Optimize images and icons to reflect branding.
• Review and test the updated design across desktop and mobile.
• Gather feedback and make necessary improvements.

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have checked my code and corrected any misspellings
• I have signed the commit message to agree to Developer Certificate of Origin (DCO) (to certify that you wrote or otherwise have the right to submit your contribution to the project.) by adding "--signoff" to my git commit command.

[github-actions]

Thank you and congratulations 🎉 for opening your very first pull request in student-program

[amaan-bhati]

hey @rycerzes Thanks for creating this pull request, can you please provide a preview for the same in the form of a video or vercel link would also work.

[TvisharajiK]

Hey @rycerzes Any updates?

[rycerzes]

@amaan-bhati @TvisharajiK
Hi sorry, I didnt check my notifications, I had already deployed the website
here's the link, Keploy Student Program

[TvisharajiK]

Hey @rycerzes
Everything looks fine but can you change the logo to the latest one from the home website?

[rycerzes]

Hey @rycerzes Everything looks fine but can you change the logo to the latest one from the home website?

yep updated, the logo :)

[manasmanohar]

1. add desktop and mobile navbar
2. comment out the newsletter for now
3. maintain the color scheme from keploy.io
4. add padding
5. fix the spacing and alingment, ensure content inside card is spaced and aligned equally with each other
6. ensure the profile photo image are consistant
   
7. ensure responsiveness of all elements
   
8. fix the underline color and alignment
9. run npm run build
   refer to comments in the related prs.

The final review and merge will be done after internal discussion.

[rycerzes]

sure, i will fix these issues and push by today itself

[rycerzes]

• add desktop and mobile navbar
• comment out the newsletter for now
• maintain the color scheme from keploy.io
• add padding to social dock
• fix alignment issues in cards of the about section,
• ensure the profile photos are consistent in testimonial section
• responsiveness of the newsletter section

@TvisharajiK @manasmanohar @amaan-bhati please review
Keploy Student Program website

[keploy-staging]

⚠️ Oops! We currently support Unit Test Generation only for Go projects.
Stay tuned – support for more languages is coming soon! 🚀

[keploy-staging]

⚠️ Oops! We currently support Unit Test Generation only for Go projects.
Stay tuned – support for more languages is coming soon! 🚀

[keploy-staging]

⚠️ Oops! We currently support Unit Test Generation only for Go projects.
Stay tuned – support for more languages is coming soon! 🚀

[keploy-staging]

Nice Pr 😄. We currently support Unit Test Generation only for Go projects.
Stay tuned – support for more languages is coming soon! 🚀

[keploy-staging]

Nice Pr 😄. We currently support Unit Test Generation only for Go projects.
Stay tuned – support for more languages is coming soon! 🚀

[keploy]

Nice Pr 😄. We currently support Unit Test Generation only for Go projects.
Stay tuned – support for more languages is coming soon! 🚀

[amaan-bhati]

Yo! @rycerzes i am merging this pr with a hacktoberfest label, can you please fix the conflict?

[rycerzes]

@amaan-bhati fixed the conflict, you can merge this PR 👍

[Copilot]

Pull Request Overview

This PR migrates the Keploy Fellowship website from a legacy HTML/CSS template to a modern NextJS application with an updated design that aligns with the main Keploy website theme. The migration includes implementing responsive design, dark mode compatibility, and modern UI components.

Key Changes:

• Complete migration from static HTML to NextJS with TypeScript
• Implementation of modern UI components using Radix UI and Tailwind CSS
• Addition of interactive features like testimonial carousels and animated elements
• Enhanced accessibility and mobile responsiveness

Reviewed Changes

Copilot reviewed 34 out of 147 changed files in this pull request and generated 2 comments.

File	Description
package.json	Adds NextJS 15.2.4, React 19, and modern UI dependencies for the new application architecture
components/*	New React components implementing the modernized fellowship website with interactive features
lib/utils.ts	Utility function for CSS class management using clsx and tailwind-merge
Legacy files (styles.html, index.html, css/, js/)	Removal of old static website files as part of the migration

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[rycerzes]

@amaan-bhati can you take a look now?

[amaan-bhati]

The ui looks good to me, the migration to nextjs is okay to get merged. There is a lack of finishing touch in the navbar and the footer, this can be further improved. We will be adding further issues in order to improve the design here. Since, other issues are dependent on this pr, we will be merging it for now, further changes can be found in the issues tab

[rycerzes]

@amaan-bhati do you want me to work on those improvements as well? If so, you can assign the associated issues to me