From 0a409047887cd5d33643c198afed3383b04f6638 Mon Sep 17 00:00:00 2001
From: lordlokion <akhilsharma870@gmail.com>
Date: Sat, 16 Dec 2023 20:28:34 +0530
Subject: [PATCH] ..

---
 .../unsorted/uinel-contacts-FiSlalFA.html     | 28 +++++++++
 .../unsorted/uinel-contacts-bxmuRoei.html     | 42 ++++++++++++++
 .../unsorted/uinel-contacts-dMFCYFfe.html     | 28 +++++++++
 .../unsorted/uinel-contacts-fDFNIhSi.html     | 49 ++++++++++++++++
 .../unsorted/uinel-contacts-xiOfQogr.html     | 15 +++++
 components/unsorted/uinel-faq-BkSuSxfe.html   | 58 +++++++++++++++++++
 components/unsorted/uinel-faq-DXRJHzrZ.html   | 56 ++++++++++++++++++
 components/unsorted/uinel-faq-YuwLxkgp.html   | 58 +++++++++++++++++++
 components/unsorted/uinel-faq-cKyKDmsL.html   | 39 +++++++++++++
 components/unsorted/uinel-faq-pDZnPWDq.html   | 39 +++++++++++++
 components/unsorted/uinel-faq-rvmAcJHN.html   | 46 +++++++++++++++
 components/unsorted/uinel-logo-WBiqsSTD.html  | 55 ++++++++++++++++++
 components/unsorted/uinel-logo-hGRdDaph.html  | 56 ++++++++++++++++++
 components/unsorted/uinel-logo-qXBDUEnc.html  | 56 ++++++++++++++++++
 .../unsorted/uinel-newsletter-AZeDVojt.html   | 13 +++++
 .../unsorted/uinel-newsletter-DzpNtpFv.html   | 32 ++++++++++
 .../unsorted/uinel-newsletter-GByaRTsa.html   | 40 +++++++++++++
 .../unsorted/uinel-newsletter-jvokHjKu.html   | 21 +++++++
 .../unsorted/uinel-newsletter-nbFhHPUs.html   | 12 ++++
 make.js                                       |  2 +-
 20 files changed, 744 insertions(+), 1 deletion(-)
 create mode 100644 components/unsorted/uinel-contacts-FiSlalFA.html
 create mode 100644 components/unsorted/uinel-contacts-bxmuRoei.html
 create mode 100644 components/unsorted/uinel-contacts-dMFCYFfe.html
 create mode 100644 components/unsorted/uinel-contacts-fDFNIhSi.html
 create mode 100644 components/unsorted/uinel-contacts-xiOfQogr.html
 create mode 100644 components/unsorted/uinel-faq-BkSuSxfe.html
 create mode 100644 components/unsorted/uinel-faq-DXRJHzrZ.html
 create mode 100644 components/unsorted/uinel-faq-YuwLxkgp.html
 create mode 100644 components/unsorted/uinel-faq-cKyKDmsL.html
 create mode 100644 components/unsorted/uinel-faq-pDZnPWDq.html
 create mode 100644 components/unsorted/uinel-faq-rvmAcJHN.html
 create mode 100644 components/unsorted/uinel-logo-WBiqsSTD.html
 create mode 100644 components/unsorted/uinel-logo-hGRdDaph.html
 create mode 100644 components/unsorted/uinel-logo-qXBDUEnc.html
 create mode 100644 components/unsorted/uinel-newsletter-AZeDVojt.html
 create mode 100644 components/unsorted/uinel-newsletter-DzpNtpFv.html
 create mode 100644 components/unsorted/uinel-newsletter-GByaRTsa.html
 create mode 100644 components/unsorted/uinel-newsletter-jvokHjKu.html
 create mode 100644 components/unsorted/uinel-newsletter-nbFhHPUs.html

diff --git a/components/unsorted/uinel-contacts-FiSlalFA.html b/components/unsorted/uinel-contacts-FiSlalFA.html
new file mode 100644
index 0000000..9e2af55
--- /dev/null
+++ b/components/unsorted/uinel-contacts-FiSlalFA.html
@@ -0,0 +1,28 @@
+<div> <section class="py-24 2xl:py-40 bg-darkBlueGray-500 rounded-b-10xl">
+    <div class="container px-4 mx-auto">
+      <div class="flex flex-wrap items-center -mx-4">
+        <div class="relative w-full lg:w-1/2 px-4 lg:pr-10 xl:pr-20 mb-20 lg:mb-0">
+          <img src="uinel-assets/images/contacts/widget3.png" alt="">
+        </div>
+        <div class="w-full lg:w-1/2 px-4">
+          <h2 class="text-9xl md:text-10xl xl:text-11xl text-white font-medium font-heading mb-6">Contact</h2>
+          <p class="text-lg text-gray-300 mb-14">Lorem ipsum commodo, tristique lectus.</p>
+          <div class="flex flex-wrap mb-14 xl:mb-20">
+            <div class="w-full xl:w-1/2 flex items-center mb-6">
+              <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon1.svg" alt="">
+              <a class="text-3xl text-white font-medium" href="#">+ 44 1447881709</a>
+            </div>
+            <div class="w-full xl:w-1/2 flex items-center mb-6">
+              <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon2.svg" alt="">
+              <a class="text-3xl text-white font-medium" href="#">uinelchat</a>
+            </div>
+            <div class="w-full xl:w-1/2 flex items-center">
+              <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon3.svg" alt="">
+              <a class="text-3xl text-white font-medium" href="#">help@uinel</a>
+            </div>
+          </div>
+          <div class="flex flex-wrap"><a class="inline-block py-5 px-10 mr-6 text-xl leading-6 text-white font-medium tracking-tighter font-heading bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Call</a><a class="inline-block py-5 px-10 text-xl leading-6 font-medium tracking-tighter font-heading bg-white hover:bg-gray-50 focus:ring-2 focus:ring-gray-50 focus:ring-opacity-50 rounded-xl" href="#">More</a></div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-contacts-bxmuRoei.html b/components/unsorted/uinel-contacts-bxmuRoei.html
new file mode 100644
index 0000000..18bc0c0
--- /dev/null
+++ b/components/unsorted/uinel-contacts-bxmuRoei.html
@@ -0,0 +1,42 @@
+<div> <section>
+    <div class="pb-12 pt-24 2xl:pt-40 bg-blueGray-100 rounded-b-10xl">
+      <div class="container px-4 mx-auto">
+        <div class="text-center">
+          <h2 class="text-9xl md:text-10xl xl:text-11xl font-medium font-heading mb-12 leading-tight">Have a question?</h2>
+          <p class="mb-20 text-lg text-darkBlueGray-400">Sed porttitor turpis sit amet malesuada porta lobortis.</p>
+          <div class="flex items-center flex-wrap">
+            <div class="w-full lg:w-1/3 mb-8 lg:mb-0 pb-4 lg:pb-0 md:px-8 xl:px-16 border-b lg:border-b-0 lg:border-r border-gray-200 border-opacity-50">
+              <div class="flex items-center">
+                <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon1.svg" alt="">
+                <a class="text-xl lg:text-3xl font-medium" href="#">+ 44 1447881709</a>
+              </div>
+            </div>
+            <div class="w-full lg:w-1/3 mb-8 lg:mb-0 pb-4 lg:pb-0 md:px-8 xl:px-16 border-b lg:border-b-0 lg:border-r border-gray-200 border-opacity-50">
+              <div class="flex items-center">
+                <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon3.svg" alt="">
+                <a class="text-xl lg:text-3xl font-medium" href="#">help@uinel</a>
+              </div>
+            </div>
+            <div class="w-full lg:w-1/3 pb-8 lg:pb-0 md:px-8 xl:px-16">
+              <div class="flex items-center">
+                <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon2.svg" alt="">
+                <a class="text-xl lg:text-3xl font-medium" href="#">uinelchat</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="container mx-auto px-6 pt-20 pb-24">
+      <div class="flex flex-wrap items-center justify-center">
+        <a class="inline-block py-5 px-10 mb-6 md:mb-0 md:mr-12 w-full md:w-auto text-xl leading-6 text-white font-medium tracking-tighter text-center font-heading bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" type="button">Book now</a>
+        <a class="inline-flex items-center pb-2 font-bold tracking-tight text-xl leading-6 text-green-600 hover:text-green-700 border-b border-green-600 hover:border-green-700" href="#">
+          <span class="mr-3">More information</span>
+          <svg width="16" height="13" viewbox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M10.8 1L15 7H1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+            <path d="M11 12L15 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+          </svg>
+        </a>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-contacts-dMFCYFfe.html b/components/unsorted/uinel-contacts-dMFCYFfe.html
new file mode 100644
index 0000000..69ff675
--- /dev/null
+++ b/components/unsorted/uinel-contacts-dMFCYFfe.html
@@ -0,0 +1,28 @@
+<div><section class="py-24 2xl:pt-32 2xl:pb-36 bg-blueGray-100 rounded-b-10xl overflow-hidden">
+    <div class="container px-4 mx-auto">
+      <div class="flex flex-wrap items-center -mx-4">
+        <div class="w-full lg:w-1/2 px-4 mb-20 lg:mb-0">
+          <img src="uinel-assets/images/contacts/widget2.png" alt="">
+        </div>
+        <div class="w-full lg:w-1/2 px-4">
+          <h2 class="mb-6 text-9xl md:text-10xl xl:text-11xl font-medium font-heading">Contact</h2>
+          <p class="mb-14 text-lg text-darkBlueGray-400">Lorem ipsum commodo, tristique lectus.</p>
+          <div class="flex flex-wrap mb-14 xl:mb-20">
+            <div class="flex items-center mb-6 w-full xl:w-1/2">
+              <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon1.svg" alt="">
+              <a class="text-3xl font-medium" href="#">+ 44 1447881709</a>
+            </div>
+            <div class="flex items-center mb-6 w-full xl:w-1/2">
+              <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon2.svg" alt="">
+              <a class="text-3xl font-medium" href="#">uinelchat</a>
+            </div>
+            <div class="flex items-center w-full xl:w-1/2">
+              <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon3.svg" alt="">
+              <a class="text-3xl font-medium" href="#">help@uinel</a>
+            </div>
+          </div>
+          <div class="flex flex-wrap"><a class="inline-block py-5 px-10 mr-6 text-xl leading-6 text-white font-medium tracking-tighter font-heading bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Call</a><a class="inline-block py-5 px-10 text-xl leading-6 font-medium tracking-tighter font-heading bg-white hover:bg-gray-50 focus:ring-2 focus:ring-gray-50 focus:ring-opacity-50 rounded-xl" href="#">More</a></div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-contacts-fDFNIhSi.html b/components/unsorted/uinel-contacts-fDFNIhSi.html
new file mode 100644
index 0000000..8b2aa77
--- /dev/null
+++ b/components/unsorted/uinel-contacts-fDFNIhSi.html
@@ -0,0 +1,49 @@
+<div> <section class="py-24 2xl:pt-28 2xl:pb-36 bg-blueGray-100 rounded-b-10xl">
+    <div class="container px-4 mx-auto">
+      <div class="flex flex-wrap -mx-4">
+        <div class="w-full lg:w-1/2 px-4 mb-10 lg:mb-0">
+          <div class="max-w-lg lg:mt-20 mx-auto">
+            <h2 class="text-9xl md:text-10xl xl:text-11xl font-medium font-heading mb-16 lg:mb-24 leading-tight">Contact us</h2>
+            <div class="max-w-sm py-4 border-b border-gray-200 border-opacity-50">
+              <div class="flex items-center">
+                <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon1.svg" alt="">
+                <a class="text-xl font-semibold" href="#">+ 44 1447881709</a>
+              </div>
+            </div>
+            <div class="max-w-sm py-4 border-b border-gray-200 border-opacity-50">
+              <div class="flex items-center">
+                <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon2.svg" alt="">
+                <a class="text-xl font-semibold" href="#">uinelchat</a>
+              </div>
+            </div>
+            <div class="py-4">
+              <div class="flex items-center">
+                <img class="mr-6 h-14" src="uinel-assets/images/contacts/icon3.svg" alt="">
+                <a class="text-xl font-semibold" href="#">help@uinel.dev</a>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="w-full lg:w-1/2 px-4">
+          <div class="max-w-xl mx-auto py-14 md:pt-16 md:pb-20 px-8 md:px-20 bg-white rounded-xl">
+            <h3 class="font-heading font-medium text-7xl lg:text-8xl mb-12">Message</h3>
+            <input class="mb-5 w-full px-12 py-5 text-xl border-2 border-blue-400 rounded-xl placeholder-darkBlueGray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50" type="email" placeholder="Your Email">
+            <textarea class="mb-10 w-full px-12 py-5 h-32 text-xl border-2 border-blue-400 rounded-xl placeholder-darkBlueGray-400 resize-none focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50" placeholder="Message" name="" id="" cols="30" rows="10"></textarea>
+            <div class="flex mb-6">
+              <div class="relative">
+                <input type="checkbox">
+                <span class="absolute top-0 left-0 bg-white">
+                  <svg width="28" height="28" viewbox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <rect x="0.5" y="0.5" width="27" height="27" rx="13.5" stroke="#348BF6"></rect>
+                    <path d="M11.135 20.6747L5 14.0559L5.81024 13.1818L11.135 18.9265L22.1898 7L23 7.87414L11.135 20.6747Z" fill="#326BFF"></path>
+                  </svg>
+                </span>
+              </div>
+              <p class="ml-10 text-base text-gray-400">By singning up, you agree to our Terms, Data Policy and Cookies.</p>
+            </div>
+            <div class="text-right"><a class="inline-block py-5 px-10 w-full md:w-auto 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="#">Send</a></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-contacts-xiOfQogr.html b/components/unsorted/uinel-contacts-xiOfQogr.html
new file mode 100644
index 0000000..23e0774
--- /dev/null
+++ b/components/unsorted/uinel-contacts-xiOfQogr.html
@@ -0,0 +1,15 @@
+<div><section class="py-24 2xl:py-44 bg-blueGray-100 rounded-b-10xl">
+    <div class="container px-4 mx-auto">
+      <div class="flex flex-wrap items-center -mx-4">
+        <div class="w-full md:w-1/2 lg:w-2/5 px-4 mb-20 md:mb-0">
+          <span class="mb-9 block font-medium uppercase tracking-widest text-xs leading-4 text-gray-300">Contact us</span>
+          <h2 class="mt-8 mb-12 text-9xl md:text-10xl xl:text-11xl font-medium font-heading leading-tight">Have any question?</h2>
+          <p class="mb-14 xl:mb-16 text-lg text-darkBlueGray-400">Lorem ipsum commodo, tristique lectus.</p>
+          <div class="flex flex-wrap"><a class="inline-block py-5 px-10 mr-6 text-xl leading-6 text-white font-medium tracking-tighter font-heading bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Call</a><a class="inline-block py-5 px-10 text-xl leading-6 font-medium tracking-tighter font-heading bg-white hover:bg-gray-50 focus:ring-2 focus:ring-gray-50 focus:ring-opacity-50 rounded-xl" href="#">More</a></div>
+        </div>
+        <div class="w-full md:w-1/2 lg:w-3/5 px-4">
+          <img src="uinel-assets/images/contacts/widget.png" alt="">
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-faq-BkSuSxfe.html b/components/unsorted/uinel-faq-BkSuSxfe.html
new file mode 100644
index 0000000..876f803
--- /dev/null
+++ b/components/unsorted/uinel-faq-BkSuSxfe.html
@@ -0,0 +1,58 @@
+<div><section class="py-24 2xl:pt-64 2xl:pb-48 font-medium bg-yellow-500 overflow-hidden">
+    <div class="relative container px-4 mx-auto">
+      <span class="block mb-9 uppercase tracking-widest text-xs leading-4">The Most popular</span>
+      <h2 class="mb-20 xl:mb-44 font-heading text-9xl md:text-10xl xl:text-11xl leading-tight">FAQ’s</h2>
+      <div class="flex mb-20 xl:mb-40">
+        <div class="flex-shrink-0 px-4 lg:px-1 w-full lg:w-1/3">
+          <div class="relative py-9 px-16 h-full bg-white rounded-3xl">
+            <h3 class="font-heading text-3xl xl:text-6xl leading-tighter">How should i develop my workflow over time?</h3>
+            <a class="absolute -bottom-6 right-10 block w-12 h-12 bg-blue-500 rounded-full" href="#">
+              <img class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" src="uinel-assets/elements/faqs/arrow-down-white.svg" alt="">
+            </a>
+          </div>
+        </div>
+        <div class="flex-shrink-0 px-4 lg:px-1 w-full lg:w-1/3">
+          <div class="relative py-9 px-16 h-full bg-white rounded-3xl">
+            <h3 class="font-heading text-3xl xl:text-6xl leading-tighter">Can i pay by credit card?</h3>
+            <a class="absolute -bottom-6 right-10 block w-12 h-12 bg-blue-500 rounded-full" href="#">
+              <img class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" src="uinel-assets/elements/faqs/arrow-down-white.svg" alt="">
+            </a>
+          </div>
+        </div>
+        <div class="flex-shrink-0 px-4 lg:px-1 w-full lg:w-1/3">
+          <div class="relative py-9 px-16 h-full bg-white rounded-3xl">
+            <h3 class="font-heading text-3xl xl:text-6xl leading-tighter">How often should the app be updated?</h3>
+            <a class="absolute -bottom-6 right-10 block w-12 h-12 bg-blue-500 rounded-full" href="#">
+              <img class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" src="uinel-assets/elements/faqs/arrow-down-white.svg" alt="">
+            </a>
+          </div>
+        </div>
+        <div class="flex-shrink-0 px-4 lg:px-1 w-full lg:w-1/3">
+          <div class="relative py-9 px-16 h-full bg-white rounded-3xl">
+            <h3 class="font-heading text-3xl xl:text-6xl leading-tighter">What is a product key?</h3>
+            <a class="absolute -bottom-6 right-10 block w-12 h-12 bg-blue-500 rounded-full" href="#">
+              <img class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" src="uinel-assets/elements/faqs/arrow-down-white.svg" alt="">
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="relative flex flex-wrap justify-center">
+        <div class="flex items-center mx-auto w-full md:w-1/2 xl:w-full max-w-max">
+          <a class="mr-4 lg:mr-8 xl:mr-24" href="#">
+            <img src="uinel-assets/elements/faqs/arrow-left-black.svg" alt="">
+          </a>
+          <div class="flex mx-auto w-56 lg:w-96 h-px bg-gray-100" style="height: 2px;"><a class="w-1/3 bg-indigo-500" href="#"></a><a class="w-2/3 bg-white" href="#"></a></div>
+          <a class="ml-4 lg:ml-8 xl:ml-24" href="#">
+            <img src="uinel-assets/elements/faqs/arrow-right-black.svg" alt="">
+          </a>
+        </div>
+        <a class="xl:absolute xl:top-0 xl:right-0 xl:transform xl:-translate-y-1/2 inline-block mt-10 sm:mt-0 hover:text-darkBlueGray-400" href="#">
+          <div class="relative py-5 px-16">
+            <span class="relative z-10 font-heading text-xl">Scroll for more</span>
+            <img class="absolute top-0 left-0" src="uinel-assets/elements/faqs/elipse1-blue.svg" alt="">
+            <img class="absolute top-0 left-0" src="uinel-assets/elements/faqs/elipse2-blue.svg" alt="">
+          </div>
+        </a>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-faq-DXRJHzrZ.html b/components/unsorted/uinel-faq-DXRJHzrZ.html
new file mode 100644
index 0000000..534101f
--- /dev/null
+++ b/components/unsorted/uinel-faq-DXRJHzrZ.html
@@ -0,0 +1,56 @@
+<div> <section class="font-medium bg-yellow-500 py-24 2xl:pt-64 2xl:pb-48">
+    <div class="container px-4 mx-auto">
+      <span class="block mb-9 uppercase tracking-widest text-xs leading-4">The Most popular</span>
+      <h2 class="mb-20 xl:mb-24 font-heading text-9xl md:text-10xl xl:text-11xl leading-tight">FAQ’s</h2>
+      <div class="relative flex justify-between md:hidden mb-16">
+        <div class="relative w-12 h-12 bg-white z-10 rounded-full">
+          <span class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 font-bold text-2xl">1</span>
+        </div>
+        <div class="relative w-12 h-12 bg-white z-10 rounded-full">
+          <span class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 font-bold text-2xl">2</span>
+        </div>
+        <div class="relative w-12 h-12 bg-white z-10 rounded-full">
+          <span class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 font-bold text-2xl">3</span>
+        </div>
+        <div class="absolute top-1/2 bg-black w-full" style="height:2px;"></div>
+      </div>
+      <div class="flex mx-auto max-w-max">
+        <div class="relative md:top-12 md:flex md:flex-col mr-12 hidden">
+          <div class="relative mb-44 lg:mb-32 w-12 h-12 bg-white z-10 rounded-full">
+            <span class="absolute font-bold text-2xl left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2">1</span>
+          </div>
+          <div class="relative w-12 h-12 mb-20 lg:mb-11 bg-white z-10 rounded-full">
+            <span class="absolute font-bold text-2xl left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2">2</span>
+          </div>
+          <div class="relative w-12 h-12 bg-white z-10 rounded-full">
+            <span class="absolute font-bold text-2xl left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2">3</span>
+          </div>
+          <div class="absolute top-4 left-1/2 transform -transform-x-1/2 h-96 lg:h-72 bg-black" style="width:2px;"></div>
+        </div>
+        <div class="max-w-max">
+          <a class="flex justify-between items-start px-8 md:px-14 py-9 mb-12 bg-white max-w-max rounded-3xl" href="#">
+            <div>
+              <h2 class="mb-5 font-heading text-3xl md:text-5xl xl:text-8xl leading-tighter">How should i develop my workflow over time?</h2>
+              <p class="text-lg font-normal leading-6">The nulla commodo, commodo eros a, tristique lectus.</p>
+            </div>
+            <img class="relative top-7 ml-10" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt="">
+          </a>
+          <a class="flex justify-between items-start px-8 md:px-14 mb-9 md:mb-16 xl:mb-9 max-w-max" href="#">
+            <div>
+              <h2 class="font-heading text-3xl md:text-5xl xl:text-8xl leading-tighter">How often should the app be updated?</h2>
+              <p class="hidden text-lg font-normal leading-6">The nulla commodo, commodo eros a, tristique lectus.</p>
+            </div>
+            <img class="relative top-7 ml-10" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt="">
+          </a>
+          <a class="flex justify-between items-start mb-28 px-8 md:px-14 max-w-max" href="#">
+            <div>
+              <h2 class="font-heading text-3xl md:text-5xl xl:text-8xl leading-tighter">Can i pay by credit card?</h2>
+              <p class="hidden text-lg font-normal leading-6">The nulla commodo, commodo eros a, tristique lectus.</p>
+            </div>
+            <img class="relative top-7 ml-10" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt="">
+          </a>
+          <div class="flex justify-center"><a class="inline-block py-5 px-10 text-xl leading-6 text-white font-medium tracking-tighter font-heading bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Show more</a></div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-faq-YuwLxkgp.html b/components/unsorted/uinel-faq-YuwLxkgp.html
new file mode 100644
index 0000000..00d4af2
--- /dev/null
+++ b/components/unsorted/uinel-faq-YuwLxkgp.html
@@ -0,0 +1,58 @@
+<div> <section class="py-24 2xl:pt-64 2xl:pb-48 font-medium bg-blueGray-100 overflow-hidden">
+    <div class="container relative px-4 mx-auto">
+      <span class="block mb-9 uppercase tracking-widest text-xs leading-4">The Most popular</span>
+      <h2 class="mb-20 xl:mb-44 font-heading text-9xl md:text-10xl xl:text-11xl leading-tight">FAQ’s</h2>
+      <div class="flex mb-20 xl:mb-40">
+        <div class="flex-shrink-0 px-4 lg:px-1 w-full lg:w-1/3">
+          <div class="relative py-9 px-16 h-full bg-white rounded-3xl">
+            <h3 class="font-heading text-3xl xl:text-6xl leading-tighter">How should i develop my workflow over time?</h3>
+            <a class="absolute -bottom-6 right-10 block w-12 h-12 bg-blue-500 rounded-full" href="#">
+              <img class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" src="uinel-assets/elements/faqs/arrow-down-white.svg" alt="">
+            </a>
+          </div>
+        </div>
+        <div class="flex-shrink-0 px-4 lg:px-1 w-full lg:w-1/3">
+          <div class="relative py-9 px-16 h-full bg-white rounded-3xl">
+            <h3 class="font-heading text-3xl xl:text-6xl leading-tighter">Can i pay by credit card?</h3>
+            <a class="absolute -bottom-6 right-10 block w-12 h-12 bg-blue-500 rounded-full" href="#">
+              <img class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" src="uinel-assets/elements/faqs/arrow-down-white.svg" alt="">
+            </a>
+          </div>
+        </div>
+        <div class="flex-shrink-0 px-4 lg:px-1 w-full lg:w-1/3">
+          <div class="relative py-9 px-16 h-full bg-white rounded-3xl">
+            <h3 class="font-heading text-3xl xl:text-6xl leading-tighter">How often should the app be updated?</h3>
+            <a class="absolute -bottom-6 right-10 block w-12 h-12 bg-blue-500 rounded-full" href="#">
+              <img class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" src="uinel-assets/elements/faqs/arrow-down-white.svg" alt="">
+            </a>
+          </div>
+        </div>
+        <div class="flex-shrink-0 px-4 lg:px-1 w-full lg:w-1/3">
+          <div class="relative py-9 px-16 h-full bg-white rounded-3xl">
+            <h3 class="font-heading text-3xl xl:text-6xl leading-tighter">What is a product key?</h3>
+            <a class="absolute -bottom-6 right-10 block w-12 h-12 bg-blue-500 rounded-full" href="#">
+              <img class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" src="uinel-assets/elements/faqs/arrow-down-white.svg" alt="">
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="relative flex flex-wrap justify-center">
+        <div class="flex items-center mx-auto w-full md:w-1/2 xl:w-full max-w-max">
+          <a class="mr-4 lg:mr-8 xl:mr-24" href="#">
+            <img src="uinel-assets/elements/faqs/arrow-left-black.svg" alt="">
+          </a>
+          <div class="flex mx-auto w-56 lg:w-96 h-px bg-gray-100" style="height: 2px;"><a class="w-1/3 bg-indigo-500" href="#"></a><a class="w-2/3 bg-white" href="#"></a></div>
+          <a class="ml-4 lg:ml-8 xl:ml-24" href="#">
+            <img src="uinel-assets/elements/faqs/arrow-right-black.svg" alt="">
+          </a>
+        </div>
+        <a class="xl:absolute xl:top-0 xl:right-0 xl:transform xl:-translate-y-1/2 inline-block mt-10 sm:mt-0 hover:text-darkBlueGray-400" href="#">
+          <div class="relative py-5 px-16">
+            <span class="relative z-10 font-heading text-xl">Scroll for more</span>
+            <img class="absolute top-0 left-0" src="uinel-assets/elements/faqs/elipse1-blue.svg" alt="">
+            <img class="absolute top-0 left-0" src="uinel-assets/elements/faqs/elipse2-blue.svg" alt="">
+          </div>
+        </a>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-faq-cKyKDmsL.html b/components/unsorted/uinel-faq-cKyKDmsL.html
new file mode 100644
index 0000000..b86a7bd
--- /dev/null
+++ b/components/unsorted/uinel-faq-cKyKDmsL.html
@@ -0,0 +1,39 @@
+<div> <section class="font-medium bg-white py-24 2xl:pt-44 2xl:pb-52 overflow-hidden">
+    <div class="container px-4 mx-auto">
+      <span class="uppercase tracking-widest text-xs text-gray-300 leading-4 mb-9 block text-center">The most popular</span>
+      <h2 class="font-heading text-9xl md:text-10xl xl:text-11xl leading-tight mb-20 xl:mb-36 text-center">FAQ's</h2>
+      <div class="grid lg:grid-cols-2 gap-20 lg:items-center">
+        <div class="grid gap-4">
+          <a class="flex items-start justify-between border border-black border-opacity-10 rounded-3xl py-9 px-6 md:px-16" href="#">
+            <h3 class="font-heading text-4xl leading-tighter leading-10 mr-16">How should i develop my workflow over time?</h3>
+            <img class="mt-4" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt="">
+          </a>
+          <div>
+            <div class="mx-auto w-3/4 md:w-80 md:ml-16 bg-purple-500" style="height:3px;"></div>
+            <a class="flex justify-between items-start border border-black border-opacity-10 rounded-3xl py-9 px-6 md:px-16" href="#">
+              <div>
+                <h3 class="font-heading text-4xl leading-tighter leading-10 mr-16">Can i pay by credit card?</h3>
+                <p class="text-lg leading-6 font-normal mt-4">The nulla commodo, commodo eros a, tristique lectus.</p>
+              </div>
+              <img class="mt-4" src="uinel-assets/elements/faqs/arrow-up-black.svg" alt="">
+            </a>
+          </div>
+          <a class="flex items-start justify-between border border-black border-opacity-10 rounded-3xl py-9 px-6 md:px-16" href="#">
+            <div>
+              <h3 class="font-heading text-4xl leading-tighter leading-10 mr-16">Helpdesk</h3>
+              <p class="hidden text-lg leading-6 font-normal mt-4">The nulla commodo, commodo eros a, tristique lectus.</p>
+            </div>
+            <img class="mt-4" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt="">
+          </a>
+          <a class="flex items-start justify-between border border-black border-opacity-10 rounded-3xl py-9 px-6 md:px-16" href="#">
+            <div>
+              <h3 class="font-heading text-4xl leading-tighter leading-10 mr-16">Direct messeges</h3>
+              <p class="hidden text-lg leading-6 font-normal mt-4">The nulla commodo, commodo eros a, tristique lectus.</p>
+            </div>
+            <img class="mt-4" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt="">
+          </a>
+        </div>
+        <img src="uinel-assets/images/faqs/widget.png" alt="">
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-faq-pDZnPWDq.html b/components/unsorted/uinel-faq-pDZnPWDq.html
new file mode 100644
index 0000000..b86a7bd
--- /dev/null
+++ b/components/unsorted/uinel-faq-pDZnPWDq.html
@@ -0,0 +1,39 @@
+<div> <section class="font-medium bg-white py-24 2xl:pt-44 2xl:pb-52 overflow-hidden">
+    <div class="container px-4 mx-auto">
+      <span class="uppercase tracking-widest text-xs text-gray-300 leading-4 mb-9 block text-center">The most popular</span>
+      <h2 class="font-heading text-9xl md:text-10xl xl:text-11xl leading-tight mb-20 xl:mb-36 text-center">FAQ's</h2>
+      <div class="grid lg:grid-cols-2 gap-20 lg:items-center">
+        <div class="grid gap-4">
+          <a class="flex items-start justify-between border border-black border-opacity-10 rounded-3xl py-9 px-6 md:px-16" href="#">
+            <h3 class="font-heading text-4xl leading-tighter leading-10 mr-16">How should i develop my workflow over time?</h3>
+            <img class="mt-4" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt="">
+          </a>
+          <div>
+            <div class="mx-auto w-3/4 md:w-80 md:ml-16 bg-purple-500" style="height:3px;"></div>
+            <a class="flex justify-between items-start border border-black border-opacity-10 rounded-3xl py-9 px-6 md:px-16" href="#">
+              <div>
+                <h3 class="font-heading text-4xl leading-tighter leading-10 mr-16">Can i pay by credit card?</h3>
+                <p class="text-lg leading-6 font-normal mt-4">The nulla commodo, commodo eros a, tristique lectus.</p>
+              </div>
+              <img class="mt-4" src="uinel-assets/elements/faqs/arrow-up-black.svg" alt="">
+            </a>
+          </div>
+          <a class="flex items-start justify-between border border-black border-opacity-10 rounded-3xl py-9 px-6 md:px-16" href="#">
+            <div>
+              <h3 class="font-heading text-4xl leading-tighter leading-10 mr-16">Helpdesk</h3>
+              <p class="hidden text-lg leading-6 font-normal mt-4">The nulla commodo, commodo eros a, tristique lectus.</p>
+            </div>
+            <img class="mt-4" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt="">
+          </a>
+          <a class="flex items-start justify-between border border-black border-opacity-10 rounded-3xl py-9 px-6 md:px-16" href="#">
+            <div>
+              <h3 class="font-heading text-4xl leading-tighter leading-10 mr-16">Direct messeges</h3>
+              <p class="hidden text-lg leading-6 font-normal mt-4">The nulla commodo, commodo eros a, tristique lectus.</p>
+            </div>
+            <img class="mt-4" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt="">
+          </a>
+        </div>
+        <img src="uinel-assets/images/faqs/widget.png" alt="">
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-faq-rvmAcJHN.html b/components/unsorted/uinel-faq-rvmAcJHN.html
new file mode 100644
index 0000000..4125599
--- /dev/null
+++ b/components/unsorted/uinel-faq-rvmAcJHN.html
@@ -0,0 +1,46 @@
+<div><section class="font-medium bg-white overflow-hidden">
+    <div class="lg:grid lg:grid-cols-2 gap-8 xl:gap-36">
+      <div class="px-10 py-24 lg:flex lg:items-center bg-blueGray-100 rounded-b-10xl">
+        <div class="relative max-w-max mx-auto">
+          <img src="uinel-assets/images/faqs/widget2.png" alt="">
+        </div>
+      </div>
+      <div class="container mx-auto">
+        <div class="max-w-4xl px-4 lg:pl-0 py-24 2xl:pt-44 2xl:pb-52">
+          <span class="uppercase tracking-widest text-xs text-gray-300 leading-4 mb-9 block text-center lg:text-left">The most popular</span>
+          <h2 class="font-heading text-9xl md:text-10xl xl:text-11xl leading-tight mb-20 xl:mb-36 text-center lg:text-left">FAQ's</h2>
+          <div class="grid gap-4 mb-20 xl:mb-24">
+            <a class="flex items-start justify-between border border-black border-opacity-10 rounded-3xl py-9 px-6 md:px-16" href="#">
+              <h3 class="font-heading text-4xl leading-tighter leading-10 mr-16">How should i develop my workflow over time?</h3>
+              <img class="mt-4" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt="">
+            </a>
+            <div>
+              <div class="mx-auto w-3/4 md:w-80 md:ml-16 bg-purple-500" style="height:3px;"></div>
+              <a class="flex justify-between items-start border border-black border-opacity-10 rounded-3xl py-9 px-6 md:px-16" href="#">
+                <div>
+                  <h3 class="font-heading text-4xl leading-tighter leading-10 mr-16">Can i pay by credit card?</h3>
+                  <p class="text-lg leading-6 font-normal mt-4">The nulla commodo, commodo eros a, tristique lectus.</p>
+                </div>
+                <img class="mt-4" src="uinel-assets/elements/faqs/arrow-up-black.svg" alt="">
+              </a>
+            </div>
+            <a class="flex items-start justify-between border border-black border-opacity-10 rounded-3xl py-9 px-6 md:px-16" href="#">
+              <div>
+                <h3 class="font-heading text-4xl leading-tighter leading-10 mr-16">Helpdesk</h3>
+                <p class="hidden text-lg leading-6 font-normal mt-4">The nulla commodo, commodo eros a, tristique lectus.</p>
+              </div>
+              <img class="mt-4" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt="">
+            </a>
+            <a class="flex items-start justify-between border border-black border-opacity-10 rounded-3xl py-9 px-6 md:px-16" href="#">
+              <div>
+                <h3 class="font-heading text-4xl leading-tighter leading-10 mr-16">Direct messages</h3>
+                <p class="hidden text-lg leading-6 font-normal mt-4">The nulla commodo, commodo eros a, tristique lectus.</p>
+              </div>
+              <img class="mt-4" src="uinel-assets/elements/faqs/arrow-down-black.svg" alt="">
+            </a>
+          </div>
+          <div class="flex justify-center"><a class="inline-block py-5 px-10 mx-auto lg:ml-0 text-xl leading-6 text-white font-medium tracking-tighter font-heading bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Show more</a></div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-logo-WBiqsSTD.html b/components/unsorted/uinel-logo-WBiqsSTD.html
new file mode 100644
index 0000000..0969466
--- /dev/null
+++ b/components/unsorted/uinel-logo-WBiqsSTD.html
@@ -0,0 +1,55 @@
+<div> <section class="bg-white py-24 2xl:py-44">
+    <div class="container px-4 mx-auto">
+      <div class="flex flex-wrap -mx-4">
+        <div class="w-full lg:w-1/3 xl:w-1/2 px-4">
+          <span class="mb-9 block font-medium uppercase tracking-widest text-xs leading-4 text-gray-300">Clouds</span>
+          <h2 class="mb-16 font-heading font-medium text-9xl md:text-10xl xl:text-11xl leading-none">Trusted by brands all over</h2>
+          <p class="text-lg leading-6 mb-20 xl:mb-0 text-darkBlueGray-400">The nulla commodo, commodo eros a, tristique lectus.</p>
+        </div>
+        <div class="w-full lg:w-2/3 xl:w-1/2 px-4">
+          <div class="flex flex-wrap">
+            <div class="w-full md:w-2/5 px-1 mb-5">
+              <div class="flex items-center py-4 px-4 bg-gray-50 rounded-9xl">
+                <div class="flex items-center justify-center w-16 h-16 bg-white rounded-5xl shadow-sm">
+                  <img class="h-8" src="uinel-assets/brands/spotify.png" alt="">
+                </div>
+                <p class="ml-6 font-heading font-medium text-2xl">Spotify</p>
+              </div>
+            </div>
+            <div class="w-full md:w-2/5 px-1 mb-5">
+              <div class="flex items-center py-4 px-4 bg-gray-50 rounded-9xl">
+                <div class="flex items-center justify-center w-16 h-16 bg-white rounded-5xl shadow-sm">
+                  <img class="h-5" src="uinel-assets/brands/we-transfer.png" alt="">
+                </div>
+                <p class="ml-6 font-heading font-medium text-2xl">WeTransfer</p>
+              </div>
+            </div>
+            <div class="md:ml-auto w-full md:w-2/5 px-1 mb-5">
+              <div class="flex items-center py-4 px-4 bg-gray-50 rounded-9xl">
+                <div class="flex items-center justify-center w-16 h-16 bg-white rounded-5xl shadow-sm">
+                  <img class="h-8" src="uinel-assets/brands/slack.png" alt="">
+                </div>
+                <p class="ml-6 font-heading font-medium text-2xl">Slack</p>
+              </div>
+            </div>
+            <div class="w-full md:w-2/5 px-1 mb-5">
+              <div class="flex items-center py-4 px-4 bg-gray-50 rounded-9xl">
+                <div class="flex items-center justify-center w-16 h-16 bg-white rounded-5xl shadow-sm">
+                  <img class="h-8" src="uinel-assets/brands/miro.svg" alt="">
+                </div>
+                <p class="ml-6 font-heading font-medium text-2xl">Miro</p>
+              </div>
+            </div>
+            <div class="md:mx-auto w-full md:w-2/5 px-1 mb-5">
+              <div class="flex items-center py-4 px-4 bg-gray-50 rounded-9xl">
+                <div class="flex items-center justify-center w-16 h-16 bg-white rounded-5xl shadow-sm">
+                  <img class="h-8" src="uinel-assets/brands/dropbox.png" alt="">
+                </div>
+                <p class="ml-6 font-heading font-medium text-2xl">WeTransfer</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-logo-hGRdDaph.html b/components/unsorted/uinel-logo-hGRdDaph.html
new file mode 100644
index 0000000..b592354
--- /dev/null
+++ b/components/unsorted/uinel-logo-hGRdDaph.html
@@ -0,0 +1,56 @@
+<div> <section class="bg-white py-24 2xl:pt-44 2xl:pb-48">
+    <div class="container px-4 mx-auto">
+      <span class="mb-9 block font-medium uppercase tracking-widest text-center text-xs leading-4 text-gray-300">Clouds</span>
+      <h2 class="mb-16 font-heading font-medium text-center text-6xl leading-relaxed">Trusted by brands all over the world</h2>
+      <div class="flex flex-wrap -mx-2">
+        <div class="w-full md:w-1/2 lg:w-1/4 xl:w-1/5 px-2 mb-6 xl:mb-0">
+          <div class="flex items-center py-4 px-5 bg-darkBlueGray-500 rounded-9xl">
+            <div class="flex items-center justify-center bg-white w-16 h-16 rounded-5xl shadow-sm">
+              <img class="h-8" src="uinel-assets/brands/spotify.png" alt="">
+            </div>
+            <p class="ml-6 text-xl text-white font-heading font-medium">Spotify</p>
+          </div>
+        </div>
+        <div class="w-full md:w-1/2 lg:w-1/4 xl:w-1/5 px-2 mb-6 xl:mb-0">
+          <div class="flex items-center py-4 px-5 lg:mt-16 bg-darkBlueGray-500 rounded-9xl">
+            <div class="flex items-center justify-center w-16 h-16 bg-white rounded-5xl shadow-sm">
+              <img class="h-8" src="uinel-assets/brands/slack.png" alt="">
+            </div>
+            <p class="ml-6 text-xl text-white font-heading font-medium">Slack</p>
+          </div>
+        </div>
+        <div class="hidden xl:block xl:w-1/5 px-2 mb-6 xl:mb-0">
+          <div class="flex items-center py-4 px-5 lg:mt-16 bg-darkBlueGray-500 rounded-9xl">
+            <div class="flex items-center justify-center w-16 h-16 bg-white rounded-5xl shadow-sm">
+              <img class="h-5" src="uinel-assets/brands/we-transfer.png" alt="">
+            </div>
+            <p class="ml-6 text-xl text-white font-heading font-medium">WeTransfer</p>
+          </div>
+        </div>
+        <div class="w-full md:w-1/2 lg:w-1/4 xl:w-1/5 px-2 mb-6 lg:mb-0">
+          <div class="flex items-center py-4 px-5 lg:mt-16 bg-darkBlueGray-500 rounded-9xl">
+            <div class="flex items-center justify-center w-16 h-16 bg-white rounded-5xl shadow-sm">
+              <img class="h-8" src="uinel-assets/brands/miro.svg" alt="">
+            </div>
+            <p class="ml-6 text-xl text-white font-heading font-medium">Miro</p>
+          </div>
+        </div>
+        <div class="w-full md:w-1/2 lg:w-1/4 xl:w-1/5 px-2 mb-6 lg:mb-0">
+          <div class="flex items-center py-4 px-5 bg-darkBlueGray-500 rounded-9xl">
+            <div class="flex items-center justify-center w-16 h-16 bg-white rounded-5xl shadow-sm">
+              <img class="h-8" src="uinel-assets/brands/dropbox.png" alt="">
+            </div>
+            <p class="ml-6 text-xl text-white font-heading font-medium">WeTransfer</p>
+          </div>
+        </div>
+        <div class="xl:hidden w-full md:w-1/2 lg:w-1/4 px-2 mx-auto">
+          <div class="flex items-center py-4 px-5 bg-darkBlueGray-500 rounded-9xl">
+            <div class="flex items-center justify-center w-16 h-16 bg-white rounded-5xl shadow-sm">
+              <img class="h-8" src="uinel-assets/brands/we-transfer.png" alt="">
+            </div>
+            <p class="ml-6 text-xl text-white font-heading font-medium">WeTransfer</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-logo-qXBDUEnc.html b/components/unsorted/uinel-logo-qXBDUEnc.html
new file mode 100644
index 0000000..781d140
--- /dev/null
+++ b/components/unsorted/uinel-logo-qXBDUEnc.html
@@ -0,0 +1,56 @@
+<div> <section class="bg-white py-24 2xl:pt-44 2xl:pb-48">
+    <div class="container px-4 mx-auto">
+      <span class="mb-9 block font-medium uppercase tracking-widest text-center text-xs leading-4 text-gray-300">Clouds</span>
+      <h2 class="mb-16 font-heading font-medium text-center text-6xl leading-relaxed">Trusted by brands all over the world</h2>
+      <div class="flex flex-wrap -mx-2">
+        <div class="w-full md:w-1/2 lg:w-1/4 xl:w-1/5 px-2 mb-6 xl:mb-0">
+          <div class="flex items-center py-4 px-5 bg-gray-50 rounded-9xl">
+            <div class="flex items-center justify-center bg-white w-16 h-16 rounded-5xl shadow-sm">
+              <img class="h-8" src="uinel-assets/brands/spotify.png" alt="">
+            </div>
+            <p class="ml-6 text-xl font-heading font-medium">Spotify</p>
+          </div>
+        </div>
+        <div class="w-full md:w-1/2 lg:w-1/4 xl:w-1/5 px-2 mb-6 xl:mb-0">
+          <div class="flex items-center py-4 px-5 lg:mt-16 bg-gray-50 rounded-9xl">
+            <div class="flex items-center justify-center w-16 h-16 bg-white rounded-5xl shadow-sm">
+              <img class="h-8" src="uinel-assets/brands/slack.png" alt="">
+            </div>
+            <p class="ml-6 text-xl font-heading font-medium">Slack</p>
+          </div>
+        </div>
+        <div class="hidden xl:block xl:w-1/5 px-2 mb-6 xl:mb-0">
+          <div class="flex items-center py-4 px-5 lg:mt-16 bg-gray-50 rounded-9xl">
+            <div class="flex items-center justify-center w-16 h-16 bg-white rounded-5xl shadow-sm">
+              <img class="h-5" src="uinel-assets/brands/we-transfer.png" alt="">
+            </div>
+            <p class="ml-6 text-xl font-heading font-medium">WeTransfer</p>
+          </div>
+        </div>
+        <div class="w-full md:w-1/2 lg:w-1/4 xl:w-1/5 px-2 mb-6 lg:mb-0">
+          <div class="flex items-center py-4 px-5 lg:mt-16 bg-gray-50 rounded-9xl">
+            <div class="flex items-center justify-center w-16 h-16 bg-white rounded-5xl shadow-sm">
+              <img class="h-8" src="uinel-assets/brands/miro.svg" alt="">
+            </div>
+            <p class="ml-6 text-xl font-heading font-medium">Miro</p>
+          </div>
+        </div>
+        <div class="w-full md:w-1/2 lg:w-1/4 xl:w-1/5 px-2 mb-6 lg:mb-0">
+          <div class="flex items-center py-4 px-5 bg-gray-50 rounded-9xl">
+            <div class="flex items-center justify-center w-16 h-16 bg-white rounded-5xl shadow-sm">
+              <img class="h-8" src="uinel-assets/brands/dropbox.png" alt="">
+            </div>
+            <p class="ml-6 text-xl font-heading font-medium">WeTransfer</p>
+          </div>
+        </div>
+        <div class="xl:hidden w-full md:w-1/2 lg:w-1/4 px-2 mx-auto">
+          <div class="flex items-center py-4 px-5 bg-gray-50 rounded-9xl">
+            <div class="flex items-center justify-center w-16 h-16 bg-white rounded-5xl shadow-sm">
+              <img class="h-8" src="uinel-assets/brands/we-transfer.png" alt="">
+            </div>
+            <p class="ml-6 text-xl font-heading font-medium">WeTransfer</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-newsletter-AZeDVojt.html b/components/unsorted/uinel-newsletter-AZeDVojt.html
new file mode 100644
index 0000000..a3e6c5b
--- /dev/null
+++ b/components/unsorted/uinel-newsletter-AZeDVojt.html
@@ -0,0 +1,13 @@
+<div><section class="font-medium bg-blueGray-100 py-24 2xl:py-44">
+    <div class="container px-4 mx-auto">
+      <div class="bg-white max-w-5xl mx-auto rounded-3xl pt-20 pb-20 md:pb-28 px-6">
+        <span class="uppercase tracking-widest text-xs leading-4 mb-9 block text-center text-gray-300">Newsletter</span>
+        <h2 class="font-heading text-9xl xl:text-10xl leading-tight mb-14 xl:mb-16 text-center">Subscribe</h2>
+        <div class="md:flex md:items-center md:justify-center mb-12">
+          <input class="bg-blueGray-50 md:mr-6 mb-3 md:mb-0 rounded-2xl h-16 text-lg text-darkBlueGray-400 md:max-w-md lg:max-w-xl w-full px-12 border border-blue-500 outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 placeholder-darkBlueGray-400" placeholder="Drop your email" type="text">
+          <a class="block py-5 px-10 w-full md:w-auto 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="#">Let's go</a>
+        </div>
+        <p class="text-center text-xs leading-6 text-darkBlueGray-400 font-heading font-normal">I haretra 100% neque non me, finibus hart lorem i hate bibendum molestie.</p>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-newsletter-DzpNtpFv.html b/components/unsorted/uinel-newsletter-DzpNtpFv.html
new file mode 100644
index 0000000..d129620
--- /dev/null
+++ b/components/unsorted/uinel-newsletter-DzpNtpFv.html
@@ -0,0 +1,32 @@
+<div> <section class="font-medium bg-blueGray-100 pt-24 pb-12 2xl:pt-44 2xl:pb-56 rounded-b-10xl">
+    <div class="container px-4 mx-auto">
+      <span class="uppercase tracking-widest text-xs leading-4 mb-10 block text-center text-gray-300">Newsletter</span>
+      <h2 class="font-heading text-9xl md:text-10xl xl:text-11xl leading-tight mb-10 text-center">Subscribe to our newsletter</h2>
+      <ul class="md:flex md:justify-center mb-20 xl:mb-28">
+        <li class="flex md:max-w-max leading-6 font-normal text-darkBlueGray-400 mb-3 bg-white rounded-8xl py-3 px-6 shadow-xl">
+          <img class="mr-6" src="uinel-assets/elements/newsletter/checked.svg" alt="">
+          <span>Complete tools</span>
+        </li>
+        <li class="flex md:mx-3 md:max-w-max leading-6 font-normal text-darkBlueGray-400 mb-3 bg-white rounded-8xl py-3 px-6 shadow-xl">
+          <img class="mr-6" src="uinel-assets/elements/newsletter/checked.svg" alt="">
+          <span>100 team members</span>
+        </li>
+        <li class="flex md:max-w-max leading-6 font-normal text-darkBlueGray-400 mb-3 bg-white rounded-8xl py-3 px-6 shadow-xl">
+          <img class="mr-6" src="uinel-assets/elements/newsletter/checked.svg" alt="">
+          <span>100GB cloud storage</span>
+        </li>
+      </ul>
+      <div class="relative max-w-5xl mx-auto">
+        <img class="hidden md:block absolute -bottom-5" src="uinel-assets/elements/newsletter/bg-email.svg" alt="">
+        <img class="md:hidden absolute -bottom-5 h-64 object-cover rounded-xl" src="uinel-assets/elements/newsletter/bg-email.svg" alt="">
+        <div class="md:flex md:items-center md:justify-center bg-white rounded-3xl py-20 px-8 m-5 relative z-10">
+          <h3 class="text-4xl leading-10 mb-6 md:mb-0">Enter your Email:</h3>
+          <div class="relative mb-3 md:mb-0 md:ml-9 md:mr-6">
+            <img class="z-10 absolute top-1/2 transform -translate-y-1/2 left-8" src="uinel-assets/elements/newsletter/mail.svg" alt="">
+            <input class="bg-blueGray-50 rounded-2xl h-16 text-lg text-darkBlueGray-400 w-full md:w-48 lg:w-80 px-8 pl-16 border border-blue-500 outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50" type="text">
+          </div>
+          <a class="block py-5 px-10 mt-3 md:mt-0 w-full md:max-w-max 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="#">Let's go</a>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-newsletter-GByaRTsa.html b/components/unsorted/uinel-newsletter-GByaRTsa.html
new file mode 100644
index 0000000..cd21c53
--- /dev/null
+++ b/components/unsorted/uinel-newsletter-GByaRTsa.html
@@ -0,0 +1,40 @@
+<div><section class="font-medium bg-white">
+    <div class="md:grid md:grid-cols-2 md:items-center">
+      <div class="container mx-auto max-w-xl px-4 lg:pr-0 py-24 md:py-0">
+        <span class="uppercase tracking-widest text-xs text-gray-300 leading-4 mb-10 block">Newsletter</span>
+        <h2 class="font-heading text-9xl xl:text-10xl leading-tight mb-11">Subscribe to our newsletter</h2>
+        <h3 class="font-heading text-xl xl:text-2xl leading-10 mb-14 xl:mb-16 max-w-lg">Phasellus eget pretium mi, vestibulum lobortis neque.</h3>
+        <ul>
+          <li class="flex leading-6 font-normal text-darkBlueGray-400 mb-3">
+            <img class="mr-6" src="uinel-assets/elements/newsletter/checked.svg" alt="">
+            <span>Complete tools</span>
+          </li>
+          <li class="flex leading-6 font-normal text-darkBlueGray-400 mb-3">
+            <img class="mr-6" src="uinel-assets/elements/newsletter/checked.svg" alt="">
+            <span>100GB cloud storage</span>
+          </li>
+          <li class="flex leading-6 font-normal text-darkBlueGray-400">
+            <img class="mr-6" src="uinel-assets/elements/newsletter/checked.svg" alt="">
+            <span>Unlimited anonymous board editors</span>
+          </li>
+        </ul>
+      </div>
+      <div class="relative pt-24 pb-12 md:pb-24 px-6 2xl:pt-44 2xl:pb-52 bg-blueGray-100 rounded-b-10xl">
+        <div class="relative max-w-lg mx-auto">
+          <img class="absolute top-1/2 transform -translate-y-1/2" src="uinel-assets/elements/newsletter/bg-form.svg" alt="">
+          <div class="bg-white rounded-3xl py-16 md:py-24 px-8 lg:px-16 m-5 relative z-10">
+            <h3 class="text-4xl leading-10 mb-2">Subscribe</h3>
+            <p class="text-base text-darkBlueGray-400 leading-8 font-normal mb-10">Fusce sodales vitae lorem vitae now tempus.</p>
+            <div class="relative md:mb-12">
+              <img class="z-10 absolute top-1/2 transform -translate-y-1/2 left-8" src="uinel-assets/elements/newsletter/mail.svg" alt="">
+              <input class="bg-blueGray-50 rounded-2xl h-16 text-darkBlueGray-400 w-full text-lg px-8 pl-16 border border-blue-500 outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50" type="text">
+            </div>
+            <a class="block py-5 px-10 mt-3 md:mx-auto w-full md:max-w-max 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="#">Let's go</a>
+          </div>
+        </div>
+        <a href="#">
+          <img class="absolute w-20 transform -translate-x-1/2 xl:w-auto left-1/2 md:left-0 top-0 md:top-20 xl:top-1/2 -translate-y-1/2" src="uinel-assets/elements/newsletter/scroll-down.svg" alt="">
+        </a>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-newsletter-jvokHjKu.html b/components/unsorted/uinel-newsletter-jvokHjKu.html
new file mode 100644
index 0000000..5522370
--- /dev/null
+++ b/components/unsorted/uinel-newsletter-jvokHjKu.html
@@ -0,0 +1,21 @@
+<div> <section class="font-medium bg-blueGray-100 pt-12 pb-24 lg:pb-16 rounded-b-10xl">
+    <div class="relative container px-4 mx-auto">
+      <div class="lg:grid lg:grid-cols-2">
+        <div class="md:flex md:items-center mb-12 lg:mb-0">
+          <div class="md:mr-6 xl:mr-24">
+            <img src="uinel-assets/elements/newsletter/newsletter.png" alt="">
+          </div>
+          <div class="md:pr-10">
+            <h3 class="font-heading text-9xl leading-tight mb-4">Newsletter</h3>
+            <p class="text-lg font-normal text-darkBlueGray-400">A porttitor turpis sit amet malesuada blandit.</p>
+          </div>
+        </div>
+        <div class="md:flex md:items-center md:justify-center lg:justify-end">
+          <img class="mb-3 md:mb-0 md:mr-9" src="uinel-assets/elements/newsletter/user.png" alt="">
+          <input class="bg-blueGray-50 md:mr-6 mb-3 md:mb-0 text-lg rounded-2xl h-16 text-darkBlueGray-400 md:max-w-xs lg:w-44 xl:w-72 2xl:w-80 w-full px-8 border border-blue-500 outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 placeholder-darkBlueGray-400" type="text" placeholder="Drop your email">
+          <a class="block py-5 px-10 w-full md:w-auto text-xl leading-6 text-white font-medium tracking-tighter font-heading bg-blue-500 text-center hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#">Get started</a>
+        </div>
+      </div>
+      <img class="absolute left-1/2 -bottom-52 lg:-bottom-32 transform -translate-x-1/2" src="uinel-assets/elements/newsletter/dot-line-gray.svg" alt="">
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/uinel-newsletter-nbFhHPUs.html b/components/unsorted/uinel-newsletter-nbFhHPUs.html
new file mode 100644
index 0000000..f36b625
--- /dev/null
+++ b/components/unsorted/uinel-newsletter-nbFhHPUs.html
@@ -0,0 +1,12 @@
+<div> <section class="font-medium bg-white py-24 2xl:py-44">
+    <div class="container px-4 mx-auto">
+      <span class="uppercase tracking-widest text-xs leading-4 mb-9 block text-center text-gray-300">Newsletter</span>
+      <h2 class="font-heading text-9xl md:text-10xl xl:text-11xl leading-tight mb-14 xl:mb-16 text-center">Stay updated</h2>
+      <h3 class="font-heading text-xl xl:text-2xl text-center leading-10 mb-20 max-w-lg mx-auto">Phasellus eget pretium mi, vestibulum lobortis neque.</h3>
+      <div class="md:flex md:items-center md:justify-center">
+        <p class="md:mr-9 font-normal text-lg text-darkBlueGray-400 mb-3 md:mb-0">Drop your email:</p>
+        <input class="bg-blueGray-50 md:mr-9 mb-3 md:mb-0 text-xl rounded-2xl h-16 text-darkBlueGray-400 md:max-w-xs lg:max-w-lg w-full px-8 border border-blue-500 outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50" type="text">
+        <a class="block py-5 px-10 w-full md:w-auto 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="#">Get started</a>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/make.js b/make.js
index e83af6f..3f90186 100644
--- a/make.js
+++ b/make.js
@@ -1,7 +1,7 @@
 const fs = require('fs');
 const { exec } = require('child_process');
 
-const extraname = "uinel-cta-"
+const extraname = "uinel-contacts-"
 
 function generateRandomFileName() {
   const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';