Email confirmation page

I see you've shared a beautiful email confirmation page design for RuraFlow - a marketplace app for Algeria & Tunisia. I'll convert this HTML into a Next.js React component using Tailwind CSS, preserving the elegant green forest theme and animations.

Now I'll update the globals.css with the RuraFlow color scheme and create the confirmation page component:

Now let me add the custom animations to the globals.css:

I've successfully converted your RuraFlow email confirmation page from HTML to a Next.js React application. The page features:

RuraFlow branding with the distinctive green forest color scheme (#3B6D11 primary, #1B3A0F deep forest)
Animated checkmark that draws itself on page load with a pulsing container effect
Blinking status badge indicating account activation
3-step onboarding guide for new users
Interactive buttons with hover and active states for login and browse actions
Responsive design that works beautifully on mobile and desktop

Now I'll update the globals.css with the RuraFlow color scheme and create the confirmation page component:

Now let me add the custom animations to the globals.css:

I've successfully converted your RuraFlow email confirmation page from HTML to a Next.js React application. The page features:

RuraFlow branding with the distinctive green forest color scheme (#3B6D11 primary, #1B3A0F deep forest)
Animated checkmark that draws itself on page load with a pulsing container effect
Blinking status badge indicating account activation
3-step onboarding guide for new users
Interactive buttons with hover and active states for login and browse actions
Responsive design that works beautifully on mobile and desktop