..

besoeasy · Dec 16, 2023 · 4fedc32 · 4fedc32
1 parent 61c17ba
commit 4fedc32
Show file tree

Hide file tree

Showing 25 changed files with 1,999 additions and 1 deletion.
diff --git a/components/unsorted/uinel-banners-LcCKFEel.html b/components/unsorted/uinel-banners-LcCKFEel.html
@@ -0,0 +1,14 @@
+<div><section class="relative overflow-hidden">
+    <img class="absolute bottom-0 md:top-0 right-0 h-96 md:h-auto" src="uinel-assets/elements/ecommerce-banners/line-circle.svg" alt="">
+    <div class="md:absolute top-0 left-0 md:w-1/3 lg:w-2/5 h-full">
+      <img class="h-32 md:h-full w-full md:w-auto" src="uinel-assets/images/ecommerce-banners/frame-color.png" alt="">
+      <img class="md:absolute bottom-0 left-0 md:ml-12 lg:ml-32 h-40 md:h-5/6 w-full md:w-auto object-cover object-left" src="uinel-assets/images/ecommerce-banners/phone-placeholder.png" alt="">
+    </div>
+    <div class="relative container px-4 mx-auto">
+      <div class="w-full md:w-1/2 lg:w-2/5 ml-auto py-24 md:py-40">
+        <h1 class="mb-10 text-9xl md:text-10xl xl:text-12xl leading-tight font-heading font-medium">New generation.</h1>
+        <p class="mb-14 md:mb-32 text-darkBlueGray-400">Or something has gone wrong.</p>
+        <a class="inline-block py-4 px-10 text-xl leading-8 text-white font-heading font-medium tracking-tighter text-center bg-blue-500 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 hover:bg-blue-600 rounded-xl" href="#">Shop now</a>
+      </div>
+    </div>
+  </section> </div>
diff --git a/components/unsorted/uinel-banners-YlITIjSg.html b/components/unsorted/uinel-banners-YlITIjSg.html
@@ -0,0 +1,41 @@
+<div> <section class="pt-10 px-4 lg:px-16 pb-10 lg:pb-40">
+    <div class="relative py-24 xl:pt-52 xl:pb-80">
+      <img class="absolute top-0 left-0 w-full h-full rounded-9xl object-cover" src="uinel-assets/images/ecommerce-banners/background-banner-2.png" alt="">
+      <div class="relative container px-4 mb-20 mx-auto">
+        <div class="px-4 md:pl-20 lg:pl-40">
+          <p class="mb-1 text-base md:text-xl font-heading font-medium">Brighter - stronger.</p>
+          <h1 class="mb-8 text-9xl md:text-10xl lg:text-12xl font-heading font-medium">Series 9</h1>
+          <p class="mb-14 md:mb-20 md:w-56">From $29.12/mo. for 24 mo. or $699 before trade‑in1.</p>
+          <a class="inline-block py-4 px-10 text-xl leading-8 text-white font-heading font-medium tracking-tighter text-center bg-blue-500 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 hover:bg-blue-600 rounded-xl" href="#">Shop now</a>
+        </div>
+      </div>
+      <div class="container px-4 mx-auto">
+        <div class="sm:absolute sm:right-10 xl:right-28 xl:-bottom-40 sm:w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl xl:max-w-6xl flex flex-wrap max-w-xs mx-auto">
+          <div class="p-3 w-full sm:w-1/2">
+            <div class="relative flex flex-wrap justify-between items-center bg-white z-10 rounded-3xl overflow-hidden shadow-lg">
+              <div class="w-full md:w-1/2 p-6 xl:px-20 xl:pr-4">
+                <h3 class="mb-3 font-heading text-3xl lg:text-7xl leading-tighter">Series 7.</h3>
+                <div class="flex items-center gap-3"><a class="inline-block font-heading text-lg text-purple-500 hover:text-purple-600 leading-tighter" href="#">Discover</a></div>
+              </div>
+              <img class="w-full md:w-1/2 lg:w-auto h-32 md:h-auto lg:h-40 xl:h-52 object-cover" src="uinel-assets/images/ecommerce-banners/hero5-teacher.jpg" alt="">
+            </div>
+            <div class="relative -top-12 lg:-top-7 px-5">
+              <div class="py-6 bg-gray-50 bg-opacity-70 rounded-3xl shadow-lg"></div>
+            </div>
+          </div>
+          <div class="p-3 w-full sm:w-1/2">
+            <div class="relative flex flex-wrap justify-between items-center bg-white z-10 rounded-3xl overflow-hidden shadow-lg">
+              <div class="w-full md:w-1/2 p-6 xl:px-20 xl:pr-4">
+                <h3 class="mb-3 font-heading text-3xl lg:text-7xl leading-tighter">Series 7.</h3>
+                <div class="flex items-center gap-3"><a class="inline-block font-heading text-lg text-purple-500 hover:text-purple-600 leading-tighter" href="#">Discover</a></div>
+              </div>
+              <img class="w-full md:w-1/2 lg:w-auto h-32 md:h-auto lg:h-40 xl:h-52 object-cover" src="uinel-assets/images/ecommerce-banners/phone-right-small.png" alt="">
+            </div>
+            <div class="relative -top-12 lg:-top-7 px-5">
+              <div class="py-6 bg-gray-50 bg-opacity-70 rounded-3xl shadow-lg"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
diff --git a/components/unsorted/uinel-banners-ZfLsjOMs.html b/components/unsorted/uinel-banners-ZfLsjOMs.html
@@ -0,0 +1,12 @@
+<div><section class="relative overflow-hidden">
+    <img class="absolute top-0 right-0 h-52 lg:h-auto lg:w-auto" src="uinel-assets/images/ecommerce-banners/color-circles.png" alt="">
+    <img class="relative md:absolute top-0 right-0 h-full mt-8 w-full md:w-1/2 lg:w-7/12 xl:w-8/12" src="uinel-assets/images/ecommerce-banners/big-phone-placeholder.png" alt="">
+    <div class="container px-4 mx-auto">
+      <div class="pt-20 pb-24 lg:py-40 w-full md:w-1/2">
+        <h1 class="mb-8 text-9xl md:text-10xl xl:text-12xl font-heading font-medium">Series 7</h1>
+        <p class="mb-8 text-xl font-heading font-medium">New superpower.</p>
+        <p class="mb-20 xl:mb-52 text-darkBlueGray-400 md:w-56">From $29.12/mo. for 24 mo. or $699 before trade‑in1.</p>
+        <a class="inline-block py-4 px-10 text-xl leading-8 text-white font-heading font-medium tracking-tighter text-center bg-blue-500 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 hover:bg-blue-600 rounded-xl" href="#">Shop now</a>
+      </div>
+    </div>
+  </section> </div>
diff --git a/components/unsorted/uinel-banners-hncTvtTx.html b/components/unsorted/uinel-banners-hncTvtTx.html
@@ -0,0 +1,26 @@
+<div> <section class="p-4 lg:px-16 lg:py-10">
+    <div class="flex flex-wrap -mx-2">
+      <div class="w-full lg:w-1/2 px-2 mb-4 lg:mb-0">
+        <div class="relative py-24 px-4 xl:pl-32 xl:pr-16 xl:pt-52 xl:pb-32">
+          <img class="absolute top-0 left-0 h-full w-full rounded-8xl object-cover" src="uinel-assets/images/ecommerce-banners/background-banner-2.png" alt="">
+          <div class="relative">
+            <p class="mb-1 text-base md:text-xl font-heading font-medium">Brighter - stronger</p>
+            <h1 class="mb-8 text-9xl md:text-10xl xl:text-12xl font-heading font-medium">Series 9</h1>
+            <p class="mb-14 md:mb-20 md:w-56">From $29.12/mo. for 24 mo. or $699 before trade‑in1.</p>
+            <a class="inline-block w-full sm:w-auto py-4 px-10 text-xl leading-8 text-white font-heading font-medium tracking-tighter text-center bg-blue-500 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 hover:bg-blue-600 rounded-xl" href="#">Shop now</a>
+          </div>
+        </div>
+      </div>
+      <div class="w-full lg:w-1/2 px-2">
+        <div class="relative py-24 px-4 xl:pl-32 xl:pr-16 xl:pt-52 xl:pb-32">
+          <img class="absolute top-0 left-0 h-full w-full rounded-8xl object-cover" src="uinel-assets/images/ecommerce-banners/placeholder-cheerful.png" alt="">
+          <div class="relative">
+            <p class="mb-1 text-base md:text-xl font-heading font-medium">New chapter</p>
+            <h1 class="mb-8 text-9xl md:text-10xl xl:text-12xl font-heading font-medium">Uistoxe S</h1>
+            <p class="mb-14 md:mb-20 md:w-56">From $29.12/mo. for 24 mo. or $699 before trade‑in1.</p>
+            <a class="inline-block w-full sm:w-auto py-4 px-10 text-xl leading-8 text-white font-heading font-medium tracking-tighter text-center bg-blue-500 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 hover:bg-blue-600 rounded-xl" href="#">Shop now</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
diff --git a/components/unsorted/uinel-cookies-AeZZbmiF.html b/components/unsorted/uinel-cookies-AeZZbmiF.html
@@ -0,0 +1,19 @@
+<div><div class="fixed bottom-0 right-0 z-50 p-10">
+    <div class="relative">
+      <img class="absolute -bottom-5" src="uinel-assets/elements/ecommerce-cookies/bg.svg" alt="">
+      <div class="px-4 sm:px-5">
+        <div class="relative z-10 p-8 sm:p-10 xl:px-16 xl:pb-16 xl:pt-14 w-full max-w-xl bg-white rounded-3xl">
+          <a class="absolute right-7 top-7" href="#">
+            <svg width="14" height="13" viewbox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="13.495" y1="0.494975" x2="1.49498" y2="12.495" stroke="#326BFF" stroke-width="1.4"></line><line x1="12.505" y1="12.495" x2="0.505026" y2="0.494976" stroke="#326BFF" stroke-width="1.4"></line></svg>
+          </a>
+          <h3 class="mb-3 text-xs text-gray-300 font-heading font-medium uppercase tracking-widest">Cookies</h3>
+          <h2 class="mb-6 text-3xl text-body font-heading font-medium">Your choice</h2>
+          <p class="mb-9 text-darkBlueGray-400 max-w-sm">By clicking “Accept”, you agree to the storing of cookies on your device to enhance (...)</p>
+          <div class="sm:flex sm:items-center">
+            <div class="mb-6 sm:mb-0 sm:max-w-max"><a class="block py-4 px-10 w-full text-lg leading-5 text-white font-medium tracking-tighter font-heading text-center bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Accept all</a></div>
+            <div class="text-center"><a class="inline-block sm:ml-16 text-xl text-blue-500 hover:text-blue-600 font-bold tracking-tight" href="#">Manage cookies</a></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div> </div>
diff --git a/components/unsorted/uinel-cookies-AmCqNWnx.html b/components/unsorted/uinel-cookies-AmCqNWnx.html
@@ -0,0 +1,38 @@
+<div> <div class="fixed right-0 bottom-5 px-5 w-full">
+    <div class="relative flex flex-wrap p-10 xl:px-24 xl:pb-20 xl:pt-16 w-full bg-white rounded-3xl">
+      <a class="absolute right-7 top-7" href="#">
+        <svg width="14" height="13" viewbox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="13.495" y1="0.494975" x2="1.49498" y2="12.495" stroke="#326BFF" stroke-width="1.4"></line><line x1="12.505" y1="12.495" x2="0.505026" y2="0.494976" stroke="#326BFF" stroke-width="1.4"></line></svg>
+      </a>
+      <div class="mb-6 w-full sm:w-3/12 lg:w-2/12">
+        <img src="uinel-assets/elements/ecommerce-cookies/logo-uinel-gray2.png" alt="">
+      </div>
+      <div class="relative z-10 mb-10 lg:mb-0 w-full sm:w-9/12 lg:w-5/12 xl:w-6/12">
+        <h2 class="mb-6 xl:mb-9 text-3xl md:text-8xl font-heading font-medium">Accept or manage</h2>
+        <div class="flex flex-wrap -mx-2">
+          <div class="w-full sm:w-1/2 lg:w-1/2 xl:w-1/3 px-2 mb-6 xl:mb-0">
+            <p class="text-gray-300">By clicking “Accept”, you agree to the storing of cookies on your device to enhance (...)</p>
+          </div>
+          <div class="w-full sm:w-1/2 lg:w-1/2 xl:w-1/3 px-2 mb-6 xl:mb-0">
+            <p class="text-gray-300">Mauris tempus, risus id condimentum pretium, lectus nisl auctor risus, eget eleifend leo sapien</p>
+          </div>
+          <div class="w-full sm:w-1/2 lg:w-full xl:w-1/3 px-2">
+            <p class="text-gray-300">Praesent vel posuere mauris. Proin varius, turpis quis volutpat facilisis, leo magna pulvinar nunc</p>
+          </div>
+          <div class="w-full px-2 mt-6">
+            <a class="flex items-center pb-1 text-xl text-body hover:text-darkBlueGray-400 font-bold tracking-tight max-w-max border-b border-darkBlueGray-400 hover:border-darkBlueGray-400" href="#">
+              <span class="mr-5">Learn more</span>
+              <svg width="14" height="17" viewbox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.5 11.3L6.5 15.5L6.5 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M1.5 11.5L6.5 15.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="relative z-10 flex flex-wrap items-center justify-end w-full lg:w-5/12 xl:w-4/12">
+        <div class="w-full mb-3 sm:mb-0 sm:mr-6 sm:max-w-max"><a class="block py-5 px-10 w-full text-xl leading-6 text-white font-medium tracking-tighter font-heading text-center bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Accept</a></div>
+        <div class="w-full sm:max-w-max"><a class="block py-5 px-10 w-full text-xl leading-6 text-white font-medium tracking-tighter font-heading text-center bg-darkBlueGray-500 hover:bg-darkBlueGray-600 focus:ring-2 focus:ring-darkBlueGray-500 focus:ring-opacity-50 rounded-xl" href="#">Manage</a></div>
+      </div>
+      <img class="absolute right-12 top-1/2 transform -translate-y-1/2" src="uinel-assets/elements/ecommerce-cookies/bg3.svg" alt="">
+    </div>
+  </div></div>
diff --git a/components/unsorted/uinel-cookies-jPsDwVsZ.html b/components/unsorted/uinel-cookies-jPsDwVsZ.html
@@ -0,0 +1,38 @@
+<div> <div class="fixed right-0 bottom-5 px-5 w-full">
+    <div class="relative flex flex-wrap p-10 xl:px-24 xl:pb-20 xl:pt-16 w-full bg-white rounded-3xl">
+      <a class="absolute right-7 top-7" href="#">
+        <svg width="14" height="13" viewbox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="13.495" y1="0.494975" x2="1.49498" y2="12.495" stroke="#326BFF" stroke-width="1.4"></line><line x1="12.505" y1="12.495" x2="0.505026" y2="0.494976" stroke="#326BFF" stroke-width="1.4"></line></svg>
+      </a>
+      <div class="mb-6 w-full sm:w-3/12 lg:w-2/12">
+        <img src="uinel-assets/elements/ecommerce-cookies/logo-uinel-gray2.png" alt="">
+      </div>
+      <div class="relative z-10 mb-10 lg:mb-0 w-full sm:w-9/12 lg:w-5/12 xl:w-6/12">
+        <h2 class="mb-6 xl:mb-9 text-3xl md:text-8xl font-heading font-medium">Accept or manage</h2>
+        <div class="flex flex-wrap -mx-2">
+          <div class="w-full sm:w-1/2 lg:w-1/2 xl:w-1/3 px-2 mb-6 xl:mb-0">
+            <p class="text-gray-300">By clicking “Accept”, you agree to the storing of cookies on your device to enhance (...)</p>
+          </div>
+          <div class="w-full sm:w-1/2 lg:w-1/2 xl:w-1/3 px-2 mb-6 xl:mb-0">
+            <p class="text-gray-300">Mauris tempus, risus id condimentum pretium, lectus nisl auctor risus, eget eleifend leo sapien</p>
+          </div>
+          <div class="w-full sm:w-1/2 lg:w-full xl:w-1/3 px-2">
+            <p class="text-gray-300">Praesent vel posuere mauris. Proin varius, turpis quis volutpat facilisis, leo magna pulvinar nunc</p>
+          </div>
+          <div class="w-full px-2 mt-6">
+            <a class="flex items-center pb-1 text-xl text-body hover:text-darkBlueGray-400 font-bold tracking-tight max-w-max border-b border-darkBlueGray-400 hover:border-darkBlueGray-400" href="#">
+              <span class="mr-5">Learn more</span>
+              <svg width="14" height="17" viewbox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.5 11.3L6.5 15.5L6.5 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M1.5 11.5L6.5 15.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="relative z-10 flex flex-wrap items-center justify-end w-full lg:w-5/12 xl:w-4/12">
+        <div class="w-full mb-3 sm:mb-0 sm:mr-6 sm:max-w-max"><a class="block py-5 px-10 w-full text-xl leading-6 text-white font-medium tracking-tighter font-heading text-center bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Accept</a></div>
+        <div class="w-full sm:max-w-max"><a class="block py-5 px-10 w-full text-xl leading-6 text-white font-medium tracking-tighter font-heading text-center bg-darkBlueGray-500 hover:bg-darkBlueGray-600 focus:ring-2 focus:ring-darkBlueGray-500 focus:ring-opacity-50 rounded-xl" href="#">Manage</a></div>
+      </div>
+      <img class="absolute right-12 top-1/2 transform -translate-y-1/2" src="uinel-assets/elements/ecommerce-cookies/bg3.svg" alt="">
+    </div>
+  </div></div>
diff --git a/components/unsorted/uinel-cookies-lZihrSwc.html b/components/unsorted/uinel-cookies-lZihrSwc.html
@@ -0,0 +1,30 @@
+<div><div class="fixed right-0 bottom-0 px-5 w-full">
+    <div class="relative p-10 xl:px-24 xl:py-14 w-full bg-yellow-500 rounded-t-3xl">
+      <div class="flex flex-wrap -mx-4">
+        <a class="absolute right-7 top-7" href="#">
+          <svg width="14" height="13" viewbox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="13.495" y1="0.494975" x2="1.49498" y2="12.495" stroke="black" stroke-width="1.4"></line><line x1="12.505" y1="12.495" x2="0.505026" y2="0.494976" stroke="black" stroke-width="1.4"></line></svg>
+        </a>
+        <div class="px-4 mb-6 lg:mb-0 w-full sm:w-3/12 lg:w-2/12 xl:w-2/12 2xl:w-1/12">
+          <img src="uinel-assets/elements/ecommerce-cookies/logo-uinel-gray2.png" alt="">
+        </div>
+        <div class="relative z-10 px-4 mb-10 lg:mb-0 w-full sm:w-9/12 lg:w-5/12 xl:w-6/12 2xl:w-7/12">
+          <h2 class="mb-2 text-3xl md:text-6xl font-heading font-medium">Accept or manage</h2>
+          <p>
+            <span>By clicking “Accept”, you agree to the storing of cookies on your device to enhance (...)</span>
+            <a class="block md:inline-block mt-4 sm:mt-0 md:ml-3 pb-1 text-xl text-body hover:text-darkBlueGray-400 font-bold tracking-tight max-w-max border-b border-darkBlueGray-400 hover:border-darkBlueGray-400" href="#">
+              <span class="inline-block mr-5">More</span>
+              <svg class="inline-block" width="14" height="17" viewbox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.5 11.3L6.5 15.5L6.5 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M1.5 11.5L6.5 15.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </a>
+          </p>
+        </div>
+        <div class="relative z-10 flex flex-wrap items-center justify-end px-4 w-full lg:w-5/12 xl:w-4/12">
+          <div class="w-full mb-3 sm:mb-0 sm:mr-6 sm:max-w-max"><a class="block py-5 px-10 w-full text-xl leading-6 text-white font-medium tracking-tighter font-heading text-center bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Accept</a></div>
+          <div class="w-full sm:max-w-max"><a class="block py-5 px-10 w-full text-xl leading-6 text-white font-medium tracking-tighter font-heading text-center bg-darkBlueGray-500 hover:bg-darkBlueGray-600 focus:ring-2 focus:ring-darkBlueGray-500 focus:ring-opacity-50 rounded-xl" href="#">Manage</a></div>
+        </div>
+        <img class="absolute right-12 top-1/2 transform -translate-y-1/2" src="uinel-assets/elements/ecommerce-cookies/bg4.svg" alt="">
+      </div>
+    </div>
+  </div> </div>
diff --git a/components/unsorted/uinel-logo-VVsKiCcD.html b/components/unsorted/uinel-logo-VVsKiCcD.html
@@ -0,0 +1,14 @@
+<div><section class="relative py-24 xl:py-44 bg-darkBlueGray-500 overflow-hidden">
+    <div class="ml-auto mb-12 lg:mb-0 md:pl-4 xl:pl-44 w-full md:w-1/2">
+      <div class="container px-4 mx-auto">
+        <div class="text-center md:text-left sm:max-w-md mx-auto">
+          <span class="inline-block py-3 px-7 mt-6 md:mt-0 mb-10 text-lg font-medium font-heading leading-5 text-purple-400 bg-purple-800 bg-opacity-10 border border-purple-400 rounded-6xl">More brands</span>
+          <h2 class="mb-10 xl:mb-16 text-9xl xl:text-10xl leading-tight text-white font-heading font-medium">Trusted by brands all over</h2>
+          <p class="leading-loose text-blueGray-300 text-opacity-70">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
+        </div>
+      </div>
+    </div>
+    <div class="md:absolute top-0 -left-1/2 lg:left-0 lg:h-full w-full lg:w-2/3 xl:w-auto lg:-ml-64">
+      <img src="uinel-assets/images/ecommerce-logo-clouds/logos.png" alt="">
+    </div>
+  </section> </div>