fix: add slider in layouts

assets/css/theme.css

@@ -1102,17 +1102,12 @@ select {
   height: 2rem;
 }
 
-<<<<<<< HEAD
-.h-\[50vh\] {
-  height: 50vh;
-=======
 .h-\[350px\] {
   height: 350px;
 }
 
 .h-\[380px\] {
   height: 380px;
->>>>>>> upstream/staging
 }
 
 .h-auto {
@@ -1921,7 +1916,7 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
 }
 
 .group{
-  &:before,
+  &:before,
   &:after {
     content: "";
     display: table;
@@ -2526,5 +2521,5 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
   .xl\:w-9\/12 {
     width: 75%;
   }
-}
-
+}
+

templates/layouts/layout-both-columns.tpl

@@ -54,6 +54,16 @@
     {block name='displayBeforeWrapper'}
       {hook h='displayBeforeWrapper'}
     {/block}
+    
+        {if $page.page_name == 'index'}
+      <a href="https://brooksbingham.com/17-custom-made" id="slider">
+      <div  class="mb-12 w-full lg:h-[90vh]" style="clip-path: inset(4px)" id="slider">
+          <video autoplay muted loop class="w-full h-full object-cover" style="background-color: rgba(0, 0, 0, 0)">
+              <source src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/slider.mp4" type="video/mp4" >
+          </video>
+      </div>
+    </a>  
+      {/if}
 
     <section class="container mx-auto">
       {block name='breadcrumb'}