diff --git a/assets/css/theme.css b/assets/css/theme.css
index 66ae2b8..a7be518 100644
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -787,10 +787,6 @@ select {
   bottom: 0.25rem;
 }
 
-.bottom-9 {
-  bottom: 2.25rem;
-}
-
 .bottom-\[50\%\] {
   bottom: 50%;
 }
@@ -847,18 +843,6 @@ select {
   z-index: 10;
 }
 
-.z-0 {
-  z-index: 0;
-}
-
-.z-auto {
-  z-index: auto;
-}
-
-.z-50 {
-  z-index: 50;
-}
-
 .col-span-1 {
   grid-column: span 1 / span 1;
 }
@@ -936,11 +920,6 @@ select {
   margin-bottom: 0.125rem;
 }
 
-.my-12 {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
-}
-
 .my-2 {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
@@ -1065,10 +1044,6 @@ select {
   margin-top: 2.25rem;
 }
 
-.box-border {
-  box-sizing: border-box;
-}
-
 .block {
   display: block;
 }
@@ -1101,10 +1076,6 @@ select {
   aspect-ratio: 342/513;
 }
 
-.h-1\/2 {
-  height: 50%;
-}
-
 .h-12 {
   height: 3rem;
 }
@@ -1137,6 +1108,14 @@ select {
   height: 20px;
 }
 
+.h-\[30vh\] {
+  height: 30vh;
+}
+
+.h-\[40vh\] {
+  height: 40vh;
+}
+
 .h-\[50px\] {
   height: 50px;
 }
@@ -1153,50 +1132,6 @@ select {
   height: 100%;
 }
 
-.h-\[700px\] {
-  height: 700px;
-}
-
-.h-\[400px\] {
-  height: 400px;
-}
-
-.h-\[500px\] {
-  height: 500px;
-}
-
-.h-\[180px\] {
-  height: 180px;
-}
-
-.h-\[100px\] {
-  height: 100px;
-}
-
-.h-\[70px\] {
-  height: 70px;
-}
-
-.h-\[30px\] {
-  height: 30px;
-}
-
-.h-32 {
-  height: 8rem;
-}
-
-.h-96 {
-  height: 24rem;
-}
-
-.h-\[300px\] {
-  height: 300px;
-}
-
-.h-\[600px\] {
-  height: 600px;
-}
-
 .max-h-\[40px\] {
   max-height: 40px;
 }
@@ -1437,24 +1372,20 @@ select {
   gap: 2rem;
 }
 
-.gap-20 {
-  gap: 5rem;
-}
-
 .gap-x-1 {
   -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
 }
 
-.gap-y-1 {
-  row-gap: 0.25rem;
-}
-
 .gap-x-20 {
   -moz-column-gap: 5rem;
        column-gap: 5rem;
 }
 
+.gap-y-1 {
+  row-gap: 0.25rem;
+}
+
 .space-x-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -1493,10 +1424,6 @@ select {
   border-width: 2px;
 }
 
-.border-4 {
-  border-width: 4px;
-}
-
 .border-t {
   border-top-width: 1px;
 }
@@ -1570,6 +1497,11 @@ select {
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
 
+.bg-\[\#E6DFD4\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 223 212 / var(--tw-bg-opacity));
+}
+
 .bg-black\/70 {
   background-color: rgb(0 0 0 / 0.7);
 }
@@ -1609,15 +1541,6 @@ select {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-.bg-red-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
-}
-
-.bg-cover {
-  background-size: cover;
-}
-
 .stroke-black {
   stroke: #000;
 }
@@ -1680,6 +1603,11 @@ select {
   padding: 2rem;
 }
 
+.px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1730,16 +1658,6 @@ select {
   padding-bottom: 2rem;
 }
 
-.px-20 {
-  padding-left: 5rem;
-  padding-right: 5rem;
-}
-
-.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
-}
-
 .pb-10 {
   padding-bottom: 2.5rem;
 }
@@ -1856,18 +1774,6 @@ select {
   padding-top: 2.25rem;
 }
 
-.pt-12 {
-  padding-top: 3rem;
-}
-
-.pt-11 {
-  padding-top: 2.75rem;
-}
-
-.pb-20 {
-  padding-bottom: 5rem;
-}
-
 .text-left {
   text-align: left;
 }
@@ -1889,11 +1795,6 @@ select {
   line-height: 2rem;
 }
 
-.text-4xl {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}
-
 .text-5xl {
   font-size: 3rem;
   line-height: 1;
@@ -1956,11 +1857,6 @@ select {
   line-height: 1;
 }
 
-.text-\[\#000E2A\] {
-  --tw-text-opacity: 1;
-  color: rgb(0 14 42 / var(--tw-text-opacity));
-}
-
 .text-blue-900 {
   --tw-text-opacity: 1;
   color: rgb(30 58 138 / var(--tw-text-opacity));
@@ -2396,14 +2292,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     position: absolute;
   }
 
-  .md\:bottom-28 {
-    bottom: 7rem;
-  }
-
-  .md\:right-12 {
-    right: 3rem;
-  }
-
   .md\:my-24 {
     margin-top: 6rem;
     margin-bottom: 6rem;
@@ -2453,16 +2341,16 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     height: 40px;
   }
 
-  .md\:h-\[100px\] {
-    height: 100px;
+  .md\:h-\[70vh\] {
+    height: 70vh;
   }
 
-  .md\:h-\[180px\] {
-    height: 180px;
+  .md\:h-\[80vh\] {
+    height: 80vh;
   }
 
-  .md\:h-\[200px\] {
-    height: 200px;
+  .md\:h-full {
+    height: 100%;
   }
 
   .md\:w-1\/2 {
@@ -2521,14 +2409,14 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     width: 70%;
   }
 
-  .md\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   .md\:flex-row {
     flex-direction: row;
   }
@@ -2557,8 +2445,13 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     gap: 1rem;
   }
 
-  .md\:gap-20 {
-    gap: 5rem;
+  .md\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .md\:object-cover {
+    -o-object-fit: cover;
+       object-fit: cover;
   }
 
   .md\:p-2 {
@@ -2569,9 +2462,9 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     padding: 2rem;
   }
 
-  .md\:px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
+  .md\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
   }
 
   .md\:px-4 {
@@ -2579,11 +2472,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     padding-right: 1rem;
   }
 
-  .md\:px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-
   .md\:pl-10 {
     padding-left: 2.5rem;
   }
@@ -2620,6 +2508,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     padding-top: 0px;
   }
 
+  .md\:pt-11 {
+    padding-top: 2.75rem;
+  }
+
   .md\:pt-12 {
     padding-top: 3rem;
   }
@@ -2628,6 +2520,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     padding-top: 0.75rem;
   }
 
+  .md\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
   .md\:pt-6 {
     padding-top: 1.5rem;
   }
@@ -2636,18 +2532,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     padding-top: 1.75rem;
   }
 
-  .md\:pt-8 {
-    padding-top: 2rem;
-  }
-
-  .md\:pt-5 {
-    padding-top: 1.25rem;
-  }
-
-  .md\:pt-11 {
-    padding-top: 2.75rem;
-  }
-
   .md\:text-left {
     text-align: left;
   }
@@ -2714,23 +2598,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     bottom: 0.75rem;
   }
 
-  .lg\:bottom-48 {
-    bottom: 12rem;
-  }
-
   .lg\:right-0 {
     right: 0px;
   }
 
-  .lg\:right-20 {
-    right: 5rem;
-  }
-
-  .lg\:my-20 {
-    margin-top: 5rem;
-    margin-bottom: 5rem;
-  }
-
   .lg\:my-32 {
     margin-top: 8rem;
     margin-bottom: 8rem;
@@ -2776,14 +2647,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     height: 90vh;
   }
 
-  .lg\:h-\[460px\] {
-    height: 460px;
-  }
-
-  .lg\:h-\[300px\] {
-    height: 300px;
-  }
-
   .lg\:w-1\/3 {
     width: 33.333333%;
   }
@@ -2876,11 +2739,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     padding-bottom: 0px;
   }
 
-  .lg\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-
   .lg\:pb-6 {
     padding-bottom: 1.5rem;
   }
@@ -2909,10 +2767,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     padding-top: 3rem;
   }
 
-  .lg\:pt-16 {
-    padding-top: 4rem;
-  }
-
   .lg\:pt-24 {
     padding-top: 6rem;
   }
@@ -2974,18 +2828,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
 }
 
 @media (min-width: 1280px) {
-  .xl\:right-56 {
-    right: 14rem;
-  }
-
-  .xl\:h-\[500px\] {
-    height: 500px;
-  }
-
-  .xl\:h-\[460px\] {
-    height: 460px;
-  }
-
   .xl\:w-1\/4 {
     width: 25%;
   }
diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl
index d12bc5a..b436f2a 100644
--- a/templates/layouts/layout-both-columns.tpl
+++ b/templates/layouts/layout-both-columns.tpl
@@ -54,16 +54,6 @@
     {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'}
@@ -95,21 +85,20 @@
       {/block}
 
       {if $page.page_name == 'index'}
-  
 
-<div>
-
-  <img class="absolute left-0 top-0 right-0 w-full" 
-       src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/banner.png"
+<div class="w-full h-[40vh] md:h-[80vh] absolute top-0 left-0 bg-[#E6DFD4] md:bg-transparent flex items-center">
+    <img class="w-full md:h-full md:object-cover" 
+       src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/banner.png" />
 </div>
-
-<div class="xl:h-[460px] lg:h-[300px] md:h-[200px] h-[30px]" >
+<div class="w-full h-[30vh] md:h-[70vh]">
 </div>
 
 <div class="lg:my-32 my-20" >
  <h1 class="lg:text-2xl md:text-xl text-lg  font-bold text-center">Design and Visualize what you need</h1>
  <h3 class="lg:text-lg md:text-md text-sm font-semibold text-center mb-12">Choose what looks good on you </h3>
- <img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/widget-screenshot.png"/>
+ <a href="https://brooksbingham.com/module/thob/configurator?id_product=77">
+  <img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/widget-screenshot.png"/>
+ </a>
 </div>
 
 
@@ -126,7 +115,7 @@
         </p>
         <div class="xl:w-52 lg:w-42 md:w-42 w-38 flex md:justify-start justify-center">
             <a class="all-product-link xl:text-xl lg:text-lg md:text-md text-sm font-bold mt-9 flex border border-2 border-black p-2 px-4" 
-               href="https://brooksbingham.com/17-custom-made-clothing">
+               href="https://brooksbingham.com/module/thob/configurator?id_product=75">
                Start Customization
             </a>
         </div>
@@ -155,8 +144,8 @@
         </p>
         <div class="lg:w-52 md:w-42 w-38 flex md:justify-start justify-center">
             <a class="all-product-link xl:text-xl lg:text-lg md:text-sm text-sm font-bold mt-9 md:mt-4 lg:mt-9 flex border border-2 border-black p-2 px-4" 
-               href="https://brooksbingham.com/17-custom-made-clothing">
-               Start Customization
+               href="https://stage.brooksbingham.com/content/10-how-to-measure">
+               How to measure
             </a>
         </div>
       </div>
@@ -308,7 +297,7 @@
         </p>
         <div class="lg:w-52 md:w-42 w-38 flex justify-start pt-4">
             <a class="all-product-link lg:text-xl md:text-md text-xs md:font-semibold font-base
-                      flex border border-2 border-white md:p-2 p-1 md:px-4 px-2"
+                      flex border border-2 border-white md:p-2 p-1 md:px-4 px-2 hover:text-white"
                href="https://brooksbingham.com/17-custom-made-clothing">
                Start Customization 
             </a>
@@ -432,8 +421,7 @@
 
     {block name='hook_before_body_closing_tag'}
       {hook h='displayBeforeBodyClosingTag'}
-    {/block} 
-    
+    {/block}
 
   </body>