...

components/unsorted/suncealand-all-BmGYKoeP.html

@@ -0,0 +1,104 @@
+<div><section class="py-20 md:py-40 bg-yellowGray-50 overflow-hidden">
+    <div class="container px-4 mx-auto">
+      <div class="max-w-md mx-auto mb-20 text-center">
+        <div class="inline-flex items-center px-5 py-2 bg-white rounded-full mb-8">
+          <span class="block w-2 h-2 mr-2 rounded-full bg-blue-500"></span>
+          <span class="uppercase text-sm font-medium tracking-tight">CUSTOMER REVIEWS</span>
+        </div>
+        <h1 class="font-heading text-6xl font-semibold mb-10">New customer reviews</h1>
+      </div>
+      <div class="flex flex-wrap justify-center -mx-4">
+        <div class="w-full md:w-1/4 xl:w-auto px-4 mb-12 md:mb-0">
+          <div class="flex md:flex-col items-center justify-center">
+            <a class="inline-block transform hover:scale-125 transition duration-300" href="#">
+              <img class="w-12 h-12 rounded-full object-cover" src="suncealand-assets/images/avatar-review-man.png" alt="">
+            </a>
+            <div class="inline-block md:hidden mx-1 xs:mx-2 h-1 w-4 xs:w-5 bg-gray-50 rounded-md"></div>
+            <div class="hidden md:inline-block my-2 w-1 h-5 bg-gray-50 rounded-md"></div>
+            <a class="inline-flex items-center justify-center w-20 h-20 rounded-full border border-gray-50" href="#">
+              <img class="w-16 h-16 rounded-full object-cover" src="suncealand-assets/images/avatar-circle-column-reviews1.png" alt="">
+            </a>
+            <div class="inline-block md:hidden mx-1 xs:mx-2 h-1 w-4 xs:w-5 bg-gray-50 rounded-md"></div>
+            <div class="hidden md:inline-block my-2 w-1 h-5 bg-gray-50 rounded-md"></div>
+            <a class="inline-block transform hover:scale-125 transition duration-300" href="#">
+              <img class="w-12 h-12 rounded-full object-cover" src="suncealand-assets/images/avatar-circle-column-reviews3.png" alt="">
+            </a>
+            <div class="inline-block md:hidden mx-1 xs:mx-2 h-1 w-4 xs:w-5 bg-gray-50 rounded-md"></div>
+            <div class="hidden md:inline-block my-2 w-1 h-5 bg-gray-50 rounded-md"></div>
+            <a class="inline-block transform hover:scale-125 transition duration-300" href="#">
+              <img class="w-12 h-12 rounded-full object-cover" src="suncealand-assets/images/avatar-circle-column-reviews2.png" alt="">
+            </a>
+          </div>
+        </div>
+        <div class="w-full md:w-3/4 xl:w-auto px-4">
+          <div class="bg-white rounded-3xl">
+            <div class="pt-10 pb-4 px-6 sm:px-16 border-b border-yellowGray-50">
+              <div class="md:flex items-center">
+                <h4 class="mr-6 text-2xl font-medium">Glen Harres</h4>
+                <span class="text-xs">Spotify, Junior Designer</span>
+              </div>
+            </div>
+            <div class="pt-8 pb-14 px-6 sm:px-16 border-b border-yellowGray-50">
+              <div class="flex flex-wrap items-start">
+                <div class="w-full xl:w-2/3 mb-12 xl:mb-0">
+                  <div class="relative pt-12 md:pt-0 md:pl-16 md:pr-20">
+                    <span class="absolute top-0 left-0">
+                      <svg width="29" height="41" viewbox="0 0 29 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M22.536 9.016C23.64 9.016 24.576 9.256 25.344 9.736C26.16 10.168 26.832 10.744 27.36 11.464C27.888 12.232 28.248 13.12 28.44 14.128C28.68 15.136 28.8 16.12 28.8 17.08C28.8 19.432 28.176 21.616 26.928 23.632C25.728 25.648 23.856 27.256 21.312 28.456L20.664 27.16C22.056 26.536 23.256 25.624 24.264 24.424C25.32 23.176 25.92 21.88 26.064 20.536C26.256 19.672 26.256 18.856 26.064 18.088C25.104 19.048 23.856 19.528 22.32 19.528C20.832 19.528 19.584 19.072 18.576 18.16C17.568 17.248 17.064 15.952 17.064 14.272C17.064 12.736 17.568 11.488 18.576 10.528C19.632 9.52 20.952 9.016 22.536 9.016ZM8.568 9.016C9.672 9.016 10.608 9.256 11.376 9.736C12.192 10.168 12.864 10.744 13.392 11.464C13.92 12.232 14.28 13.12 14.472 14.128C14.712 15.136 14.832 16.12 14.832 17.08C14.832 19.432 14.208 21.616 12.96 23.632C11.76 25.648 9.888 27.256 7.344 28.456L6.696 27.16C8.088 26.536 9.288 25.624 10.296 24.424C11.352 23.176 11.952 21.88 12.096 20.536C12.288 19.672 12.288 18.856 12.096 18.088C11.136 19.048 9.888 19.528 8.352 19.528C6.864 19.528 5.616 19.072 4.608 18.16C3.6 17.248 3.096 15.952 3.096 14.272C3.096 12.736 3.6 11.488 4.608 10.528C5.664 9.52 6.984 9.016 8.568 9.016Z" fill="#9CD0FF"></path>
+                      </svg>
+                    </span>
+                    <div class="max-w-lg">
+                      <p class="text-2xl leading-9 mb-8">Tried a lot, find the best Tried a lot. Choose this one. A real nice tools and app. It comes with a few free plug-ins that will be more than enough for beginners.</p>
+                      <p class="text-xs">Donec non 24 september For more advansed users, you'll need to get a few more plug-ins for an extra cost on 3rd party websites, but suncealand makes it quite easy to set them up.</p>
+                    </div>
+                  </div>
+                </div>
+                <div class="w-full xl:w-1/3">
+                  <div class="flex items-center justify-center">
+                    <svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
+                      <defs><rect width="22" height="22" fill="white"></rect></defs>
+                    </svg>
+                    <svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
+                      <defs><rect width="22" height="22" fill="white"></rect></defs>
+                    </svg>
+                    <svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
+                      <defs><rect width="22" height="22" fill="white"></rect></defs>
+                    </svg>
+                    <svg class="mr-1" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
+                      <defs><rect width="22" height="22" fill="white"></rect></defs>
+                    </svg>
+                    <svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M22 8.70844H13.6583L11 0.458435L8.34166 8.70844H0L6.80168 13.5484L4.19835 21.5418L11 16.5918L17.8017 21.5418L15.1983 13.5484L22 8.70844Z" fill="#9CCFFF"></path>
+                      <defs><rect width="22" height="22" fill="white"></rect></defs>
+                    </svg>
+                    <span class="ml-6 text-2xl font-semibold">4.9</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="flex py-8 items-center justify-center">
+              <button class="group inline-flex items-center justify-center h-6 w-6 rounded-full">
+                <div class="p-1 transform group-hover:scale-150 bg-blueGray-50 group-hover:bg-indigo-200 rounded-full">
+                  <div class="hidden group-hover:block w-1.5 h-1.5 bg-indigo-500 rounded-full"></div>
+                </div>
+              </button>
+              <button class="group inline-flex items-center justify-center h-6 w-6 rounded-full">
+                <div class="p-1 transform group-hover:scale-150 bg-blueGray-50 group-hover:bg-indigo-200 rounded-full">
+                  <div class="hidden group-hover:block w-1.5 h-1.5 bg-indigo-500 rounded-full"></div>
+                </div>
+              </button>
+              <button class="group inline-flex items-center justify-center h-6 w-6 rounded-full">
+                <div class="p-1 transform group-hover:scale-150 bg-blueGray-50 group-hover:bg-indigo-200 rounded-full">
+                  <div class="hidden group-hover:block w-1.5 h-1.5 bg-indigo-500 rounded-full"></div>
+                </div>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>

components/unsorted/suncealand-all-CfKrIbqm.html

@@ -0,0 +1,57 @@
+<div> <section class="py-20 md:py-40 bg-black overflow-hidden">
+    <div class="container px-4 mx-auto">
+      <div class="flex flex-wrap items-center -mx-4">
+        <div class="w-full xl:w-1/2 px-4 order-last xl:order-first">
+          <div class="xs:flex items-start max-w-2xl mx-auto">
+            <div class="mr-6">
+              <div class="flex mb-8 items-end">
+                <div class="flex mr-8 items-center justify-center w-40 h-14 text-center bg-white rounded-3xl">
+                  <span class="text-2xl font-medium leading-none">Hello!👋</span>
+                </div>
+                <div>
+                  <img src="suncealand-assets/images/photo-man-purple-bg.png" alt="">
+                </div>
+              </div>
+              <div class="ml-auto w-52 px-8 pt-10 pb-8 rounded-3xl bg-gray-800">
+                <img class="block mb-10" src="suncealand-assets/logos/chat-logo.svg" alt="">
+                <h5 class="text-2xl font-medium text-white">Chat</h5>
+                <span class="text-gray-300">Livechat w/ Tony</span>
+              </div>
+            </div>
+            <div class="w-52 mt-10 px-8 pt-10 pb-8 rounded-3xl bg-gray-800">
+              <img class="block mb-10" src="suncealand-assets/logos/slack-logo.svg" alt="">
+              <h5 class="text-2xl font-medium text-white">Slack</h5>
+              <span class="text-gray-300">Contact on Slack</span>
+            </div>
+          </div>
+        </div>
+        <div class="w-full xl:w-1/2 px-4 mb-24 xl:mb-0">
+          <div class="max-w-lg mx-auto">
+            <div class="inline-flex items-center px-5 py-2 bg-white rounded-full mb-10">
+              <span class="block w-2 h-2 mr-2 rounded-full bg-indigo-500"></span>
+              <span class="uppercase text-sm font-medium tracking-tight">CONTACT</span>
+            </div>
+            <h1 class="max-w-md text-5xl xs:text-7xl xl:text-8xl font-heading text-white font-semibold mb-10">Contact us</h1>
+            <p class="text-2xl text-white mb-14">Questions, feedback. We’re here for it all.</p>
+            <div class="-mb-4">
+              <a class="inline-flex mb-4 mr-8 items-center" href="#">
+                <img class="mr-4" src="suncealand-assets/logos/messanger-logo.svg" alt="">
+                <span class="text-white">suncea_land</span>
+              </a>
+              <a class="inline-flex mb-4 items-center" href="#">
+                <img class="mr-4" src="suncealand-assets/logos/snapchat-logo.svg" alt="">
+                <span class="text-white">suncea_land</span>
+              </a>
+            </div>
+            <a class="group relative inline-block h-16 mt-16 w-full sm:w-44 bg-white rounded" href="#">
+              <div class="absolute top-0 left-0 transform -translate-y-1 -translate-x-1 w-full h-full group-hover:translate-y-0 group-hover:translate-x-0 transition duration-300">
+                <div class="flex h-full w-full items-center justify-center bg-black border-2 border-white rounded">
+                  <span class="text-base font-semibold text-white uppercase">Contact</span>
+                </div>
+              </div>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>

components/unsorted/suncealand-all-EqoWbwBs.html

@@ -0,0 +1,93 @@
+<div><section class="relative py-20 md:py-40 bg-yellowGray-50 overflow-hidden">
+    <div class="absolute top-0 right-0 w-1/4 sm:w-2/5 lg:w-1/3 h-full bg-yellow-500"></div>
+    <div class="relative container px-4 mx-auto">
+      <div class="flex flex-wrap -mx-4 items-end">
+        <div class="w-full lg:w-1/3 px-4 lg:pb-24">
+          <div class="md:max-w-sm">
+            <div class="inline-flex items-center px-5 py-2 bg-purple-50 rounded-full mb-10">
+              <span class="block w-2 h-2 mr-2 rounded-full bg-blue-500"></span>
+              <span class="uppercase text-sm font-medium tracking-tight">Team</span>
+            </div>
+            <span class="block font-heading font-semibold text-3xl">Meet our team</span>
+            <h1 class="text-7xl xs:text-9xl lg:text-10xl font-heading font-semibold mb-18">Team—</h1>
+            <p class="max-w-sm text-2xl mb-20">Meet our creative team. We're changing whole game.</p>
+            <a class="group relative inline-block h-16 w-full sm:w-52 bg-blueGray-900 rounded" href="#">
+              <div class="absolute top-0 left-0 transform -translate-y-1 -translate-x-1 w-full h-full group-hover:translate-y-0 group-hover:translate-x-0 transition duration-300">
+                <div class="flex h-full w-full items-center justify-center bg-blue-500 border-2 border-blueGray-900 rounded">
+                  <span class="text-base font-semibold uppercase">all teamates</span>
+                </div>
+              </div>
+            </a>
+          </div>
+        </div>
+        <div class="hidden lg:block w-full lg:w-2/3 lg:-ml-22 px-4">
+          <div class="relative max-w-lg xl:max-w-xl ml-auto mr-6">
+            <img class="absolute bottom-full left-0 -mb-24 h-118 object-cover" src="suncealand-assets/images/portrait-woman-without-bg-medium.png" alt="">
+            <div class="absolute bottom-full right-0 -mr-32 mb-40 xl:mb-20 z-10">
+              <div class="flex mb-8 items-center justify-center w-15 h-15 bg-white rounded-full border-3 border-black text-2xl font-semibold text-black">LC</div>
+              <h4 class="text-4xl font-medium">Lill Caoimhin</h4>
+              <span>Co-Founder</span>
+            </div>
+            <div class="flex -mx-2">
+              <div class="w-1/2 px-2">
+                <div class="animate-bouncingSlow">
+                  <div class="relative h-44 bg-blue-500 rounded-t-xl">
+                    <div class="absolute z-10 bottom-0 left-0 ml-7 mb-3 flex items-center justify-center w-15 h-15 bg-white rounded-full border-3 border-black text-2xl font-semibold text-black">MA</div>
+                    <img class="absolute bottom-0 left-1/2 transform -translate-x-1/2 xl:h-52 object-contain xl:object-cover" src="suncealand-assets/images/portait-without-background2.png" alt="">
+                  </div>
+                  <div class="px-8 pt-6 pb-8 bg-white rounded-b-xl">
+                    <h4 class="text-2xl font-medium">Meave Anders</h4>
+                    <span>Co-Founder</span>
+                  </div>
+                </div>
+              </div>
+              <div class="w-1/2 px-2">
+                <div class="animate-bouncingSlow" style="animation-delay: 1s;">
+                  <div class="relative h-44 bg-indigo-500 rounded-t-xl">
+                    <div class="absolute z-10 bottom-0 left-0 ml-7 mb-3 flex items-center justify-center w-15 h-15 bg-white rounded-full border-3 border-black text-2xl font-semibold text-black">CR</div>
+                    <img class="absolute bottom-0 left-1/2 transform -translate-x-1/2 xl:h-52 object-contain xl:object-cover" src="suncealand-assets/images/portait-without-background1.png" alt="">
+                  </div>
+                  <div class="px-8 pt-6 pb-8 bg-white rounded-b-xl">
+                    <h4 class="text-2xl font-medium">Calvin Ramsay</h4>
+                    <span>Graphic Designer</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="lg:hidden w-full px-4">
+          <div class="relative pt-135 sm:-mr-10">
+            <img class="absolute top-0 left-0 ml-12 mt-52 h-88 object-cover" src="suncealand-assets/images/portrait-woman-without-bg-medium.png" alt="">
+            <div class="absolute top-0 left-0 mt-32 z-10">
+              <div class="flex mb-6 items-center justify-center w-12 h-12 bg-white rounded-full border-3 border-black text-xl font-semibold text-black">LC</div>
+              <h4 class="text-3xl xs:text-4xl font-medium">Lill Caoimhin</h4>
+              <span>Co-Founder</span>
+            </div>
+            <div>
+              <div class="w-full max-w-sm mx-auto mb-10">
+                <div class="relative h-44 bg-blue-500 rounded-t-xl">
+                  <div class="absolute z-10 bottom-0 left-0 ml-7 mb-3 flex items-center justify-center w-15 h-15 bg-white rounded-full border-3 border-black text-2xl font-semibold text-black">MA</div>
+                  <img class="absolute bottom-0 left-1/2 transform -translate-x-1/2 xl:h-52 object-contain xl:object-cover" src="suncealand-assets/images/portait-without-background2.png" alt="">
+                </div>
+                <div class="px-8 pt-6 pb-8 bg-white rounded-b-xl">
+                  <h4 class="text-2xl font-medium">Meave Anders</h4>
+                  <span>Co-Founder</span>
+                </div>
+              </div>
+              <div class="w-full max-w-sm mx-auto">
+                <div class="relative h-44 bg-indigo-500 rounded-t-xl">
+                  <div class="absolute z-10 bottom-0 left-0 ml-7 mb-3 flex items-center justify-center w-15 h-15 bg-white rounded-full border-3 border-black text-2xl font-semibold text-black">CR</div>
+                  <img class="absolute bottom-0 left-1/2 transform -translate-x-1/2 xl:h-52 object-contain xl:object-cover" src="suncealand-assets/images/portait-without-background1.png" alt="">
+                </div>
+                <div class="px-8 pt-6 pb-8 bg-white rounded-b-xl">
+                  <h4 class="text-2xl font-medium">Calvin Ramsay</h4>
+                  <span>Graphic Designer</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>

components/unsorted/suncealand-all-FBvUmDfi.html

@@ -0,0 +1 @@
+<div> </div>