I'll create an infinite slider with Framer Motion that matches this design. Let's build it with the exact same styling, navigation dots, and infinite scrolling functionality.

This infinite slider implementation includes:

1. Exact Design Match: Recreated the red background, yellow highlighted text, register button with play icon, and phone mockup layout
2. Infinite Scrolling: The slider loops continuously through the slides
3. Framer Motion Animations: Smooth transitions between slides with scale and opacity effects

4. Navigation Controls:

   • Arrow buttons for manual navigation
   • Dot indicators showing the current slide
   • Auto-play functionality that pauses on hover

The slider is fully responsive and will look good on both mobile and desktop devices. The animation uses Framer Motion's AnimatePresence to handle the enter/exit animations with a smooth spring effect.

You can customize the content by modifying the slides array at the top of the component. Each slide can have its own background color, title, highlight text, tagline, and button text.

I'll modify the slider to show multiple slides at once - with 2 scaled-down slides visible on each side of the active slide, just like in your reference image. Here's the updated implementation:

I've completely redesigned the slider to match exactly what you requested:

Key Features:

1. Multiple Visible Slides: Shows 5 slides at once - the active slide in the center with 2 scaled-down slides on each side

2. Progressive Scaling:

   • Center slide: 100% scale (fully visible)
   • Adjacent slides (±1): 80% scale with 80% opacity
   • Outer slides (±2): 70% scale with 60% opacity

3. Horizontal Positioning:

   • Center slide: Centered
   • Adjacent slides: Positioned at ±45% from center
   • Outer slides: Positioned at ±85% from center
4. Infinite Scrolling: The slider loops continuously through all slides

5. Interactive Features:

   • Click on any visible slide to make it active
   • Auto-play with pause on hover
   • Navigation arrows and dot indicators
   • Smooth spring animations for all transitions

This implementation closely matches the design in your reference image, with the scaled-down slides visible on both sides of the active slide. The slider is fully responsive and maintains the same styling and content for each slide.