Develop a progress component using Next.js and Framer Motion to visually represent background processes. The component should display an animated indicator to signal ongoing activity while waiting for a task to complete. The animation should be smooth and engaging, providing clear feedback to the user about the progress. The component should be reusable and customizable, allowing for adjustments to the animation style, colors, and text labels. Ensure the component is accessible and responsive, working seamlessly across different devices and screen sizes.
Loading...
Refine the progress component to reflect the 'Instant Unstake' process. The component should display a multi-step progress indicator with the following stages and content:
Step 1: "Quoting the price". Step 2: "SOL matched with 0 fees". Step 3: "Instant unstake completed with 0 fees". This step should include the subtext: "You just instantly unstaked 100SOL with 0 fees".
Step 3 should also present two Call-to-Action (CTA) buttons: "Share experience" and "Go back". The "Go back" button should restart the entire flow from Step 1. Ensure the component's design is consistent with the existing style, maintaining accessibility and responsiveness.
Loading...
remove these steppers, leave only progress bar