Merge pull request 'fix/home-page' (#39) from jatiny/theme-elegance:fix/home-page into staging

Reviewed-on: brooksbingham/theme-elegance#39
staging
jatiny 2024-07-04 11:57:16 +00:00
commit 3e87e56831
2 changed files with 62 additions and 232 deletions

View File

@ -787,10 +787,6 @@ select {
bottom: 0.25rem; bottom: 0.25rem;
} }
.bottom-9 {
bottom: 2.25rem;
}
.bottom-\[50\%\] { .bottom-\[50\%\] {
bottom: 50%; bottom: 50%;
} }
@ -847,18 +843,6 @@ select {
z-index: 10; z-index: 10;
} }
.z-0 {
z-index: 0;
}
.z-auto {
z-index: auto;
}
.z-50 {
z-index: 50;
}
.col-span-1 { .col-span-1 {
grid-column: span 1 / span 1; grid-column: span 1 / span 1;
} }
@ -936,11 +920,6 @@ select {
margin-bottom: 0.125rem; margin-bottom: 0.125rem;
} }
.my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.my-2 { .my-2 {
margin-top: 0.5rem; margin-top: 0.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
@ -1065,10 +1044,6 @@ select {
margin-top: 2.25rem; margin-top: 2.25rem;
} }
.box-border {
box-sizing: border-box;
}
.block { .block {
display: block; display: block;
} }
@ -1101,10 +1076,6 @@ select {
aspect-ratio: 342/513; aspect-ratio: 342/513;
} }
.h-1\/2 {
height: 50%;
}
.h-12 { .h-12 {
height: 3rem; height: 3rem;
} }
@ -1137,6 +1108,14 @@ select {
height: 20px; height: 20px;
} }
.h-\[30vh\] {
height: 30vh;
}
.h-\[40vh\] {
height: 40vh;
}
.h-\[50px\] { .h-\[50px\] {
height: 50px; height: 50px;
} }
@ -1153,50 +1132,6 @@ select {
height: 100%; 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-h-\[40px\] {
max-height: 40px; max-height: 40px;
} }
@ -1437,24 +1372,20 @@ select {
gap: 2rem; gap: 2rem;
} }
.gap-20 {
gap: 5rem;
}
.gap-x-1 { .gap-x-1 {
-moz-column-gap: 0.25rem; -moz-column-gap: 0.25rem;
column-gap: 0.25rem; column-gap: 0.25rem;
} }
.gap-y-1 {
row-gap: 0.25rem;
}
.gap-x-20 { .gap-x-20 {
-moz-column-gap: 5rem; -moz-column-gap: 5rem;
column-gap: 5rem; column-gap: 5rem;
} }
.gap-y-1 {
row-gap: 0.25rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) { .space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0; --tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@ -1493,10 +1424,6 @@ select {
border-width: 2px; border-width: 2px;
} }
.border-4 {
border-width: 4px;
}
.border-t { .border-t {
border-top-width: 1px; border-top-width: 1px;
} }
@ -1570,6 +1497,11 @@ select {
border-color: rgb(255 255 255 / var(--tw-border-opacity)); 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 { .bg-black\/70 {
background-color: rgb(0 0 0 / 0.7); background-color: rgb(0 0 0 / 0.7);
} }
@ -1609,15 +1541,6 @@ select {
background-color: rgb(255 255 255 / var(--tw-bg-opacity)); 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-black {
stroke: #000; stroke: #000;
} }
@ -1680,6 +1603,11 @@ select {
padding: 2rem; padding: 2rem;
} }
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-2 { .px-2 {
padding-left: 0.5rem; padding-left: 0.5rem;
padding-right: 0.5rem; padding-right: 0.5rem;
@ -1730,16 +1658,6 @@ select {
padding-bottom: 2rem; padding-bottom: 2rem;
} }
.px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.pb-10 { .pb-10 {
padding-bottom: 2.5rem; padding-bottom: 2.5rem;
} }
@ -1856,18 +1774,6 @@ select {
padding-top: 2.25rem; padding-top: 2.25rem;
} }
.pt-12 {
padding-top: 3rem;
}
.pt-11 {
padding-top: 2.75rem;
}
.pb-20 {
padding-bottom: 5rem;
}
.text-left { .text-left {
text-align: left; text-align: left;
} }
@ -1889,11 +1795,6 @@ select {
line-height: 2rem; line-height: 2rem;
} }
.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.text-5xl { .text-5xl {
font-size: 3rem; font-size: 3rem;
line-height: 1; line-height: 1;
@ -1956,11 +1857,6 @@ select {
line-height: 1; line-height: 1;
} }
.text-\[\#000E2A\] {
--tw-text-opacity: 1;
color: rgb(0 14 42 / var(--tw-text-opacity));
}
.text-blue-900 { .text-blue-900 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(30 58 138 / var(--tw-text-opacity)); color: rgb(30 58 138 / var(--tw-text-opacity));
@ -2396,14 +2292,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
position: absolute; position: absolute;
} }
.md\:bottom-28 {
bottom: 7rem;
}
.md\:right-12 {
right: 3rem;
}
.md\:my-24 { .md\:my-24 {
margin-top: 6rem; margin-top: 6rem;
margin-bottom: 6rem; margin-bottom: 6rem;
@ -2453,16 +2341,16 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
height: 40px; height: 40px;
} }
.md\:h-\[100px\] { .md\:h-\[70vh\] {
height: 100px; height: 70vh;
} }
.md\:h-\[180px\] { .md\:h-\[80vh\] {
height: 180px; height: 80vh;
} }
.md\:h-\[200px\] { .md\:h-full {
height: 200px; height: 100%;
} }
.md\:w-1\/2 { .md\:w-1\/2 {
@ -2521,14 +2409,14 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
width: 70%; width: 70%;
} }
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-2 { .md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
} }
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:flex-row { .md\:flex-row {
flex-direction: row; flex-direction: row;
} }
@ -2557,8 +2445,13 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
gap: 1rem; gap: 1rem;
} }
.md\:gap-20 { .md\:bg-transparent {
gap: 5rem; background-color: transparent;
}
.md\:object-cover {
-o-object-fit: cover;
object-fit: cover;
} }
.md\:p-2 { .md\:p-2 {
@ -2569,9 +2462,9 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
padding: 2rem; padding: 2rem;
} }
.md\:px-10 { .md\:px-12 {
padding-left: 2.5rem; padding-left: 3rem;
padding-right: 2.5rem; padding-right: 3rem;
} }
.md\:px-4 { .md\:px-4 {
@ -2579,11 +2472,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
padding-right: 1rem; padding-right: 1rem;
} }
.md\:px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.md\:pl-10 { .md\:pl-10 {
padding-left: 2.5rem; padding-left: 2.5rem;
} }
@ -2620,6 +2508,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
padding-top: 0px; padding-top: 0px;
} }
.md\:pt-11 {
padding-top: 2.75rem;
}
.md\:pt-12 { .md\:pt-12 {
padding-top: 3rem; padding-top: 3rem;
} }
@ -2628,6 +2520,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
padding-top: 0.75rem; padding-top: 0.75rem;
} }
.md\:pt-5 {
padding-top: 1.25rem;
}
.md\:pt-6 { .md\:pt-6 {
padding-top: 1.5rem; padding-top: 1.5rem;
} }
@ -2636,18 +2532,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
padding-top: 1.75rem; 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 { .md\:text-left {
text-align: left; text-align: left;
} }
@ -2714,23 +2598,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
bottom: 0.75rem; bottom: 0.75rem;
} }
.lg\:bottom-48 {
bottom: 12rem;
}
.lg\:right-0 { .lg\:right-0 {
right: 0px; right: 0px;
} }
.lg\:right-20 {
right: 5rem;
}
.lg\:my-20 {
margin-top: 5rem;
margin-bottom: 5rem;
}
.lg\:my-32 { .lg\:my-32 {
margin-top: 8rem; margin-top: 8rem;
margin-bottom: 8rem; margin-bottom: 8rem;
@ -2776,14 +2647,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
height: 90vh; height: 90vh;
} }
.lg\:h-\[460px\] {
height: 460px;
}
.lg\:h-\[300px\] {
height: 300px;
}
.lg\:w-1\/3 { .lg\:w-1\/3 {
width: 33.333333%; width: 33.333333%;
} }
@ -2876,11 +2739,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
padding-bottom: 0px; padding-bottom: 0px;
} }
.lg\:py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.lg\:pb-6 { .lg\:pb-6 {
padding-bottom: 1.5rem; padding-bottom: 1.5rem;
} }
@ -2909,10 +2767,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
padding-top: 3rem; padding-top: 3rem;
} }
.lg\:pt-16 {
padding-top: 4rem;
}
.lg\:pt-24 { .lg\:pt-24 {
padding-top: 6rem; padding-top: 6rem;
} }
@ -2974,18 +2828,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
} }
@media (min-width: 1280px) { @media (min-width: 1280px) {
.xl\:right-56 {
right: 14rem;
}
.xl\:h-\[500px\] {
height: 500px;
}
.xl\:h-\[460px\] {
height: 460px;
}
.xl\:w-1\/4 { .xl\:w-1\/4 {
width: 25%; width: 25%;
} }

View File

@ -54,16 +54,6 @@
{block name='displayBeforeWrapper'} {block name='displayBeforeWrapper'}
{hook h='displayBeforeWrapper'} {hook h='displayBeforeWrapper'}
{/block} {/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"> <section class="container mx-auto">
{block name='breadcrumb'} {block name='breadcrumb'}
@ -95,21 +85,20 @@
{/block} {/block}
{if $page.page_name == 'index'} {if $page.page_name == 'index'}
<div> <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"
<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" />
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/banner.png"
</div> </div>
<div class="w-full h-[30vh] md:h-[70vh]">
<div class="xl:h-[460px] lg:h-[300px] md:h-[200px] h-[30px]" >
</div> </div>
<div class="lg:my-32 my-20" > <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> <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> <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> </div>
@ -126,7 +115,7 @@
</p> </p>
<div class="xl:w-52 lg:w-42 md:w-42 w-38 flex md:justify-start justify-center"> <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" <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 Start Customization
</a> </a>
</div> </div>
@ -155,8 +144,8 @@
</p> </p>
<div class="lg:w-52 md:w-42 w-38 flex md:justify-start justify-center"> <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" <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"> href="https://stage.brooksbingham.com/content/10-how-to-measure">
Start Customization How to measure
</a> </a>
</div> </div>
</div> </div>
@ -308,7 +297,7 @@
</p> </p>
<div class="lg:w-52 md:w-42 w-38 flex justify-start pt-4"> <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 <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"> href="https://brooksbingham.com/17-custom-made-clothing">
Start Customization Start Customization
</a> </a>
@ -432,8 +421,7 @@
{block name='hook_before_body_closing_tag'} {block name='hook_before_body_closing_tag'}
{hook h='displayBeforeBodyClosingTag'} {hook h='displayBeforeBodyClosingTag'}
{/block} {/block}
</body> </body>