From 9d7f2ff003ab68372f33a67b2259b9c86b393670 Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Thu, 11 Jun 2026 12:12:35 -0400
Subject: [PATCH] feat(home): wire ParallaxImage hero to homepage; tweak
 crossfade to 700ms

---
 DeepDrftPublic.Client/Pages/Home.razor                | 11 +++++++++++
 .../Components/ParallaxImage.razor.css                |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/DeepDrftPublic.Client/Pages/Home.razor b/DeepDrftPublic.Client/Pages/Home.razor
index 4ae0fbf..ccd703b 100644
--- a/DeepDrftPublic.Client/Pages/Home.razor
+++ b/DeepDrftPublic.Client/Pages/Home.razor
@@ -19,6 +19,17 @@
             </div>
         </MudItem>
     </MudGrid>
+    <ParallaxImage Image1="img/dd-duo-hero-bw.jpeg" 
+                   Image2="img/dd-duo-hero.jpeg"
+                   Alt1="Deep DRFT Electronic Music Duo"
+                   FullWidth
+                   NaturalWidth="2048"
+                   NaturalHeight="1365"
+                   WindowHeightFraction="0.4"
+                   ImageHeight="auto"
+                   ImageWidth="100%"
+                   ParallaxSpeed="0.4"
+                   Class="my-8"/>
 </section>
 
 @* Divider *@
diff --git a/DeepDrftShared.Client/Components/ParallaxImage.razor.css b/DeepDrftShared.Client/Components/ParallaxImage.razor.css
index f166a60..be7f4bb 100644
--- a/DeepDrftShared.Client/Components/ParallaxImage.razor.css
+++ b/DeepDrftShared.Client/Components/ParallaxImage.razor.css
@@ -36,7 +36,7 @@
 
 .layer-2 {
     opacity: 0;
-    transition: opacity 400ms ease;
+    transition: opacity 700ms ease;
 }
 
 .parallax-window:hover .layer-2 {