I'll recreate this educational website design using Next.js. Let me build this for you with all the sections and styling to match the original design.

I've recreated the educational website design as shown in the image. Here's what I've implemented:

1. Top Bar - With organization certification info and toll-free number
2. Header - With logo and navigation menu
3. Social Media Sidebar - Fixed on the right side with social media icons
4. WhatsApp Chat Button - Fixed in the bottom right corner
5. Hero Section - Blue background with mission statement and student image
6. Best Courses Section - With descriptive text about the organization
7. About Us Section - With information and statistics about the organization
8. Courses Offered Section - Grid layout with 6 course categories
9. Best in Industry Section - With progress bars showing performance metrics
10. Testimonial Section - With quote, rating stars, and avatar
11. Important Alerts Section - List of alerts with a world map image
12. Footer - With contact information for multiple locations

The design is fully responsive and closely matches the original layout. I've used Tailwind CSS for styling and included all the necessary components from shadcn/ui.

I'll fix the error by using the built-in shadcn/ui Progress component instead of creating a custom one.

I've fixed the error by removing the custom Progress component implementation. The error was occurring because the code was trying to use @radix-ui/progress directly, which isn't available in the Next.js environment.

Now the code will use the built-in shadcn/ui Progress component that's already available in the project at @/components/ui/progress. This component is pre-installed in the Next.js environment, so it should work without any issues.

The functionality remains the same, but we're now using the components that are already available in the environment rather than trying to create our own.