Step section

[Kevils]

Description 📹

Current one : https://starknet.id/

New design :

Figma file : https://www.figma.com/design/S1UKYgWewNqNHZFAaBUilG/%F0%9F%8F%9D%EF%B8%8F-Starknet-ID?node-id=4040-8018&t=raVo3Ssk9Y16k7PM-1

Refactor this section with the new card structure, text, two Lottie leaf animations (available here), etc.
Add a slide-in (bottom to top) or fade-in effect upon scrolling, if possible.

Falling leaf.json

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:
   [Insert Code snippet if needed with a mardown todo list]

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.

[michojekunle]

I'd love to work on this

[wheval]

Hello @Kevils, I'm an experienced Frontend Developer. I can get this done soonest.

I would ensure the section matches the new design and it has the specified animations including the Lottie leaf.

ETA is 1 day.

[davedumto]

Hi,
My name is David, and I am a frontend developer skilled in JavaScript, TypeScript, React.js, Next.js, and Tailwind CSS. I will refactor the specified section using the new card structure, updated text, and the two Lottie leaf animations (falling leaf.json).
I’ll also implement a smooth slide-in or fade-in effect upon scrolling to enhance user experience. All changes will be thoroughly tested to maintain functionality. ETA: 1 day

[johnsmccain]

Could I take on this issue?

[Ekene001]

Can I work on this, please? I’m a full-stack blockchain developer with over 3 years of experience working with Tailwind, React, TypeScript, and Solidity/Rust.

[SudiptaPaul-31]

Would love to work on this @Kevils

My name is Sudipta Paul, a fullstack and blockchain developer having experience of working in previous session of ODHack my profile :(https://app.onlydust.com/u/SudiptaPaul-31)

Approach:

Will first locate the page on the codebase and make the changes as per requested.
As per my experience and by looking the new design a flex-col can solve this issue with a properties of border fading and if any other changes is required will implement it as per situations.

ETA -1 DAY

[chiscookeke11]

Could I take a shot at this?