New last section

[Kevils]

Description 📹

Current one, delete this section please to replace with the new 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

Add an SVG image as the background. For the 'domains minted' counter, is it possible to create an animation like this one (https://codepen.io/Amaik/pen/ExaaLgE), but smoother and linked to the real-time number (ask Nicolas)?

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.

[ekumamatthew]

Let me try this one!

[michojekunle]

I’d love to work on this task.

[wheval]

Hello @Kevils, I'm an experienced Frontend Developer. I would love to get this done.

I would ensure the section matches the new design with the SVG background.
And yes it is possible to animate the counter with the real-time stats.
I would implement the animation and ensure it feels smoother.

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 replace the specified section with the new design, add the SVG background, and implement a smooth, animated counter for 'domains minted,' linked to the real-time number (as confirmed with Nicolas). ETA 1day

[ryzen-xp]

Could I take on this issue?

[3th-Enjay]

hello @Kevils can i handle this issue

[Amarjeet325]

Let me try this one!

[Ekene001]

May I take care of this? I’m a full-stack blockchain developer with over 3 years of experience working with Tailwind, React, TypeScript, and Solidity/Rust.

[SudiptaPaul-31]

I think I can easily solve this issue @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)

My approach to tackle this:

Will first go to the page from the codebase and will delete this section and will replicate the design as given in the new design by adding the image as given and making sure of its responsiveness

[chiscookeke11]

I'd be happy to do this.

[emarc99]

Let me handle this issue!