New header 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

New header with redesigned layout. We've changed the text size, adjusted the button size, and added two Lottie leaf animations available here

Static 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.

[SudiptaPaul-31]

@Kevils Would love to work on this issue

[davedumto]

Hi,
My name is David, and I am a frontend developer skilled in JavaScript, TypeScript, React.js, Next.js, and Tailwind CSS. I’m excited to implement the redesigned header layout, including text size adjustments, button resizing, and integrating the Lottie leaf animations from leaf.json.
I’ll ensure the design matches the Figma and also that the design is mobile responsive. ETA 1 day

[michojekunle]

Would love to tackle this!

[wheval]

Hello @Kevils, I'm an experienced Frontend Developer.

Can I work on this?
I would ensure this section matches the new design and has the specified animations including the Lottie leaf.

ETA is 1 day.

[ryzen-xp]

Can I try solving this issue?

[johnsmccain]

Can I take care of this issue?

[3th-Enjay]

I’d love to work on this task.

[Amarjeet325]

May I take this issue on?