Refactor Home page and replace current index `/quests`

[fricoben]

Description 📹

Create a new index page following this figma

Rename the current index to /quests and adapt links of the navbar

Proposed Actions 🛠️

Here’s a checklist of actions to follow for resolving this issue:

1. Fork and Create Branch:
   Fork the repository and create a new branch using the issue number:

   git checkout -b fix-[issue-number]

2. Implement Changes:
   File Structure Changes:

   • [ ] Create new directory app/quests
   • [ ] Move current app/page.tsx to app/quests/page.tsx
   • [ ] Create new app/page.tsx for the landing page

Navigation Updates:

• [ ] Update navbar links to point to new /quests route

New Landing Page Implementation:

• [ ] Create new components for landing page sections:
  • [ ] Hero section
  • [ ] Features grid
  • [ ] Call-to-action section
• [ ] Implement responsive design following Figma specs
• [ ] Add animations and transitions as shown in design
• [ ] Ensure proper image optimization for new assets

Testing:

• [ ] Test all navigation flows
• [ ] Verify responsive behavior
• [ ] Check accessibility
• [ ] Ensure no broken links

3. Run Tests and Commit Changes:
   Make sure your changes don't break existing functionality and commit with a clear message:

   git commit -m "Fix: [Short description of the fix]"

Required 📋

To keep our workflow smooth, please make sure you follow these guidelines:

• Assignment: Don't create a pull request if you weren’t assigned to this issue.
• Timeframe: Complete the task within 3 business days.
• Closing the Issue: In your PR description, close the issue by writing Close #[issue_id].
• Review Process:
  • Once you've submitted your PR, change the label to "ready for review".
  • If changes are requested, address them and then update the label back to "ready for review" once done.
• Testing: Test your PR locally before pushing, and verify that tests and build are working after pushing.

Thank you for your contribution 🙏

⚠️ WARNING: Failure to follow the requirements above may result in being added to the OnlyDust blacklist, affecting your ability to receive future rewards.

[Yunusabdul38]

@fricoben I'd like to work on this issue to implement the necessary changes and also make sure it is responsive

[martinvibes]

Hey @fricoben I'm an experienced frontend developer and blockchain dev and I would like to work on this issue.

I would make sure to follow the figma design to pixel perfect and responsive on all devices

Please kindly assign :) You can check my github and onlydust profile as proof https://app.onlydust.com/u/martinvibes