..

besoeasy · Dec 16, 2023 · d93af9d · d93af9d
1 parent 9db58f4
commit d93af9d
Show file tree

Hide file tree

Showing 145 changed files with 14,274 additions and 1 deletion.
diff --git a/components/unsorted/coleos-GFLicjxo.html b/components/unsorted/coleos-GFLicjxo.html
diff --git a/components/unsorted/coleos-IjMJoXfZ.html b/components/unsorted/coleos-IjMJoXfZ.html
diff --git a/components/unsorted/coleos-JwOMZPLd.html b/components/unsorted/coleos-JwOMZPLd.html
diff --git a/components/unsorted/coleos-SoRFbanU.html b/components/unsorted/coleos-SoRFbanU.html
diff --git a/components/unsorted/coleos-apTlZOhi.html b/components/unsorted/coleos-apTlZOhi.html
diff --git a/components/unsorted/coleos-banner-BEMJDngy.html b/components/unsorted/coleos-banner-BEMJDngy.html
@@ -0,0 +1,19 @@
+<div> <section class="relative overflow-hidden">
+    <div class="bg-yellow-300 relative py-24 lg:py-32 xl:py-52 px-8 xs:px-16 lg:px-24">
+      <div class="container px-4 mx-auto">
+        <img class="absolute top-1/2 right-28 transform -translate-y-1/2 h-full -mr-64 md:-mr-52 lg:-mr-0 z-50" src="coleos-assets/banners/image3.png" alt="">
+        <img class="absolute bottom-0 left-0" src="coleos-assets/banners/dark-circle-part.png" alt="">
+        <img class="absolute right-6 top-1/2 transform -translate-y-1/2 hidden lg:block" src="coleos-assets/banners/arrow-large.png" alt="">
+        <img class="absolute right-20 top-40 hidden lg:block" src="coleos-assets/banners/pink-star.png" alt="">
+        <img class="absolute right-80 bottom-0 z-50 hidden lg:block" src="coleos-assets/banners/dark-rectangle-large.png" alt="">
+        <div class="relative z-50 h-full">
+          <div class="flex flex-col items-start justify-center h-full">
+            <div class="py-1 px-3 bg-white rounded-xl uppercase text-xs text-rhino-700 font-bold tracking-widest mb-6">on Sale!</div>
+            <h1 class="text-rhino-800 font-heading text-5xl font-semibold mb-2">Summer is coming!</h1>
+            <p class="text-rhino-700 mb-6">Check our new stuff</p>
+            <a class="px-6 py-3 bg-purple-500 rounded-sm text-sm font-bold text-white hover:bg-purple-600 transition duration-200" href="#">Go to collection</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
diff --git a/components/unsorted/coleos-banner-VnHCdiOV.html b/components/unsorted/coleos-banner-VnHCdiOV.html
@@ -0,0 +1,53 @@
+<div> <section class="relative overflow-hidden p-6">
+    <div class="px-4 mx-auto">
+      <div class="flex flex-wrap -mx-4">
+        <div class="w-full p-4">
+          <div class="bg-purple-500 rounded-3xl mb-6 py-8 px-6 md:px-16 relative">
+            <img class="absolute bottom-0 left-0 rounded-bl-3xl" src="coleos-assets/banners/yellow-circle-part.png" alt="">
+            <img class="absolute top-0 left-0 rounded-tl-3xl" src="coleos-assets/banners/bg-blur1.png" alt="">
+            <div class="absolute right-24 top-10 py-1 px-3 bg-white rounded-xl uppercase text-xs text-rhino-700 font-bold tracking-widest hidden lg:block">on Sale!</div>
+            <div class="container mx-auto px-4">
+              <div class="relative z-50">
+                <h1 class="font-heading text-2xl lg:text-5xl font-semibold text-rhino-800">Summer is coming!</h1>
+                <div class="max-w-3xl mx-auto">
+                  <h2 class="font-heading text-3xl md:text-5xl lg:text-8xl text-white font-semibold">Season</h2>
+                  <div class="flex gap-4 mb-8">
+                    <div class="relative">
+                      <img class="w-28 h-28" src="coleos-assets/banners/sale-icon.png" alt="">
+                      <h2 class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-rhino-800 text-lg lg:text-2xl -rotate-12 font-medium text-center">-30% OFF</h2>
+                    </div>
+                    <h2 class="font-heading text-3xl md:text-5xl lg:text-8xl text-white font-semibold">Pre-sale</h2>
+                  </div>
+                </div>
+                <div class="flex flex-col items-center"></div>
+                <div class="flex justify-center"><a class="mx-auto block py-3 px-4 rounded-sm text-purple-500 text-sm font-medium bg-white hover:bg-purple-100 transition duration-200" href="#">Start buying</a></div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="w-full lg:w-1/3 p-4">
+          <div class="relative">
+            <img class="rounded-xl w-full h-full object-cover" src="coleos-assets/banners/image1-small.png" alt="">
+            <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
+              <h2 class="font-heading text-3xl font-semibold text-center text-white mb-7">Banner Hero</h2>
+              <div class="flex justify-center"><a class="py-3 px-4 rounded-sm bg-white text-purple-500 font-medium text-sm hover:bg-purple-500 hover:text-white transition duration-200" href="#">Shop now</a></div>
+            </div>
+          </div>
+        </div>
+        <div class="w-full lg:w-1/3 p-4">
+          <div class="relative">
+            <img class="rounded-xl w-full h-full object-cover" src="coleos-assets/banners/image2-small.png" alt="">
+            <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
+              <h2 class="font-heading text-3xl font-semibold text-center text-white mb-7">Banner Hero</h2>
+              <div class="flex justify-center"><a class="py-3 px-4 rounded-sm bg-white text-purple-500 font-medium text-sm hover:bg-purple-500 hover:text-white transition duration-200" href="#">Shop now</a></div>
+            </div>
+          </div>
+        </div>
+        <div class="w-full lg:w-1/3 p-4">
+          <div class="relative bg-yellow-300 rounded-xl h-full">
+            <img class="rounded-xl w-full h-full object-cover" src="coleos-assets/banners/image3.png" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
diff --git a/components/unsorted/coleos-banner-XwKdejJf.html b/components/unsorted/coleos-banner-XwKdejJf.html
@@ -0,0 +1,17 @@
+<div> <section class="relative overflow-hidden py-6">
+    <div class="container px-4 mx-auto">
+      <div class="flex flex-wrap">
+        <div class="w-full lg:w-1/2 relative z-50">
+          <div class="bg-rhino-800 rounded-3xl flex items-start justify-center flex-col px-6 py-12 md:px-12 h-full">
+            <div class="py-1 px-3 bg-white rounded-xl uppercase text-xs text-rhino-700 font-bold tracking-widest mb-8">on Sale!</div>
+            <h1 class="text-white text-4xl sm:text-5xl font-heading font-bold mb-2">Summer is coming!</h1>
+            <p class="mb-6 text-coolGray-400">Check our new stuff</p>
+            <a class="px-6 py-3 bg-purple-500 rounded-sm text-sm font-bold text-white hover:bg-purple-600 transition duration-200" href="#">Start Buying</a>
+          </div>
+        </div>
+        <div class="w-full lg:w-1/2">
+          <img class="rounded-bl-3xl lg:rounded-bl-none rounded-br-3xl lg:rounded-tr-3xl h-full object-cover transform -translate-y-4 lg:translate-y-0 lg:-translate-x-4" src="coleos-assets/banners/image1.png" alt="">
+        </div>
+      </div>
+    </div>
+  </section></div>
diff --git a/components/unsorted/coleos-banner-ivIvoCuw.html b/components/unsorted/coleos-banner-ivIvoCuw.html
@@ -0,0 +1,16 @@
+<div> <section class="relative overflow-hidden">
+    <div class="w-full bg-coolPink-400 relative py-24 px-8 overflow-hidden">
+      <img class="absolute bottom-0 left-0" src="coleos-assets/banners/dark-circle-part.png" alt="">
+      <img class="absolute right-6 top-1/2 transform -translate-y-1/2 hidden lg:block" src="coleos-assets/banners/arrow-icon.png" alt="">
+      <img class="absolute right-12 top-24 hidden lg:block" src="coleos-assets/banners/pink-star.png" alt="">
+      <img class="absolute bottom-0 right-64 hidden lg:block" src="coleos-assets/banners/dark-rectangle.png" alt="">
+      <div class="relative container px-4 mx-auto z-50">
+        <div class="flex flex-col items-start">
+          <div class="py-1 px-3 bg-white rounded-xl uppercase text-xs text-rhino-700 font-bold tracking-widest mb-6">on Sale!</div>
+          <h1 class="text-rhino-800 font-heading text-5xl font-semibold mb-2">Summer is coming!</h1>
+          <p class="text-rhino-700 mb-6">Check our new stuff</p>
+          <a class="px-6 py-3 bg-purple-500 rounded-sm text-sm font-bold text-white hover:bg-purple-600 transition duration-200" href="#">Go to collection</a>
+        </div>
+      </div>
+    </div>
+  </section></div>
diff --git a/components/unsorted/coleos-banner-kLLUQVOZ.html b/components/unsorted/coleos-banner-kLLUQVOZ.html
@@ -0,0 +1,44 @@
+<div> <section class="relative overflow-hidden py-12">
+    <div class="container mx-auto px-4">
+      <div class="flex flex-wrap">
+        <div class="w-full lg:w-1/2">
+          <div class="flex flex-col justify-between h-full">
+            <div class="flex flex-wrap">
+              <div class="w-full lg:w-1/2 px-4 pb-4 lg:pb-0">
+                <div class="relative">
+                  <img class="rounded-xl object-cover w-full" src="coleos-assets/banners/image7.png" alt="">
+                  <div class="absolute bottom-6 left-6">
+                    <h2 class="font-heading text-3xl font-semibold text-center text-white">A touch of luxury</h2>
+                  </div>
+                </div>
+              </div>
+              <div class="w-full lg:w-1/2 px-4">
+                <div class="relative">
+                  <img class="rounded-xl object-cover w-full" src="coleos-assets/banners/image6-small.png" alt="">
+                  <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
+                    <h2 class="font-heading text-3xl font-semibold text-center text-white">A touch of luxury</h2>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="w-full px-4 pt-4">
+              <div class="relative">
+                <img class="rounded-xl w-full object-cover" src="coleos-assets/banners/image5-large.png" alt="">
+                <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
+                  <h2 class="font-heading text-3xl font-semibold text-center text-white">Casual and relax</h2>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="w-full lg:w-1/2 px-4 pt-4 lg:pt-0">
+          <div class="relative">
+            <img class="rounded-xl w-full h-full object-cover" src="coleos-assets/banners/image4-large.png" alt="">
+            <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
+              <h2 class="font-heading text-3xl font-semibold text-center text-white">Pink Attack!</h2>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
diff --git a/components/unsorted/coleos-banner-oxNLXPwy.html b/components/unsorted/coleos-banner-oxNLXPwy.html
@@ -0,0 +1,53 @@
+<div> <section class="relative overflow-hidden p-6">
+    <div class="px-4 mx-auto">
+      <div class="flex flex-wrap -mx-4">
+        <div class="w-full p-4">
+          <div class="bg-purple-500 rounded-3xl mb-6 py-8 px-6 md:px-16 relative">
+            <img class="absolute bottom-0 left-0 rounded-bl-3xl" src="coleos-assets/banners/yellow-circle-part.png" alt="">
+            <img class="absolute top-0 left-0 rounded-tl-3xl" src="coleos-assets/banners/bg-blur1.png" alt="">
+            <div class="absolute right-24 top-10 py-1 px-3 bg-white rounded-xl uppercase text-xs text-rhino-700 font-bold tracking-widest hidden lg:block">on Sale!</div>
+            <div class="container mx-auto px-4">
+              <div class="relative z-50">
+                <h1 class="font-heading text-2xl lg:text-5xl font-semibold text-rhino-800">Summer is coming!</h1>
+                <div class="max-w-3xl mx-auto">
+                  <h2 class="font-heading text-3xl md:text-5xl lg:text-8xl text-white font-semibold">Season</h2>
+                  <div class="flex gap-4 mb-8">
+                    <div class="relative">
+                      <img class="w-28 h-28" src="coleos-assets/banners/sale-icon.png" alt="">
+                      <h2 class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-rhino-800 text-lg lg:text-2xl -rotate-12 font-medium text-center">-30% OFF</h2>
+                    </div>
+                    <h2 class="font-heading text-3xl md:text-5xl lg:text-8xl text-white font-semibold">Pre-sale</h2>
+                  </div>
+                </div>
+                <div class="flex flex-col items-center"></div>
+                <div class="flex justify-center"><a class="mx-auto block py-3 px-4 rounded-sm text-purple-500 text-sm font-medium bg-white hover:bg-purple-100 transition duration-200" href="#">Start buying</a></div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="w-full lg:w-1/3 p-4">
+          <div class="relative">
+            <img class="rounded-xl w-full h-full object-cover" src="coleos-assets/banners/image1-small.png" alt="">
+            <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
+              <h2 class="font-heading text-3xl font-semibold text-center text-white mb-7">Banner Hero</h2>
+              <div class="flex justify-center"><a class="py-3 px-4 rounded-sm bg-white text-purple-500 font-medium text-sm hover:bg-purple-500 hover:text-white transition duration-200" href="#">Shop now</a></div>
+            </div>
+          </div>
+        </div>
+        <div class="w-full lg:w-1/3 p-4">
+          <div class="relative">
+            <img class="rounded-xl w-full h-full object-cover" src="coleos-assets/banners/image2-small.png" alt="">
+            <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
+              <h2 class="font-heading text-3xl font-semibold text-center text-white mb-7">Banner Hero</h2>
+              <div class="flex justify-center"><a class="py-3 px-4 rounded-sm bg-white text-purple-500 font-medium text-sm hover:bg-purple-500 hover:text-white transition duration-200" href="#">Shop now</a></div>
+            </div>
+          </div>
+        </div>
+        <div class="w-full lg:w-1/3 p-4">
+          <div class="relative bg-yellow-300 rounded-xl h-full">
+            <img class="rounded-xl w-full h-full object-cover" src="coleos-assets/banners/image3.png" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
diff --git a/components/unsorted/coleos-banner-pZZcosYH.html b/components/unsorted/coleos-banner-pZZcosYH.html
@@ -0,0 +1,18 @@
+<div><section class="relative overflow-hidden py-6">
+    <div class="container px-4 mx-auto">
+      <div class="w-full bg-coolPink-400 rounded-xl relative py-12 px-8 overflow-hidden">
+        <img class="absolute top-0 -left-64 h-full object-cover hidden lg:block" src="coleos-assets/banners/image1.png" alt="">
+        <img class="absolute bottom-0 left-0" src="coleos-assets/banners/yellow-circle-part.png" alt="">
+        <img class="absolute right-6 top-1/2 transform -translate-y-1/2 hidden lg:block" src="coleos-assets/banners/arrow-icon.png" alt="">
+        <img class="absolute right-12 top-12 hidden lg:block" src="coleos-assets/banners/pink-star.png" alt="">
+        <div class="relative z-50">
+          <div class="flex flex-col justify-center items-center max-w-lg mx-auto">
+            <div class="py-1 px-3 bg-white rounded-xl uppercase text-xs text-rhino-700 font-bold tracking-widest mb-6 mx-auto">on Sale!</div>
+            <h1 class="text-rhino-800 font-heading text-4xl sm:text-5xl font-semibold mb-2 text-center">Summer is coming!</h1>
+            <p class="text-rhino-700 mb-6 text-center">Check our new stuff</p>
+            <a class="mx-auto px-6 py-3 bg-purple-500 rounded-sm text-sm font-bold text-white hover:bg-purple-600 transition duration-200" href="#">Start Buying</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
diff --git a/components/unsorted/coleos-banner-sywnHXIL.html b/components/unsorted/coleos-banner-sywnHXIL.html
@@ -0,0 +1,18 @@
+<div> <section class="relative overflow-hidden">
+    <div class="w-full bg-coolBlue-200 rounded-xl relative overflow-hidden">
+      <img class="absolute top-0 right-0 w-full h-full object-cover hidden xs:block" src="coleos-assets/banners/image2.png" alt="">
+      <img class="absolute bottom-0 left-0" src="coleos-assets/banners/dark-circle-part.png" alt="">
+      <img class="absolute right-6 top-1/2 transform -translate-y-1/2 hidden lg:block" src="coleos-assets/banners/arrow-icon.png" alt="">
+      <img class="absolute right-12 top-48 hidden lg:block" src="coleos-assets/banners/pink-star.png" alt="">
+      <div class="container px-4 mx-auto">
+        <div class="relative py-24 md:py-32 lg:py-48 xs:px-8 z-50">
+          <div class="flex flex-col items-start">
+            <div class="py-1 px-3 bg-white rounded-xl uppercase text-xs text-rhino-700 font-bold tracking-widest mb-6">on Sale!</div>
+            <h1 class="text-rhino-800 font-heading text-5xl font-semibold mb-2">Summer is coming!</h1>
+            <p class="text-rhino-700 mb-6">Check our new stuff</p>
+            <a class="px-6 py-3 bg-purple-500 rounded-sm text-sm font-bold text-white hover:bg-purple-600 transition duration-200" href="#">Start Buying</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
diff --git a/components/unsorted/coleos-banner-zoWgViZa.html b/components/unsorted/coleos-banner-zoWgViZa.html
@@ -0,0 +1,18 @@
+<div> <section class="relative overflow-hidden">
+    <div class="bg-coolPink-400 rounded-xl relative overflow-hidden">
+      <img class="hidden xs:block absolute top-0 right-0 object-cover h-full -mr-32 lg:mr-0" src="coleos-assets/banners/image1.png" alt="">
+      <img class="absolute bottom-0 left-0" src="coleos-assets/banners/dark-circle-part.png" alt="">
+      <img class="absolute right-6 top-1/2 transform -translate-y-1/2 hidden lg:block" src="coleos-assets/banners/arrow-icon.png" alt="">
+      <img class="absolute right-12 top-0 mt-52 hidden lg:block" src="coleos-assets/banners/pink-star.png" alt="">
+      <div class="container px-4 mx-auto">
+        <div class="relative py-24 md:py-32 lg:py-48 xs:px-8 z-50">
+          <div class="flex flex-col items-start">
+            <div class="py-1 px-3 bg-white rounded-xl uppercase text-xs text-rhino-700 font-bold tracking-widest mb-6">on Sale!</div>
+            <h1 class="text-rhino-800 font-heading text-5xl font-semibold mb-2">Summer is coming!</h1>
+            <p class="text-rhino-700 mb-6">Check our new stuff</p>
+            <a class="px-6 py-3 bg-purple-500 rounded-sm text-sm font-bold text-white hover:bg-purple-600 transition duration-200" href="#">Start Buying</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>