Interactive Product Showcase

Create an interactive product presentation that uses different slide transition effects to enhance the user experience and emphasize different content types.

Requirements

Build a Slidev presentation with 6 slides in the following order:

1. Title Slide: "SmartHome Hub" with tagline "Your Home, Reimagined"
2. Feature Overview Slide: Three features listed: "Voice Control", "Energy Monitoring", "Security Integration"
3. Voice Control Detail Slide: Feature title and description
4. Energy Monitoring Detail Slide: Feature title and description
5. Security Integration Detail Slide: Feature title and description
6. Pricing Slide: Basic ($99), Premium ($149), Enterprise ($299)

Configure transitions for each slide boundary:

• Slide 1 → 2: Use slide-left transition
• Slide 2 → 3: Use fade transition
• Slide 3 → 4: Use view-transition transition
• Slide 4 → 5: Use view-transition transition
• Slide 5 → 6: Use view-transition transition

Ensure transitions work correctly in both forward and backward navigation.

Test Cases

• Slide 1 transitions to Slide 2 using slide-left effect @test
• Slide 2 transitions to Slide 3 using fade effect @test
• Slides 3-6 use view-transition effect @test

@generates

API

// Slidev markdown file with frontmatter configuration
// Support for transition configuration per slide and globally

Dependencies { .dependencies }

@slidev/cli { .dependency }

Provides the Slidev presentation framework with transition support.