Refont of confirmation page when you enable subscription - Final Review

[Kevils]

Description 📹

• Refont of confirmation page when you enable subscription - Add images #1110
• Refont of confirmation page when you enable subscription - Add the subtitle “Thanks” #1111
• Refont of confirmation page when you enable subscription - Add the title “Your subscription is active!” #1112
• Refont of confirmation page when you enable subscription - Add the description and the option to copy the affiliate link to share it #1113
• Refont of confirmation page when you enable subscription - Add a button “Go to your domain” to return to the renewed domain page. #1114

Today, we have a popup that appears to confirm the activation of the subscription. We can replace this popup with a full page that we already use as confirmation.

Your task will be to check that all the issues have been correctly developed, that the components are properly arranged, and that everything matches exactly as in the Figma design:

https://www.figma.com/design/S1UKYgWewNqNHZFAaBUilG/%F0%9F%8F%9D%EF%B8%8F-Starknet-ID?node-id=7022-31922&t=XCt8XQUo4vZRtmIv-1

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.

[Nikhil-550]

May I take this issue and try to solve?I already have experience with this project.

[Isaacprogi]

Hello, I am a software engineer with great expertise in react , next js, tailwindcss and backend technologies like express js etc.Please can i be assigned this task?

[Franker24]

My Background
I have three years of experience developing web applications, specializing in Angular, React, TypeScript, and UX/UI design. I am passionate about building high-quality, user-friendly interfaces that align with modern design principles.

Approach to the Issue
I will carefully review and address every issue in this review. Currently, a popup appears to confirm the activation of the subscription. I propose replacing it with a full-page confirmation that is already in use, ensuring a more consistent user experience.

[chiscookeke11]

I'd be happy to do this.