[Frontend] Create How It Works Section Component #28
Description
Currently if you check the page.tsx file there is code for how it works section also present.
The task is to create a separate how it works component and add the how it works section code on the new how it works component and in the page.tsx file instead of that how it works section code how it works component should be present.
Make sure not to break the existing design.
NOTE: You must add screenshots of the updated changes UI
Requirements
- Separate how it works component
Fork and Branch Creation:
- Fork the repository and create a new branch using the issue number.
Implementation of Changes:
Testing and Validation:
- Verify that the title color has been updated correctly.
- Test locally to ensure no visual or functional regressions occur.
- Confirm that all changes align with the Figma design.
Commit and Submission:
- Make a commit with a clear message describing the title color update.
- Submit a pull request closing the issue.
Proposed Actions 🛠️
Here's a checklist of actions to follow for resolving this issue:
Fork and Create Branch:
Fork the repository and create a new branch using the issue number:
git checkout -b fix-[issue-number]Implement Changes:
[Insert Code snippet if needed with a mardown todo list]
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 📋
Guidelines:
- Assignment: Don't create a pull request if you weren’t assigned to this issue.
- Timeframe: Complete the task within 3 business days.
- PR description must include: Close #[issue_id]