feat: UX-005 — Hero transitions, fade screen load, AnimatedList leaderboard stagger

lib/screens/learn_more_screen.dart

@@ -28,9 +28,12 @@ class LearnMoreScreen extends StatefulWidget {
   State<LearnMoreScreen> createState() => _LearnMoreScreenState();
 }
 
-class _LearnMoreScreenState extends State<LearnMoreScreen> {
+class _LearnMoreScreenState extends State<LearnMoreScreen> with SingleTickerProviderStateMixin {
   final EventsService _service = EventsService();
 
+  late final AnimationController _fadeController;
+  late final Animation<double> _fade;
+
   void _navigateToCheckout() {
     if (!AuthGuard.requireLogin(context, reason: 'Sign in to book this event.')) return;
     if (_event == null) return;
@@ -68,10 +71,13 @@ class _LearnMoreScreenState extends State<LearnMoreScreen> {
   @override
   void initState() {
     super.initState();
+    _fadeController = AnimationController(vsync: this, duration: const Duration(milliseconds: 350));
+    _fade = CurvedAnimation(parent: _fadeController, curve: Curves.easeIn);
     _pageNotifier = ValueNotifier(0);
     if (widget.initialEvent != null) {
       _event = widget.initialEvent;
       _loading = false;
+      _fadeController.forward();
       WidgetsBinding.instance.addPostFrameCallback((_) {
         _startAutoScroll();
         // Fetch full event details in background to get important_information, images, etc.
@@ -88,6 +94,7 @@ class _LearnMoreScreenState extends State<LearnMoreScreen> {
     _pageController.dispose();
     _pageNotifier.dispose();
     _mapController?.dispose();
+    _fadeController.dispose();
     super.dispose();
   }
 
@@ -132,7 +139,10 @@ class _LearnMoreScreenState extends State<LearnMoreScreen> {
       if (!mounted) return;
       setState(() => _error = userFriendlyError(e));
     } finally {
-      if (mounted) setState(() => _loading = false);
+      if (mounted) {
+        setState(() => _loading = false);
+        _fadeController.forward();
+      }
     }
   }
 
@@ -602,8 +612,10 @@ class _LearnMoreScreenState extends State<LearnMoreScreen> {
               ),
             )
           : null,
-      body: Stack(
-        children: [
+      body: FadeTransition(
+        opacity: _fade,
+        child: Stack(
+          children: [
           // ── Scrollable content (carousel + card scroll together) ──
           SingleChildScrollView(
             child: Column(
@@ -735,6 +747,7 @@ class _LearnMoreScreenState extends State<LearnMoreScreen> {
           ),
         ],
       ),
+    ),
     );
   }
 
@@ -876,9 +889,11 @@ class _LearnMoreScreenState extends State<LearnMoreScreen> {
               left: 20,
               right: 20,
               bottom: 16,
-              child: ClipRRect(
-                borderRadius: BorderRadius.circular(20),
-                child: PageView.builder(
+              child: Hero(
+                tag: 'event-hero-${widget.eventId}',
+                child: ClipRRect(
+                  borderRadius: BorderRadius.circular(20),
+                  child: PageView.builder(
                   controller: _pageController,
                   onPageChanged: (i) => _pageNotifier.value = i,
                   itemCount: images.length,
@@ -900,6 +915,7 @@ class _LearnMoreScreenState extends State<LearnMoreScreen> {
                 ),
               ),
             ),
+          ),
 
           // ---- No-image placeholder ----
           if (images.isEmpty)