apurvab
/
theme-elegance
forked from brooksbingham/theme-elegance
1
0
Fork 0
Code Pull Requests Activity

chore: add video on landing page

main
jatiny 2024-11-26 06:44:15 +00:00
parent 69af27c306
commit 6489d8516c
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
templates/layouts/layout-both-columns.tpl
View File

@ -79,15 +79,15 @@
Start Customization</h2> Start Customization</h2>
<h3 class="text-lg font-semibold text-center mb-12">Tailored to you, at no extra cost.</h3> <h3 class="text-lg font-semibold text-center mb-12">Tailored to you, at no extra cost.</h3>
<div class="flex md:flex-row flex-col gap-8 lg:mb-32 mb-20"> <div class="flex md:flex-row flex-col gap-8 lg:mb-32 mb-20">
<div><a href="https://brooksbingham.com/module/thob/configurator?id_product=74"> <img id=shirtImage <div>
class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" <a href="https://brooksbingham.com/module/thob/configurator?id_product=74">
src="https://brooksbingham.com/111-home_default/business-shirt.jpg" alt="business-shirt.jpg" /></a> <img id="shirtImage" class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://brooksbingham.com/111-home_default/business-shirt.jpg" alt="business-shirt.jpg" /></a>
<div class="flex flex-col pt-4 items-start"> <div class="flex flex-col pt-4 items-start">
<h3 class="text-center text-lg font-bold">$99.00</h3> <h3 class="text-center text-lg font-bold">$99.00</h3>
<h3 class="text-center text-lg font-semibold">Shirts</h3> <h3 class="text-center text-lg font-semibold">Shirts</h3>
</div> </div>
</div> </div>
<div><a href="https://brooksbingham.com/module/thob/configurator?id_product=75"> <img id=suitImage <div><a href="https://brooksbingham.com/module/thob/configurator?id_product=75"> <img id="suitImage"
class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100"
src="https://brooksbingham.com/107-home_default/business-suit.jpg" alt="business-suit.jpg" /></a> src="https://brooksbingham.com/107-home_default/business-suit.jpg" alt="business-suit.jpg" /></a>
<div class="flex flex-col pt-4 items-start"> <div class="flex flex-col pt-4 items-start">
@ -95,7 +95,7 @@
<h3 class="text-center text-lg font-semibold">Suits</h3> <h3 class="text-center text-lg font-semibold">Suits</h3>
</div> </div>
</div> </div>
<div><a href="https://brooksbingham.com/module/thob/configurator?id_product=76"> <img id=sportsjacketImage <div><a href="https://brooksbingham.com/module/thob/configurator?id_product=76"> <img id="sportsjacketImage"
class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100"
src="https://brooksbingham.com/108-home_default/sports-jacket.jpg" alt="sports-jacket.jpg" /></a> src="https://brooksbingham.com/108-home_default/sports-jacket.jpg" alt="sports-jacket.jpg" /></a>
<div class="flex flex-col pt-4 items-start"> <div class="flex flex-col pt-4 items-start">
@ -103,9 +103,9 @@
<h3 class="text-center text-lg font-semibold">Sports Jackets</h3> <h3 class="text-center text-lg font-semibold">Sports Jackets</h3>
</div> </div>
</div> </div>
<div><a href="https://brooksbingham.com/module/thob/configurator?id_product=77"> <img id=tuxImage <div><a href="https://brooksbingham.com/module/thob/configurator?id_product=77">
class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" <img id="tuxImage" class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://brooksbingham.com/112-home_default/tuxedo.jpg" alt="tuxedo.jpg" />
src="https://brooksbingham.com/112-home_default/tuxedo.jpg" alt="tuxedo.jpg" /></a> </a>
<div class="flex flex-col pt-4 items-start"> <div class="flex flex-col pt-4 items-start">
<h3 class="text-center text-lg font-bold">$995.00</h3> <h3 class="text-center text-lg font-bold">$995.00</h3>
<h3 class="text-center text-lg font-semibold">Tuxedos</h3> <h3 class="text-center text-lg font-semibold">Tuxedos</h3>
@ -116,9 +116,11 @@
<div class="lg:mb-32 mb-20"> <div class="lg:mb-32 mb-20">
<h1 class="text-2xl font-bold text-center">Design and Visualize what you need</h1> <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> <h3 class="text-lg font-semibold text-center mb-12">Choose what looks good on you</h3>
<a href="https://brooksbingham.com/module/thob/configurator?id_product=75"> <img <a href="https://brooksbingham.com/module/thob/configurator?id_product=75">
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/widget-screenshot.png" <video autoplay="autoplay" muted loop width="100%" height="auto">
alt="widget-screenshot.png" /> </a> <source src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/brooksbingham_configurator_demo_video_compressed.mp4" />
</video>
</a>
</div> </div>
<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">