forked from brooksbingham/theme-elegance
refactor:change SEO section
parent
ee7ab166fd
commit
e3c2bbd80a
|
|
@ -69,22 +69,24 @@
|
||||||
<div class="relative
|
<div class="relative
|
||||||
flex
|
flex
|
||||||
mt-16
|
mt-16
|
||||||
lg:h-2/3
|
h-1/2
|
||||||
mx-auto">
|
mx-auto">
|
||||||
<img class="w-full scale-down"
|
<img class="w-full scale-down"
|
||||||
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom_page_banner_image.jpeg"
|
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom_page_banner_image.jpeg"
|
||||||
alt="Image">
|
alt="Image">
|
||||||
<div class="absolute
|
<div class="absolute
|
||||||
xl:right-56
|
xl:right-56
|
||||||
|
lg:right-20
|
||||||
|
md:right-12
|
||||||
right-4
|
right-4
|
||||||
lg:bottom-48
|
lg:bottom-48
|
||||||
|
md:bottom-28
|
||||||
bottom-9
|
bottom-9
|
||||||
text-[#000E2A]
|
text-[#000E2A]
|
||||||
text-left
|
text-left
|
||||||
lg:text-5xl
|
lg:text-4xl
|
||||||
md:text-2xl
|
md:text-2xl
|
||||||
text-sm
|
text-xs
|
||||||
lg:font-semibold
|
|
||||||
font-bold">
|
font-bold">
|
||||||
<h1> Because You Are Unique. </h1>
|
<h1> Because You Are Unique. </h1>
|
||||||
<h1> So Is Your Body… </h1>
|
<h1> So Is Your Body… </h1>
|
||||||
|
|
@ -94,11 +96,11 @@
|
||||||
<div class="flex flex-col-reverse md:flex-row items-center md:mt-24 mt-16 mx-auto">
|
<div class="flex flex-col-reverse md:flex-row items-center md:mt-24 mt-16 mx-auto">
|
||||||
<div class="mx-3 w-full md:w-[70%] text-center md:text-left xl:pl-12 lg:pl-2 pl-0">
|
<div class="mx-3 w-full md:w-[70%] text-center md:text-left xl:pl-12 lg:pl-2 pl-0">
|
||||||
<h1 class="font-bold lg:text-3xl md:text-2xl text-xl">
|
<h1 class="font-bold lg:text-3xl md:text-2xl text-xl">
|
||||||
Custom Fit for teyour Comfort
|
Custom Fit for your Comfort
|
||||||
</h1>
|
</h1>
|
||||||
<p class="lg:text-xl font-medium pt-5">
|
<p class="lg:text-xl font-medium pt-5">
|
||||||
Custom-made shirts and tuxedos are tailored just for you, offering a fit like no other.
|
Custom-made shirts and tuxedos are tailored specifically for you, offering an unparalleled fit.
|
||||||
Experience unmatched comfort and style with our tailored suits, celebrating your uniqueness.
|
Experience unmatched comfort and style with our tailored suits, crafted to celebrate your uniqueness.
|
||||||
</p>
|
</p>
|
||||||
<a class="all-product-link text-xl font-bold mt-8 flex items-center justify-center md:justify-start"
|
<a class="all-product-link text-xl font-bold mt-8 flex items-center justify-center md:justify-start"
|
||||||
href="https://brooksbingham.com/17-custom-made-clothing">
|
href="https://brooksbingham.com/17-custom-made-clothing">
|
||||||
|
|
@ -161,11 +163,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="mx-auto">
|
<div class="mx-auto">
|
||||||
<div class="max-w-screen-lg
|
<div class="max-w-screen-lg
|
||||||
mx-auto
|
mx-auto
|
||||||
|
|
@ -210,7 +207,7 @@
|
||||||
pb-2">
|
pb-2">
|
||||||
Select the Fabric </h4>
|
Select the Fabric </h4>
|
||||||
<p class="mt-3
|
<p class="mt-3
|
||||||
font-semibold
|
font-medium
|
||||||
text-lg
|
text-lg
|
||||||
leading-6
|
leading-6
|
||||||
text-gray-500">
|
text-gray-500">
|
||||||
|
|
@ -246,7 +243,7 @@
|
||||||
Finalize the Design </h4>
|
Finalize the Design </h4>
|
||||||
<p class="mt-3
|
<p class="mt-3
|
||||||
text-lg
|
text-lg
|
||||||
font-semibold
|
font-medium
|
||||||
leading-6
|
leading-6
|
||||||
text-gray-500">
|
text-gray-500">
|
||||||
Personalize details like lapels, pockets, and lining through online platform. </p>
|
Personalize details like lapels, pockets, and lining through online platform. </p>
|
||||||
|
|
@ -280,7 +277,7 @@
|
||||||
Get Measured </h4>
|
Get Measured </h4>
|
||||||
<p class="mt-3
|
<p class="mt-3
|
||||||
text-lg
|
text-lg
|
||||||
font-semibold
|
font-medium
|
||||||
leading-6
|
leading-6
|
||||||
text-gray-500">
|
text-gray-500">
|
||||||
Ensure your custom apparel fits you flawlessly by getting measured. </p>
|
Ensure your custom apparel fits you flawlessly by getting measured. </p>
|
||||||
|
|
@ -291,3 +288,41 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mx-auto lg:my-20 my-12 flex flex-col justify-center px-4 md:px-10 lg:px-20">
|
||||||
|
<h1 class="font-bold text-xl md:text-2xl lg:text-3xl text-center">
|
||||||
|
How Can You Get Measured?
|
||||||
|
</h1>
|
||||||
|
<div class="pt-8 md:pt-12 lg:pt-16">
|
||||||
|
<ul class="font-medium text-sm md:text-xl space-y-2">
|
||||||
|
<li>- Simply scan the QR code at checkout.</li>
|
||||||
|
<li>- Carefully watch the instruction video.</li>
|
||||||
|
<li>- Next, you will have 2 photos taken to collect all needed measurements to create your custom fit.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h2 class="font-semibold text-sm md:text-lg lg:text-xl pt-6 md:pt-8 lg:py-8 pb-10">
|
||||||
|
(Disclaimer: Please follow the instruction video closely as it will guide you to wear specific clothing, stand barefoot, etc.)
|
||||||
|
</h2>
|
||||||
|
<div class="flex justify-end">
|
||||||
|
<a class="all-product-link lg:text-xl md:text-lg text-sm font-bold flex items-center "
|
||||||
|
href="https://stage.brooksbingham.com/content/10-measurement">
|
||||||
|
Know more
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg"
|
||||||
|
class="icon stroke-gray-600 stroke-[3px] icon-tabler icon-tabler-chevron-right"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round">
|
||||||
|
<path stroke="none"
|
||||||
|
d="M0 0h24v24H0z"
|
||||||
|
fill="none"/>
|
||||||
|
<path d="M9 6l6 6l-6 6" />
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
{**
|
{*
|
||||||
* 2007-2019 PrestaShop and Contributors
|
* 2007-2019 PrestaShop and Contributors
|
||||||
*
|
*
|
||||||
* NOTICE OF LICENSE
|
* NOTICE OF LICENSE
|
||||||
|
|
@ -85,9 +85,97 @@
|
||||||
{/block}
|
{/block}
|
||||||
|
|
||||||
{if $page.page_name == 'index'}
|
{if $page.page_name == 'index'}
|
||||||
<div class="container">
|
|
||||||
<h2 class="products-section-title text-2xl font-bold mb-16 mt-20 text-center"> Custom design by you</h2>
|
|
||||||
<div class=" flex md:flex-row flex-col gap-8 lg:mb-32 mb-20">
|
<div>
|
||||||
|
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/custom_page_banner_image.jpeg"
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="lg:my-32 my-20" >
|
||||||
|
<h1 class="text-2xl font-bold text-center">Design and Visualize what you need</h1>
|
||||||
|
<h3 class="text-lg 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"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flex flex-col-reverse md:flex-row items-center md:mt-24 mt-20 mx-4">
|
||||||
|
<div class="mx-3 w-full md:w-[50%] text-center md:text-left md:pt-0 pt-2">
|
||||||
|
<h1 class="font-bold lg:text-3xl md:text-xl text-lg">
|
||||||
|
The Art of Custom Clothing
|
||||||
|
</h1>
|
||||||
|
<p class="lg:text-xl md:text-md text-sm font-medium pt-5">
|
||||||
|
Personalize your handcrafted look with our exclusive collection of Made-to-Measure men's clothing.
|
||||||
|
</p>
|
||||||
|
<p class="lg:text-xl md:text-md text-sm font-medium pt-1">
|
||||||
|
Take control and feel confident with our Perfect Fit Guarantee
|
||||||
|
</p>
|
||||||
|
<div class="lg:w-52 md:w-42 w-38 flex md:justify-start justify-center">
|
||||||
|
<a class="all-product-link lg:text-xl md:text-md text-sm font-bold mt-9 flex border border-2 border-black p-2 px-4"
|
||||||
|
href="https://brooksbingham.com/16-custom-made-clothing">
|
||||||
|
Start Customization
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-full md:w-[50%] grid grid-flow-col grid-rows-3 gap-x-2 lg:pl-5 md:pl-3 pl-0">
|
||||||
|
<div class="row-end-3 row-span-2">
|
||||||
|
<img class="object-cover md:h-[200px] h-full w-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="row-start-2 row-span-2">
|
||||||
|
<img class="object-cover md:h-[200px] h-full w-full " src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flex md:flex-row flex-col items-center mx-4 lg:mt-32 md:mt-24 mt-20">
|
||||||
|
<div class="w-full md:w-[60%] h-full">
|
||||||
|
<div class="grid grid-cols-3 gap-y-2 gap-x-2">
|
||||||
|
<div class="">
|
||||||
|
<img class="object-cover md:h-[200px] h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="row-span-1">
|
||||||
|
<img class="object-cover md:h-[200px] h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="row-span-2 col-span-1 relative">
|
||||||
|
<img class="object-cover md:h-[410px] h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img class="object-cover md:h-[200px] h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="">
|
||||||
|
<img class="object-cover md:h-[200px] h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mx-3 w-full md:w-[40%] text-center md:text-left md:pl-5 pl-0 ">
|
||||||
|
<h1 class="font-bold lg:text-3xl md:text-xl text-lg md:pt-0 pt-2">
|
||||||
|
Tailored Perfection for a Flawless Fit
|
||||||
|
</h1>
|
||||||
|
<p class="lg:text-xl md:text-md text-sm font-medium pt-5">
|
||||||
|
Craft your signature style down to the finest details - from quality fabrics and distinctive
|
||||||
|
buttons to unique pocket hues and lining designs.
|
||||||
|
</p>
|
||||||
|
<p class="lg:text-xl md:text-md text-sm font-medium pt-1">Our Perfect Fit Guarantee ensures a tailored look that exudes your confident individuality</p>
|
||||||
|
<div class="lg:w-52 md:w-42 w-38 flex md:justify-start justify-center">
|
||||||
|
<a class="all-product-link lg:text-xl md:text-md text-sm font-bold mt-9 flex border border-2 border-black p-2 px-4"
|
||||||
|
href="https://brooksbingham.com/16-custom-made-clothing">
|
||||||
|
Start Customization
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mx-4 lg:mt-32 md:mt-24 mt-20">
|
||||||
|
<h1 class="lg:text-3xl md:text-2xl text-lg font-bold text-center">Curated Custom Collection</h1>
|
||||||
|
<p class="lg:text-xl md:text-md text-sm text-center pt-4 font-medium">Experience luxury with personalized jackets and custom collections crafted just for you</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container mt-16">
|
||||||
|
<div class=" flex md:flex-row flex-col gap-8 lg:mb-32 mb-20">
|
||||||
<div href="https://brooksbingham.com/module/thob/configurator?id_product=74">
|
<div href="https://brooksbingham.com/module/thob/configurator?id_product=74">
|
||||||
<a href="https://brooksbingham.com/module/thob/configurator?id_product=74">
|
<a href="https://brooksbingham.com/module/thob/configurator?id_product=74">
|
||||||
<img class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/111-home_default/business-shirt.jpg"/>
|
<img class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/111-home_default/business-shirt.jpg"/>
|
||||||
|
|
@ -115,17 +203,205 @@
|
||||||
<h3 class="text-center text-lg pt-4 font-semibold"> Tuxedos</h3>
|
<h3 class="text-center text-lg pt-4 font-semibold"> Tuxedos</h3>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="lg:mb-32 mb-20" >
|
<div class="flex md:flex-row flex-col mx-4 items-center lg:my-32 md:my-24 my-20">
|
||||||
<h1 class="text-2xl font-bold text-center">Design and Visualize what you need</h1>
|
<div class="w-full md:w-[50%] h-full">
|
||||||
<h3 class="text-lg font-semibold text-center mb-12">Choose what looks good on you </h3>
|
<div class="grid grid-rows-3 grid-flow-col gap-y-2 gap-x-2">
|
||||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/widget-screenshot.png"/>
|
<div class="row-span-2">
|
||||||
|
<img class="h-full object-cover"
|
||||||
|
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="row-span-1">
|
||||||
|
<img class="h-full object-cover"
|
||||||
|
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="row-span-1">
|
||||||
|
<img class="h-full object-cover"
|
||||||
|
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="row-span-2">
|
||||||
|
<img class="h-full object-cover"
|
||||||
|
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="row-span-3">
|
||||||
|
<img class="h-full object-cover"
|
||||||
|
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-full md:w-[50%] md:text-left md:pl-10 pl-0 md:pt-0 pt-3 ">
|
||||||
|
<h1 class="font-bold lg:text-3xl md:text-xl text-lg md:pt-0 pt-2 text-center md:text-left">
|
||||||
|
About Brooks Bingham
|
||||||
|
</h1>
|
||||||
|
<div class="lg:pt-10 md:pt-6 pt-4 lg:text-xl text-sm font-medium space-y-2 text-left">
|
||||||
|
<li>Individuality and precision tailoring is what we celebrate.</li>
|
||||||
|
<li>We are on a mission to provide high-quality, custom-fit clothing that embodies YOU.</li>
|
||||||
|
<li>Modern with the technology, but we never forget the importance of classic traditional tailoring.</li>
|
||||||
|
<li>We are all about creating timeless, personalized pieces.</li>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flex flex-col-reverse md:flex-row md:mt-24 mt-20 mx-4">
|
||||||
|
<div class="w-full md:w-[60%] text-center md:text-left md:pt-0 pt-4">
|
||||||
|
<h1 class="font-bold lg:text-4xl md:text-2xl text-lg lg:pt-20 md:pt-9 pt-0">
|
||||||
|
Why Choose Brooks Bingham?
|
||||||
|
</h1>
|
||||||
|
<div class="flex md:flex-row flex-col lg:pt-20 md:pt-10 pt-7">
|
||||||
|
<div class="flex-col 2xl:pr-16 xl:pr-12 lg:pr-6 md:pr-5 pr-0">
|
||||||
|
<h1 class="md:text-xl xl:text-5xl lg:text-3xl text-5xl font-semibold text-gray-300 pb-4">1.</h1>
|
||||||
|
<h1 class="xl:text-xl lg:text-lg md:text-xs text-xl font-semibold">Expert</h1>
|
||||||
|
<h1 class="xl:text-xl lg:text-lg md:text-xs text-xl font-semibold">Craftmanship</h1>
|
||||||
|
</div>
|
||||||
|
<div class="flex-col 2xl:pr-16 xl:pr-12 lg:pr-6 md:pr-5 pr-0 md:pt-0 pt-4">
|
||||||
|
<h1 class="md:text-xl xl:text-5xl lg:text-3xl text-5xl font-semibold text-gray-300 pb-4">2.</h1>
|
||||||
|
<h1 class="xl:text-xl lg:text-lg md:text-xs text-xl font-semibold">Innovative</h1>
|
||||||
|
<h1 class="xl:text-xl lg:text-lg md:text-xs text-xl font-semibold">Customization</h1>
|
||||||
|
</div>
|
||||||
|
<div class="flex-col 2xl:pr-16 xl:pr-12 lg:pr-6 md:pr-5 pr-0 md:pt-0 pt-4">
|
||||||
|
<h1 class="md:text-xl xl:text-5xl lg:text-3xl text-5xl font-semibold text-gray-300 pb-4">3.</h1>
|
||||||
|
<h1 class="xl:text-xl lg:text-lg md:text-xs text-xl font-semibold">Quality</h1>
|
||||||
|
<h1 class="xl:text-xl lg:text-lg md:text-xs text-xl font-semibold">Materials</h1>
|
||||||
|
</div>
|
||||||
|
<div class="flex-col 2xl:pr-16 xl:pr-12 lg:pr-6 md:pr-5 pr-0 md:pt-0 pt-4">
|
||||||
|
<h1 class="md:text-xl xl:text-5xl lg:text-3xl text-5xl font-semibold text-gray-300 pb-4">4.</h1>
|
||||||
|
<h1 class="xl:text-xl lg:text-lg md:text-xs text-xl font-semibold">Sustainable</h1>
|
||||||
|
<h1 class="xl:text-xl lg:text-lg md:text-xs text-xl font-semibold">Practices</h1>
|
||||||
|
</div>
|
||||||
|
<div class="flex-col md:pt-0 pt-4">
|
||||||
|
<h1 class="md:text-xl xl:text-5xl lg:text-3xl text-5xl font-semibold text-gray-300 pb-4">5.</h1>
|
||||||
|
<h1 class="xl:text-xl lg:text-lg md:text-xs text-xl font-semibold">Exceptional</h1>
|
||||||
|
<h1 class="xl:text-xl lg:text-lg md:text-xs text-xl font-semibold">Support</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w-full md:w-[40%] grid grid-cols-3 gap-x-2 gap-y-2 lg:pl-2 md:pl-3 pl-0 md:pt-0 pt-4">
|
||||||
|
<div class="col-span-3">
|
||||||
|
<img class="object-cover lg:h-[200px] h-[100px] w-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="">
|
||||||
|
<img class="object-cover lg:h-[200px] h-[100px] w-full " src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="">
|
||||||
|
<img class="object-cover lg:h-[200px] h-[100px] w-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="">
|
||||||
|
<img class="object-cover lg:h-[200px] h-[100px] w-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flex flex-col-reverse md:flex-row items-center justify-center md:mt-32 mt-16 mx-4">
|
||||||
|
<div class="w-full md:w-[60%] text-center md:text-left md:pt-0 pt-5 md:pr-5 pr-0">
|
||||||
|
<div class="flex justify-center lg:pb-6 pb-3">
|
||||||
|
<img class="lg:w-[60px] lg:h-[60px] md:w-[40px] md:h-[40px] w-[50px] h-[50px]"
|
||||||
|
src="https://brooksbingham.com/img/logo-1715173509.jpg">
|
||||||
|
</div>
|
||||||
|
<h1 class="font-bold lg:text-3xl md:text-2xl text-xl text-center">
|
||||||
|
See What They Think
|
||||||
|
</h1>
|
||||||
|
<p class="lg:text-xl text-sm font-medium lg:pt-10 pt-6 text-center">
|
||||||
|
The quality of my bespoke shirts from Brooks Bingham Clothing has been exceptional!
|
||||||
|
</p>
|
||||||
|
<p class="lg:text-xl text-sm font-medium text-center">
|
||||||
|
The fabrics, buttons, and stitching are of the highest quality.
|
||||||
|
</p>
|
||||||
|
<h1 class="font-bold text-center lg:text-xl md:text-lg text-md lg:pt-8 pt-6">Matt K </h1>
|
||||||
|
<div class="flex justify-center lg:pt-10 md:pt-6 pt-8">
|
||||||
|
<svg class="w-[20px] h-[20px] mx-1" viewBox="0 0 24 24" fill="gold" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M12 0l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 14.14l-5-4.87 6.91-3.01L12 0z"/>
|
||||||
|
</svg>
|
||||||
|
<svg class="w-[20px] h-[20px] mx-1" viewBox="0 0 24 24" fill="gold" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M12 0l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 14.14l-5-4.87 6.91-3.01L12 0z"/>
|
||||||
|
</svg>
|
||||||
|
<svg class="w-[20px] h-[20px] mx-1" viewBox="0 0 24 24" fill="gold" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M12 0l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 14.14l-5-4.87 6.91-3.01L12 0z"/>
|
||||||
|
</svg>
|
||||||
|
<svg class="w-[20px] h-[20px] mx-1" viewBox="0 0 24 24" fill="gold" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M12 0l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 14.14l-5-4.87 6.91-3.01L12 0z"/>
|
||||||
|
</svg>
|
||||||
|
<svg class="w-[20px] h-[20px] mx-1" viewBox="0 0 24 24" fill="gold" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M12 0l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 14.14l-5-4.87 6.91-3.01L12 0z"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w-full md:w-[40%]">
|
||||||
|
<img class="image object-cover w-full h-full md:h-[400px]"
|
||||||
|
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mt-32 mx-4 flex relative items-center">
|
||||||
|
<img class="w-full lg:h-[400px] md:h-[300px] h-full object-cover "
|
||||||
|
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg">
|
||||||
|
|
||||||
|
<div class="absolute text-white lg:pl-24 md:pl-12 pl-4">
|
||||||
|
<h1 class="md:font-bold font-semibold lg:text-4xl md:text-2xl text-sm">Step into Style with a Custom Touch</h1>
|
||||||
|
<p class="lg:font-semibold md:font-medium font-base lg:text-2xl md:text-lg text-xs md:w-8/12 lg:pt-9 md:pt-6 pt-4">
|
||||||
|
Our perfect fit guarantee ensures that every plece you order is tailored to your exact specifications,
|
||||||
|
delivering a perfect fit every time.
|
||||||
|
</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"
|
||||||
|
href="https://brooksbingham.com/16-custom-made-clothing">
|
||||||
|
Start Customization
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mx-4 mt-32">
|
||||||
|
<h1 class="font-bold lg:text-3xl md:text-xl text-lg">BROOKSBINGHAM</h1>
|
||||||
|
<p class=" font-medium lg:text-lg md:text-md text-sm pt-9">Are you one of the millions of men that off the rack clothing just doesn't work for you?
|
||||||
|
A generic size built for the generic man? Brooks Bingham Clothing started exactly for this reason.
|
||||||
|
We are athletes, surrounded by athletes and strive to work with those that search for perfection.
|
||||||
|
And we were sick and tired of spending thousands on garments just to spend hundreds or thousands more
|
||||||
|
for a tailor to sort of make it fit. We strive to be a luxury solution in the clothing industry while providing
|
||||||
|
custom garments built and des gned by you for you. We give you all the power to be as creative as possible
|
||||||
|
while designing your clothing followed by the implementation of photo technology to collect all needed measurements.
|
||||||
|
Through our 3D tocits you have the ability to see and explore millions of options to complete your one of a kind piece.
|
||||||
|
We thank you for taking the time to explore Brooks Bingham Clothing and we look forward to helping you explore the
|
||||||
|
world of custom garments.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mt-48">
|
||||||
<div class=" text-white grid grid-cols-2 grid-rows-* gap-y-1 gap-x-1 mb-1">
|
<div class=" text-white grid grid-cols-2 grid-rows-* gap-y-1 gap-x-1 mb-1">
|
||||||
<div class="row-span-3 col-start-1 row-end-2 relative">
|
<div class="row-span-3 col-start-1 row-end-2 relative">
|
||||||
<h3 class="absolute lg:bottom-3 bottom-1 right-0 lg:font-bold font-medium lg:text-xl lg:mb-2 pr-1.5 xxs lg:p-4">Business Suits for Men</h3>
|
<h3 class="absolute lg:bottom-3 bottom-1 right-0 lg:font-bold font-medium lg:text-xl lg:mb-2 pr-1.5 xxs lg:p-4">Business Suits for Men</h3>
|
||||||
|
|
@ -165,7 +441,7 @@
|
||||||
<img class=" object-cover h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img2.png" /> </div>
|
<img class=" object-cover h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img2.png" /> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<a class="all-product-link text-2xl font-bold w-full flex items-center justify-end mt-8 mb-8" href="https://brooksbingham.com/content/9-gallery">
|
<a class="all-product-link text-2xl font-bold w-full flex items-center justify-end mt-8 mb-8" href="https://brooksbingham.com/content/9-gallery">
|
||||||
{l s='View More' d='Shop.Theme.Catalog'}
|
{l s='View More' d='Shop.Theme.Catalog'}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue