I'll create a modern redesign of the CNAM Mauritania website using Next.js and shadcn/ui components. This will maintain the essential content and functionality while giving it a fresh, contemporary look.

This modern redesign of the CNAM Mauritania website maintains all the essential content from the original site while significantly improving the user experience with:

1. Modern UI Components - Using shadcn/ui for consistent, accessible components
2. Responsive Design - Works seamlessly on mobile, tablet, and desktop devices
3. Improved Navigation - Cleaner navigation with dropdown menus for better content organization
4. Visual Hierarchy - Better spacing, typography, and color usage to highlight important information
5. Brand Consistency - Maintained the original magenta/pink brand color while modernizing the overall look

The site includes all the original sections:

• Homepage with welcome message
• News and announcements
• Contact information
• Practical information
• Services for different user types (insured, providers, employers)
• Testimonials
• Documentation and resources

To deploy this site, you would need to:

1. Set up a Next.js project
2. Install shadcn/ui components
3. Replace placeholder images with actual CNAM branding and imagery
4. Connect to your content management system or API for dynamic content

I'll enhance the design to make it more responsive and visually attractive with additional icons and improved layouts.

The redesigned CNAM website now features:

1. Enhanced Responsiveness:

   • Improved mobile layouts with better spacing and component sizing
   • Added custom breakpoint for extra small screens (xs)
   • Sticky header and navigation for better usability when scrolling
   • Responsive typography that adjusts based on screen size

2. More Visual Appeal with Icons:

   • Added icons throughout the interface for better visual cues
   • Icons in navigation items, cards, and buttons
   • Consistent icon styling with background circles for emphasis
   • Used Lucide React icons for a modern, cohesive look

3. Interactive Elements:

   • Hover effects on cards and buttons
   • Shadow effects that enhance on hover
   • Better visual feedback for interactive elements
   • Improved mobile navigation with nested categories

4. New Sections:

   • Added statistics section to highlight key metrics
   • Enhanced service cards with feature lists and icons
   • Added a prominent call-to-action section
   • Improved footer with better organization and visual hierarchy

5. Visual Hierarchy:

   • Better use of spacing and padding
   • Consistent card styling with subtle shadows
   • Improved typography with better contrast
   • Background gradients and decorative elements for visual interest

These improvements make the site more engaging and user-friendly across all devices while maintaining the original content structure and brand identity.