feature: Home Pictures part 1

DeepDrftPublic.Client/Pages/Home.razor

@@ -23,12 +23,13 @@
                    Image2="img/dd-duo-hero.jpeg"
                    Alt1="Deep DRFT Electronic Music Duo"
                    FullWidth
+                   InvertDirection
                    NaturalWidth="2048"
                    NaturalHeight="1365"
-                   WindowHeightFraction="0.4"
+                   WindowHeightFraction="0.45"
                    ImageHeight="auto"
                    ImageWidth="100%"
-                   ParallaxSpeed="0.4"
+                   ParallaxSpeed="0.35"
                    Class="my-8"/>
 </section>
 
@@ -138,31 +139,14 @@
 
         <MudItem xs="12" md="6">
             <div class="split-right">
-                <div class="connect-label">Stay Connected</div>
+                <ParallaxImage Image1="img/kp-shoulder-bw.jpeg"
-                <h2 class="connect-title">Never Miss<br />a <em>Session</em></h2>
+                               InvertDirection
-                <div class="connect-options">
+                               NaturalWidth="1365"
-                    @* TODO: wire to subscription system when newsletter/alerts backend exists *@
+                               NaturalHeight="2048"
-                    <div class="connect-option">
+                               WindowHeightFraction="0.5"
-                        <div class="option-icon">
+                               ImageHeight="auto"
-                            <svg viewBox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" /><polyline points="22,6 12,13 2,6" /></svg>
+                               ImageWidth="100%"
-                        </div>
+                               ParallaxSpeed="0.6" />
-                        <div>
-                            <div class="option-text-label">Newsletter</div>
-                            <div class="option-text-sub">New releases &amp; studio dispatches</div>
-                        </div>
-                    </div>
-                    <div class="connect-option">
-                        <div class="option-icon">
-                            <svg viewBox="0 0 24 24"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" /><path d="M13.73 21a2 2 0 0 1-3.46 0" /></svg>
-                        </div>
-                        <div>
-                            <div class="option-text-label">Live Alerts</div>
-                            <div class="option-text-sub">Know the moment we go live</div>
-                        </div>
-                    </div>
-                </div>
-                @* TODO: subscription form lives behind this CTA *@
-                <button class="btn-primary connect-cta" type="button">Subscribe Free</button>
             </div>
         </MudItem>
     </MudGrid>

DeepDrftPublic.Client/Pages/Home.razor.css

@@ -283,7 +283,6 @@
 }
 
 .split-right {
-    padding: 6rem 4rem;
     display: flex;
     flex-direction: column;
     justify-content: center;