diff --git a/android/app/src/main/res/drawable-hdpi/android12splash.png b/android/app/src/main/res/drawable-hdpi/android12splash.png
new file mode 100644
index 00000000..e665dc4f
Binary files /dev/null and b/android/app/src/main/res/drawable-hdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/android12splash.png b/android/app/src/main/res/drawable-mdpi/android12splash.png
new file mode 100644
index 00000000..b39f2a52
Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-xhdpi/android12splash.png b/android/app/src/main/res/drawable-xhdpi/android12splash.png
new file mode 100644
index 00000000..e531790a
Binary files /dev/null and b/android/app/src/main/res/drawable-xhdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-xxhdpi/android12splash.png b/android/app/src/main/res/drawable-xxhdpi/android12splash.png
new file mode 100644
index 00000000..e9fa8bd5
Binary files /dev/null and b/android/app/src/main/res/drawable-xxhdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-xxxhdpi/android12splash.png b/android/app/src/main/res/drawable-xxxhdpi/android12splash.png
new file mode 100644
index 00000000..dcfb349d
Binary files /dev/null and b/android/app/src/main/res/drawable-xxxhdpi/android12splash.png differ
diff --git a/android/app/src/main/res/values-v31/styles.xml b/android/app/src/main/res/values-v31/styles.xml
index f5fdb6b7..6e12c63d 100644
--- a/android/app/src/main/res/values-v31/styles.xml
+++ b/android/app/src/main/res/values-v31/styles.xml
@@ -5,6 +5,8 @@
         <item name="android:forceDarkAllowed">false</item>
         <item name="android:windowFullscreen">false</item>
         <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
+        <item name="android:windowSplashScreenBackground">#272625</item>
+        <item name="android:windowSplashScreenAnimatedIcon">@drawable/android12splash</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
          This theme determines the color of the Android Window while your
diff --git a/assets/marketing/app-logo-android12.png b/assets/marketing/app-logo-android12.png
new file mode 100644
index 00000000..5483f65d
Binary files /dev/null and b/assets/marketing/app-logo-android12.png differ
diff --git a/assets/marketing/feature_1024_500.jpg b/assets/marketing/feature_1024_500.jpg
deleted file mode 100644
index 32fde6fe..00000000
Binary files a/assets/marketing/feature_1024_500.jpg and /dev/null differ
diff --git a/flutter_native_splash.yaml b/flutter_native_splash.yaml
index 3d3ba08c..6c3c1bf2 100644
--- a/flutter_native_splash.yaml
+++ b/flutter_native_splash.yaml
@@ -49,10 +49,10 @@ flutter_native_splash:
   # 640 pixels in diameter.
   # App icon without an icon background: This should be 1152×1152 pixels, and fit within a circle
   # 768 pixels in diameter.
-  #image: assets/android12splash.png
+   image: assets/marketing/app-logo-android12.png
 
   # Splash screen background color.
-  #color: "#42a5f5"
+   color: "#272625"
 
   # App icon background color.
   #icon_background_color: "#111111"
diff --git a/lib/main.dart b/lib/main.dart
index 4b08f62e..5b3ad375 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -26,29 +26,25 @@ void main() async {
 }
 
 /// Creates an app using the [MaterialApp.router] constructor and the `appRouter`, an instance of [GoRouter].
-class WondersApp extends StatelessWidget {
-  const WondersApp({Key? key}) : super(key: key);
+class WondersApp extends StatelessWidget with GetItMixin {
+  WondersApp({Key? key}) : super(key: key);
   @override
   Widget build(BuildContext context) {
-    return ValueListenableBuilder<String>(
-      valueListenable: settingsLogic.currentLocale,
-      builder: (_, localeCode, __) {
-        return MaterialApp.router(
-          locale: Locale(localeCode),
-          debugShowCheckedModeBanner: false,
-          routerDelegate: appRouter.routerDelegate,
-          routeInformationProvider: appRouter.routeInformationProvider,
-          routeInformationParser: appRouter.routeInformationParser,
-          theme: ThemeData(fontFamily: $styles.text.body.fontFamily),
-          localizationsDelegates: const [
-            AppLocalizations.delegate,
-            GlobalMaterialLocalizations.delegate,
-            GlobalWidgetsLocalizations.delegate,
-            GlobalCupertinoLocalizations.delegate,
-          ],
-          supportedLocales: AppLocalizations.supportedLocales,
-        );
-      }
+    final locale = watchX((SettingsLogic s) => s.currentLocale);
+    return MaterialApp.router(
+      locale: Locale(locale),
+      debugShowCheckedModeBanner: false,
+      routerDelegate: appRouter.routerDelegate,
+      routeInformationProvider: appRouter.routeInformationProvider,
+      routeInformationParser: appRouter.routeInformationParser,
+      theme: ThemeData(fontFamily: $styles.text.body.fontFamily),
+      localizationsDelegates: const [
+        AppLocalizations.delegate,
+        GlobalMaterialLocalizations.delegate,
+        GlobalWidgetsLocalizations.delegate,
+        GlobalCupertinoLocalizations.delegate,
+      ],
+      supportedLocales: AppLocalizations.supportedLocales,
     );
   }
 }
diff --git a/lib/ui/screens/home/wonders_home_screen.dart b/lib/ui/screens/home/wonders_home_screen.dart
index b7743218..9ffe34a2 100644
--- a/lib/ui/screens/home/wonders_home_screen.dart
+++ b/lib/ui/screens/home/wonders_home_screen.dart
@@ -31,7 +31,7 @@ class _HomeScreenState extends State<HomeScreen> with SingleTickerProviderStateM
     viewportFraction: 1,
     initialPage: _numWonders * 9999, // allow 'infinite' scrolling by starting at a very high page
   );
-  final _wonders = wondersLogic.all;
+  List<WonderData> get _wonders => wondersLogic.all;
   bool _isMenuOpen = false;
 
   /// Set initial wonderIndex
diff --git a/lib/ui/screens/wonder_events/widgets/_top_content.dart b/lib/ui/screens/wonder_events/widgets/_top_content.dart
index ac3efec0..e656106b 100644
--- a/lib/ui/screens/wonder_events/widgets/_top_content.dart
+++ b/lib/ui/screens/wonder_events/widgets/_top_content.dart
@@ -31,7 +31,7 @@ class _TopContent extends StatelessWidget {
 
                   /// Title text
                   BottomCenter(
-                    child: WonderTitleText(data),
+                    child: WonderTitleText(data, enableHero: false),
                   )
                 ]),
               ),
diff --git a/lib/ui/wonder_illustrations/common/wonder_title_text.dart b/lib/ui/wonder_illustrations/common/wonder_title_text.dart
index a16e638c..cf10d44d 100644
--- a/lib/ui/wonder_illustrations/common/wonder_title_text.dart
+++ b/lib/ui/wonder_illustrations/common/wonder_title_text.dart
@@ -7,9 +7,10 @@ import 'package:wonders/logic/data/wonder_data.dart';
 /// - of/the should be down-sized
 /// Accomplished using a set of TextSpans, and a white list of 'small words'
 class WonderTitleText extends StatelessWidget {
-  const WonderTitleText(this.data, {Key? key, this.enableShadows = false}) : super(key: key);
+  const WonderTitleText(this.data, {Key? key, this.enableShadows = false, this.enableHero = true}) : super(key: key);
   final WonderData data;
   final bool enableShadows;
+  final bool enableHero;
   @override
   Widget build(BuildContext context) {
     var textStyle = $styles.text.wonderTitle.copyWith(
@@ -41,15 +42,18 @@ class WonderTitleText extends StatelessWidget {
     }
 
     List<Shadow> shadows = enableShadows ? $styles.shadows.textSoft : [];
-    return Hero(
-      tag: 'wonderTitle-$title',
-      child: RichText(
-        textAlign: TextAlign.center,
-        text: TextSpan(
-          style: textStyle.copyWith(shadows: shadows),
-          children: pieces.map(buildTextSpan).toList(),
-        ),
+    var content = RichText(
+      textAlign: TextAlign.center,
+      text: TextSpan(
+        style: textStyle.copyWith(shadows: shadows),
+        children: pieces.map(buildTextSpan).toList(),
       ),
     );
+    return enableHero
+        ? Hero(
+            tag: 'wonderTitle-$title',
+            child: content,
+          )
+        : content;
   }
 }