From 655dbf286f619686590913b249267aa93b167724 Mon Sep 17 00:00:00 2001
From: a4akki <akhilsharma870@gmail.com>
Date: Sun, 17 Dec 2023 05:00:57 -0800
Subject: [PATCH] ..

---
 components/unsorted/casper-all-BEcUCHGT.html | 102 +++++++++
 components/unsorted/casper-all-BaKgKLMY.html |  91 ++++++++
 components/unsorted/casper-all-BePDmlrq.html |  30 +++
 components/unsorted/casper-all-CisfGJqZ.html |  46 ++++
 components/unsorted/casper-all-DAbaCnen.html |  54 +++++
 components/unsorted/casper-all-DXfrvYTt.html |  71 ++++++
 components/unsorted/casper-all-EcmXsUnR.html | 162 +++++++++++++
 components/unsorted/casper-all-EdqcyZVh.html | 186 +++++++++++++++
 components/unsorted/casper-all-Ekoqybvx.html |  23 ++
 components/unsorted/casper-all-FEvkHzGb.html |  51 +++++
 components/unsorted/casper-all-FLttlpJX.html | 178 +++++++++++++++
 components/unsorted/casper-all-GJWuzeKH.html |  44 ++++
 components/unsorted/casper-all-GKOHDgdO.html |  35 +++
 components/unsorted/casper-all-GTdWaDOL.html | 129 +++++++++++
 components/unsorted/casper-all-GscAYamm.html |  45 ++++
 components/unsorted/casper-all-HhOGwaEP.html | 155 +++++++++++++
 components/unsorted/casper-all-IIOYEtzm.html | 113 +++++++++
 components/unsorted/casper-all-JbXUrWyU.html |  71 ++++++
 components/unsorted/casper-all-KQJfTywK.html |  42 ++++
 components/unsorted/casper-all-KlHiMHZM.html |  65 ++++++
 components/unsorted/casper-all-LvKbWOAc.html |  54 +++++
 components/unsorted/casper-all-MIYEjGhS.html |  80 +++++++
 components/unsorted/casper-all-NLSrYcJr.html |  68 ++++++
 components/unsorted/casper-all-NzAxUIUF.html |  50 ++++
 components/unsorted/casper-all-OLElGPGd.html |  56 +++++
 components/unsorted/casper-all-OQVjqMHk.html |  53 +++++
 components/unsorted/casper-all-OgfjonmU.html | 116 ++++++++++
 components/unsorted/casper-all-OsZzPCLp.html |  42 ++++
 components/unsorted/casper-all-PERyZgYQ.html |  84 +++++++
 components/unsorted/casper-all-QKdnGgED.html |  78 +++++++
 components/unsorted/casper-all-QSZglBQT.html | 209 +++++++++++++++++
 components/unsorted/casper-all-QYuYwIXs.html |  30 +++
 components/unsorted/casper-all-QoRUMxgr.html |  43 ++++
 components/unsorted/casper-all-RjvziZwZ.html |  93 ++++++++
 components/unsorted/casper-all-SEqVyhBF.html |   1 +
 components/unsorted/casper-all-TAnSHdon.html |  97 ++++++++
 components/unsorted/casper-all-UOgbteRc.html |  76 +++++++
 components/unsorted/casper-all-UrDrANAn.html |  43 ++++
 components/unsorted/casper-all-UyplQkUY.html | 104 +++++++++
 components/unsorted/casper-all-VUnIHQBk.html | 134 +++++++++++
 components/unsorted/casper-all-VVxlLawK.html |  36 +++
 components/unsorted/casper-all-VxnepLgv.html |  70 ++++++
 components/unsorted/casper-all-WFSnfZjH.html | 106 +++++++++
 components/unsorted/casper-all-WqRNmyFb.html |  95 ++++++++
 components/unsorted/casper-all-XEnqyNdZ.html | 128 +++++++++++
 components/unsorted/casper-all-XuhWYOMQ.html |  99 ++++++++
 components/unsorted/casper-all-YWJiEUpb.html |  60 +++++
 components/unsorted/casper-all-ZRWOFDip.html | 184 +++++++++++++++
 components/unsorted/casper-all-ZhSSpsVW.html |  27 +++
 components/unsorted/casper-all-ZihYHhuH.html | 209 +++++++++++++++++
 components/unsorted/casper-all-aijgzYxB.html |  80 +++++++
 components/unsorted/casper-all-cNWpNEZu.html |  25 ++
 components/unsorted/casper-all-cinYkgCu.html |  37 +++
 components/unsorted/casper-all-czSiJEBB.html |  65 ++++++
 components/unsorted/casper-all-fBaRbbni.html |  37 +++
 components/unsorted/casper-all-fdVMzstZ.html | 131 +++++++++++
 components/unsorted/casper-all-fwQFOhqU.html |  34 +++
 components/unsorted/casper-all-gaBuzEzQ.html |  80 +++++++
 components/unsorted/casper-all-gogKbWtG.html | 176 ++++++++++++++
 components/unsorted/casper-all-hddKguEz.html |  47 ++++
 components/unsorted/casper-all-heWyGgff.html |  58 +++++
 components/unsorted/casper-all-hxoIYDqh.html |  74 ++++++
 components/unsorted/casper-all-iNkKJpzn.html |  48 ++++
 components/unsorted/casper-all-iVnrvCoD.html |  75 ++++++
 components/unsorted/casper-all-jGgCLowV.html |  73 ++++++
 components/unsorted/casper-all-jHEsQxLA.html |  61 +++++
 components/unsorted/casper-all-juQlHlGD.html |  55 +++++
 components/unsorted/casper-all-kGxvpofe.html |  81 +++++++
 components/unsorted/casper-all-kZcAgyEa.html |  34 +++
 components/unsorted/casper-all-kgrWtFbL.html |  59 +++++
 components/unsorted/casper-all-lyPRSUMP.html | 132 +++++++++++
 components/unsorted/casper-all-mEEuPCtz.html | 112 +++++++++
 components/unsorted/casper-all-nzyvINgO.html |  25 ++
 components/unsorted/casper-all-oCGkXIas.html |  93 ++++++++
 components/unsorted/casper-all-oSZQSXQJ.html |  44 ++++
 components/unsorted/casper-all-oXYOVTZC.html |  49 ++++
 components/unsorted/casper-all-obxrnHWF.html | 111 +++++++++
 components/unsorted/casper-all-ogOtBleP.html |  67 ++++++
 components/unsorted/casper-all-pHpVgwaW.html |  94 ++++++++
 components/unsorted/casper-all-qeHyUEAZ.html |  52 +++++
 components/unsorted/casper-all-rwFcusAQ.html |  72 ++++++
 components/unsorted/casper-all-uMvmgipY.html |  58 +++++
 components/unsorted/casper-all-umsBPfbC.html | 227 +++++++++++++++++++
 components/unsorted/casper-all-vUwIWzpf.html |  51 +++++
 components/unsorted/casper-all-vdGETsUJ.html |  70 ++++++
 components/unsorted/casper-all-vmxDTIJG.html | 133 +++++++++++
 components/unsorted/casper-all-vzKXnEDd.html |  83 +++++++
 components/unsorted/casper-all-wwuJUCvE.html |  31 +++
 components/unsorted/casper-all-xMhBINpb.html |  77 +++++++
 components/unsorted/casper-all-xVEaELnY.html |  40 ++++
 components/unsorted/casper-all-xvyiAtAj.html |  48 ++++
 components/unsorted/casper-all-yqZLDnIM.html |  28 +++
 components/unsorted/casper-all-zPyhCUYv.html |  61 +++++
 components/unsorted/casper-all-znozteZT.html | 196 ++++++++++++++++
 make.js                                      |   2 +-
 95 files changed, 7503 insertions(+), 1 deletion(-)
 create mode 100644 components/unsorted/casper-all-BEcUCHGT.html
 create mode 100644 components/unsorted/casper-all-BaKgKLMY.html
 create mode 100644 components/unsorted/casper-all-BePDmlrq.html
 create mode 100644 components/unsorted/casper-all-CisfGJqZ.html
 create mode 100644 components/unsorted/casper-all-DAbaCnen.html
 create mode 100644 components/unsorted/casper-all-DXfrvYTt.html
 create mode 100644 components/unsorted/casper-all-EcmXsUnR.html
 create mode 100644 components/unsorted/casper-all-EdqcyZVh.html
 create mode 100644 components/unsorted/casper-all-Ekoqybvx.html
 create mode 100644 components/unsorted/casper-all-FEvkHzGb.html
 create mode 100644 components/unsorted/casper-all-FLttlpJX.html
 create mode 100644 components/unsorted/casper-all-GJWuzeKH.html
 create mode 100644 components/unsorted/casper-all-GKOHDgdO.html
 create mode 100644 components/unsorted/casper-all-GTdWaDOL.html
 create mode 100644 components/unsorted/casper-all-GscAYamm.html
 create mode 100644 components/unsorted/casper-all-HhOGwaEP.html
 create mode 100644 components/unsorted/casper-all-IIOYEtzm.html
 create mode 100644 components/unsorted/casper-all-JbXUrWyU.html
 create mode 100644 components/unsorted/casper-all-KQJfTywK.html
 create mode 100644 components/unsorted/casper-all-KlHiMHZM.html
 create mode 100644 components/unsorted/casper-all-LvKbWOAc.html
 create mode 100644 components/unsorted/casper-all-MIYEjGhS.html
 create mode 100644 components/unsorted/casper-all-NLSrYcJr.html
 create mode 100644 components/unsorted/casper-all-NzAxUIUF.html
 create mode 100644 components/unsorted/casper-all-OLElGPGd.html
 create mode 100644 components/unsorted/casper-all-OQVjqMHk.html
 create mode 100644 components/unsorted/casper-all-OgfjonmU.html
 create mode 100644 components/unsorted/casper-all-OsZzPCLp.html
 create mode 100644 components/unsorted/casper-all-PERyZgYQ.html
 create mode 100644 components/unsorted/casper-all-QKdnGgED.html
 create mode 100644 components/unsorted/casper-all-QSZglBQT.html
 create mode 100644 components/unsorted/casper-all-QYuYwIXs.html
 create mode 100644 components/unsorted/casper-all-QoRUMxgr.html
 create mode 100644 components/unsorted/casper-all-RjvziZwZ.html
 create mode 100644 components/unsorted/casper-all-SEqVyhBF.html
 create mode 100644 components/unsorted/casper-all-TAnSHdon.html
 create mode 100644 components/unsorted/casper-all-UOgbteRc.html
 create mode 100644 components/unsorted/casper-all-UrDrANAn.html
 create mode 100644 components/unsorted/casper-all-UyplQkUY.html
 create mode 100644 components/unsorted/casper-all-VUnIHQBk.html
 create mode 100644 components/unsorted/casper-all-VVxlLawK.html
 create mode 100644 components/unsorted/casper-all-VxnepLgv.html
 create mode 100644 components/unsorted/casper-all-WFSnfZjH.html
 create mode 100644 components/unsorted/casper-all-WqRNmyFb.html
 create mode 100644 components/unsorted/casper-all-XEnqyNdZ.html
 create mode 100644 components/unsorted/casper-all-XuhWYOMQ.html
 create mode 100644 components/unsorted/casper-all-YWJiEUpb.html
 create mode 100644 components/unsorted/casper-all-ZRWOFDip.html
 create mode 100644 components/unsorted/casper-all-ZhSSpsVW.html
 create mode 100644 components/unsorted/casper-all-ZihYHhuH.html
 create mode 100644 components/unsorted/casper-all-aijgzYxB.html
 create mode 100644 components/unsorted/casper-all-cNWpNEZu.html
 create mode 100644 components/unsorted/casper-all-cinYkgCu.html
 create mode 100644 components/unsorted/casper-all-czSiJEBB.html
 create mode 100644 components/unsorted/casper-all-fBaRbbni.html
 create mode 100644 components/unsorted/casper-all-fdVMzstZ.html
 create mode 100644 components/unsorted/casper-all-fwQFOhqU.html
 create mode 100644 components/unsorted/casper-all-gaBuzEzQ.html
 create mode 100644 components/unsorted/casper-all-gogKbWtG.html
 create mode 100644 components/unsorted/casper-all-hddKguEz.html
 create mode 100644 components/unsorted/casper-all-heWyGgff.html
 create mode 100644 components/unsorted/casper-all-hxoIYDqh.html
 create mode 100644 components/unsorted/casper-all-iNkKJpzn.html
 create mode 100644 components/unsorted/casper-all-iVnrvCoD.html
 create mode 100644 components/unsorted/casper-all-jGgCLowV.html
 create mode 100644 components/unsorted/casper-all-jHEsQxLA.html
 create mode 100644 components/unsorted/casper-all-juQlHlGD.html
 create mode 100644 components/unsorted/casper-all-kGxvpofe.html
 create mode 100644 components/unsorted/casper-all-kZcAgyEa.html
 create mode 100644 components/unsorted/casper-all-kgrWtFbL.html
 create mode 100644 components/unsorted/casper-all-lyPRSUMP.html
 create mode 100644 components/unsorted/casper-all-mEEuPCtz.html
 create mode 100644 components/unsorted/casper-all-nzyvINgO.html
 create mode 100644 components/unsorted/casper-all-oCGkXIas.html
 create mode 100644 components/unsorted/casper-all-oSZQSXQJ.html
 create mode 100644 components/unsorted/casper-all-oXYOVTZC.html
 create mode 100644 components/unsorted/casper-all-obxrnHWF.html
 create mode 100644 components/unsorted/casper-all-ogOtBleP.html
 create mode 100644 components/unsorted/casper-all-pHpVgwaW.html
 create mode 100644 components/unsorted/casper-all-qeHyUEAZ.html
 create mode 100644 components/unsorted/casper-all-rwFcusAQ.html
 create mode 100644 components/unsorted/casper-all-uMvmgipY.html
 create mode 100644 components/unsorted/casper-all-umsBPfbC.html
 create mode 100644 components/unsorted/casper-all-vUwIWzpf.html
 create mode 100644 components/unsorted/casper-all-vdGETsUJ.html
 create mode 100644 components/unsorted/casper-all-vmxDTIJG.html
 create mode 100644 components/unsorted/casper-all-vzKXnEDd.html
 create mode 100644 components/unsorted/casper-all-wwuJUCvE.html
 create mode 100644 components/unsorted/casper-all-xMhBINpb.html
 create mode 100644 components/unsorted/casper-all-xVEaELnY.html
 create mode 100644 components/unsorted/casper-all-xvyiAtAj.html
 create mode 100644 components/unsorted/casper-all-yqZLDnIM.html
 create mode 100644 components/unsorted/casper-all-zPyhCUYv.html
 create mode 100644 components/unsorted/casper-all-znozteZT.html

diff --git a/components/unsorted/casper-all-BEcUCHGT.html b/components/unsorted/casper-all-BEcUCHGT.html
new file mode 100644
index 0000000..d6e628f
--- /dev/null
+++ b/components/unsorted/casper-all-BEcUCHGT.html
@@ -0,0 +1,102 @@
+<div><section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 ml-40 w-160 h-160 bg-gradient-to-t from-purple-700 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="absolute top-0 right-0 mr-40 w-160 h-160 bg-gradient-to-t from-violet-900 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-md md:max-w-none mx-auto">
+        <div class="flex flex-wrap items-center -mx-4 mb-16">
+          <div class="relative w-full lg:w-1/2 px-4 mb-16 lg:mb-0">
+            <img class="hidden md:block absolute top-0 right-0 -mt-20 animate-spinStar" src="casper-assets/team/blink-star.png" alt="">
+            <div class="relative max-w-2xl">
+              <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight">
+                <span>Get to know our amazing</span>
+                <span class="text-sky-900">Team</span>
+              </h2>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4 lg:text-right">
+            <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">
+              <span class="mr-2">SHOW ALL PEOPLE</span>
+              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+              </svg>
+            </a>
+          </div>
+        </div>
+        <div class="flex flex-wrap items-center -mx-4 mb-16">
+          <div class="w-full lg:w-1/2 px-4 mb-16 lg:mb-0">
+            <div class="flex items-center">
+              <div>
+                <span class="block text-3xl sm:text-5xl font-semibold text-white mb-2">300+</span>
+                <span class="text-xl text-white">Tech Team</span>
+              </div>
+              <div>
+                <div class="w-px h-20 mx-6 xs:mx-12 sm:mx-16 bg-gray-700"></div>
+              </div>
+              <div>
+                <span class="block text-3xl sm:text-5xl font-semibold text-white mb-2">80</span>
+                <span class="text-xl text-white">Fungsional Team</span>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4">
+            <div>
+              <div class="pb-6 mb-6 border-b border-gray-600">
+                <h4 class="text-3xl text-white font-medium leading-none">Let’s join with us</h4>
+              </div>
+              <p class="max-w-xl text-xl text-gray-500">Say goodbye to static web pages and hello to an interactive, conversational platform that will captivate your visitors from the moment they land on your site.</p>
+            </div>
+          </div>
+        </div>
+        <div class="flex flex-wrap items-center -mx-4 -mb-8">
+          <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8">
+            <div class="relative group cursor-pointer">
+              <img class="block w-full transform group-hover:scale-110 group-hover:opacity-100 transition duration-500" src="casper-assets/team/bg-avatar-circle.png" alt="">
+              <img class="absolute top-0 left-0 w-full transform group-hover:scale-100 group-hover:opacity-0 transition duration-500" src="casper-assets/team/avatar-circle-3.png" alt="">
+              <div class="opacity-0 group-hover:opacity-100 absolute top-1/2 left-1/2 w-full transform -translate-x-1/2 -translate-y-1/2 transition duration-500">
+                <div class="text-center">
+                  <span class="block text-3xl font-medium">Beby Jovanca</span>
+                  <span class="block text-lg font-medium">Co Founder</span>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8">
+            <div class="relative group cursor-pointer">
+              <img class="block w-full transform group-hover:scale-110 group-hover:opacity-100 transition duration-500" src="casper-assets/team/bg-avatar-circle.png" alt="">
+              <img class="absolute top-0 left-0 w-full transform group-hover:scale-100 group-hover:opacity-0 transition duration-500" src="casper-assets/team/avatar-circle-1.png" alt="">
+              <div class="opacity-0 group-hover:opacity-100 absolute top-1/2 left-1/2 w-full transform -translate-x-1/2 -translate-y-1/2 transition duration-500">
+                <div class="text-center">
+                  <span class="block text-3xl font-medium">Jenny Wilson</span>
+                  <span class="block text-lg font-medium">Co Founder</span>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8">
+            <div class="relative group cursor-pointer">
+              <img class="block w-full transform group-hover:scale-110 group-hover:opacity-100 transition duration-500" src="casper-assets/team/bg-avatar-circle.png" alt="">
+              <img class="absolute top-0 left-0 w-full transform group-hover:scale-100 group-hover:opacity-0 transition duration-500" src="casper-assets/team/avatar-circle-2.png" alt="">
+              <div class="opacity-0 group-hover:opacity-100 absolute top-1/2 left-1/2 w-full transform -translate-x-1/2 -translate-y-1/2 transition duration-500">
+                <div class="text-center">
+                  <span class="block text-3xl font-medium">Beby Jovanca</span>
+                  <span class="block text-lg font-medium">Co Founder</span>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8">
+            <div class="relative group cursor-pointer">
+              <img class="block w-full transform group-hover:scale-110 group-hover:opacity-100 transition duration-500" src="casper-assets/team/bg-avatar-circle.png" alt="">
+              <img class="absolute top-0 left-0 w-full transform group-hover:scale-100 group-hover:opacity-0 transition duration-500" src="casper-assets/team/avatar-circle-1.png" alt="">
+              <div class="opacity-0 group-hover:opacity-100 absolute top-1/2 left-1/2 w-full transform -translate-x-1/2 -translate-y-1/2 transition duration-500">
+                <div class="text-center">
+                  <span class="block text-3xl font-medium">Jenny Wilson</span>
+                  <span class="block text-lg font-medium">Co Founder</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-BaKgKLMY.html b/components/unsorted/casper-all-BaKgKLMY.html
new file mode 100644
index 0000000..921d537
--- /dev/null
+++ b/components/unsorted/casper-all-BaKgKLMY.html
@@ -0,0 +1,91 @@
+<div> <section class="relative py-12 sm:pt-24 lg:pt-32 bg-body overflow-hidden">
+    <img class="hidden sm:block absolute top-0 left-1/2 ml-40 sm:ml-64 lg:ml-0 mt-16 animate-spinStar" src="casper-assets/sign-in/blink.png" alt="">
+    <img class="absolute top-0 right-0 pt-16" src="casper-assets/sign-in/double-lines-circle.svg" alt="">
+    <img class="absolute bottom-0 left-0" src="casper-assets/sign-in/blur-circle-left-bottom.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="flex flex-wrap items-center -mx-4">
+        <div class="relative w-full lg:w-1/2 px-4">
+          <div class="absolute top-0 left-0 mt-20 w-148 h-148 bg-gradient-to-t from-purple-700 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+          <div class="relative max-w-xl">
+            <h2 class="font-heading text-5xl sm:text-7xl font-medium text-white tracking-tight mb-6">Sign up to your account</h2>
+            <p class="text-xl text-gray-400">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+            <img src="casper-assets/sign-in/chip-sm.png" alt="">
+          </div>
+        </div>
+        <div class="w-full lg:w-1/2 px-4">
+          <div class="max-w-md mx-auto">
+            <form action="">
+              <div class="flex flex-col md:flex-row mb-6 items-center">
+                <a class="inline-flex w-full h-12 mb-4 md:mb-0 md:mr-3 px-4 items-center justify-center text-sm font-medium text-gray-400 hover:text-gray-300 border border-gray-800 hover:border-gray-700 rounded-full" href="#">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M15.12 5.32H17V2.14C16.0897 2.04535 15.1751 1.99862 14.26 2C11.54 2 9.67999 3.66 9.67999 6.7V9.32H6.60999V12.88H9.67999V22H13.36V12.88H16.42L16.88 9.32H13.36V7.05C13.36 6 13.64 5.32 15.12 5.32Z" fill="white"></path>
+                  </svg>
+                  <span class="ml-2">Login with Facebook</span>
+                </a>
+                <a class="inline-flex w-full h-12 px-4 items-center justify-center text-sm font-medium text-gray-400 hover:text-gray-300 border border-gray-800 hover:border-gray-700 rounded-full" href="#">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M14.94 5.19C15.3181 4.75428 15.6063 4.24817 15.7882 3.70074C15.9701 3.1533 16.0421 2.57533 16 2C14.8394 2.09369 13.762 2.63956 13 3.52C12.6351 3.94198 12.3586 4.43288 12.1868 4.96364C12.0151 5.49441 11.9516 6.05424 12 6.61C12.5662 6.61472 13.1258 6.4891 13.6356 6.24286C14.1454 5.99662 14.5918 5.63637 14.94 5.19ZM17.46 12.63C17.4667 11.8637 17.6686 11.1118 18.0465 10.4452C18.4244 9.77859 18.966 9.21926 19.62 8.82C19.2073 8.22524 18.6616 7.73483 18.0263 7.38767C17.391 7.04052 16.6835 6.84615 15.96 6.82C14.4 6.66 12.96 7.73 12.13 7.73C11.3 7.73 10.13 6.84 8.83003 6.86C7.98016 6.888 7.15205 7.13578 6.42648 7.57919C5.70091 8.02259 5.10264 8.64648 4.69003 9.39C2.93003 12.45 4.24003 17 6.00003 19.47C6.80003 20.68 7.80003 22.05 9.12003 22C10.44 21.95 10.87 21.18 12.4 21.18C13.93 21.18 14.4 22 15.7 21.97C17 21.94 17.92 20.73 18.76 19.52C19.3551 18.6415 19.8199 17.6816 20.14 16.67C19.3475 16.332 18.6714 15.7693 18.1951 15.0513C17.7188 14.3333 17.4633 13.4916 17.46 12.63Z" fill="white"></path>
+                  </svg>
+                  <span class="ml-2">Login with Apple</span>
+                </a>
+              </div>
+              <div class="flex mb-6 items-center">
+                <div class="h-px w-full">
+                  <div class="h-1/2 bg-gray-800"></div>
+                </div>
+                <span class="inline-block mx-4 text-sm text-gray-300">Or</span>
+                <div class="h-px w-full">
+                  <div class="h-1/2 bg-gray-800"></div>
+                </div>
+              </div>
+              <div class="text-left">
+                <span class="block mb-2 text-sm font-medium text-white leading-snug">Email</span>
+                <input class="block w-full py-2 px-3 h-11 mb-6 bg-gray-800 border border-gray-700 rounded-lg text-sm placeholder-gray-500 text-white border-none outline-none" type="email" placeholder="casper@shuffle.dev">
+                <span class="block mb-2 text-sm font-medium text-white leading-snug">Password</span>
+                <div class="flex py-2 px-3 h-11 mb-5 bg-gray-800 border border-gray-700 rounded-lg">
+                  <input class="w-full bg-transparent text-sm placeholder-gray-500 text-white border-none outline-none" type="email" placeholder="Enter your password">
+                  <button class="text-gray-600 hover:text-gray-200">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M21.9199 11.6C19.8999 6.91 16.0999 4 11.9999 4C7.89994 4 4.09994 6.91 2.07994 11.6C2.02488 11.7262 1.99646 11.8623 1.99646 12C1.99646 12.1377 2.02488 12.2738 2.07994 12.4C4.09994 17.09 7.89994 20 11.9999 20C16.0999 20 19.8999 17.09 21.9199 12.4C21.975 12.2738 22.0034 12.1377 22.0034 12C22.0034 11.8623 21.975 11.7262 21.9199 11.6ZM11.9999 18C8.81994 18 5.82994 15.71 4.09994 12C5.82994 8.29 8.81994 6 11.9999 6C15.1799 6 18.1699 8.29 19.8999 12C18.1699 15.71 15.1799 18 11.9999 18ZM11.9999 8C11.2088 8 10.4355 8.2346 9.77766 8.67412C9.11987 9.11365 8.60718 9.73836 8.30443 10.4693C8.00168 11.2002 7.92246 12.0044 8.0768 12.7804C8.23114 13.5563 8.61211 14.269 9.17152 14.8284C9.73093 15.3878 10.4437 15.7688 11.2196 15.9231C11.9955 16.0775 12.7998 15.9983 13.5307 15.6955C14.2616 15.3928 14.8863 14.8801 15.3258 14.2223C15.7653 13.5645 15.9999 12.7911 15.9999 12C15.9999 10.9391 15.5785 9.92172 14.8284 9.17157C14.0782 8.42143 13.0608 8 11.9999 8ZM11.9999 14C11.6044 14 11.2177 13.8827 10.8888 13.6629C10.5599 13.4432 10.3036 13.1308 10.1522 12.7654C10.0008 12.3999 9.9612 11.9978 10.0384 11.6098C10.1155 11.2219 10.306 10.8655 10.5857 10.5858C10.8654 10.3061 11.2218 10.1156 11.6098 10.0384C11.9977 9.96126 12.3999 10.0009 12.7653 10.1522C13.1308 10.3036 13.4431 10.56 13.6629 10.8889C13.8826 11.2178 13.9999 11.6044 13.9999 12C13.9999 12.5304 13.7892 13.0391 13.4142 13.4142C13.0391 13.7893 12.5304 14 11.9999 14Z" fill="currentColor"></path>
+                    </svg>
+                  </button>
+                </div>
+                <span class="block mb-2 text-sm font-medium text-white leading-snug">Repeat password</span>
+                <div class="flex py-2 px-3 h-11 mb-5 bg-gray-800 border border-gray-700 rounded-lg">
+                  <input class="w-full bg-transparent text-sm placeholder-gray-500 text-white border-none outline-none" type="email" placeholder="Repeat password">
+                  <button class="text-gray-600 hover:text-gray-200">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M21.9199 11.6C19.8999 6.91 16.0999 4 11.9999 4C7.89994 4 4.09994 6.91 2.07994 11.6C2.02488 11.7262 1.99646 11.8623 1.99646 12C1.99646 12.1377 2.02488 12.2738 2.07994 12.4C4.09994 17.09 7.89994 20 11.9999 20C16.0999 20 19.8999 17.09 21.9199 12.4C21.975 12.2738 22.0034 12.1377 22.0034 12C22.0034 11.8623 21.975 11.7262 21.9199 11.6ZM11.9999 18C8.81994 18 5.82994 15.71 4.09994 12C5.82994 8.29 8.81994 6 11.9999 6C15.1799 6 18.1699 8.29 19.8999 12C18.1699 15.71 15.1799 18 11.9999 18ZM11.9999 8C11.2088 8 10.4355 8.2346 9.77766 8.67412C9.11987 9.11365 8.60718 9.73836 8.30443 10.4693C8.00168 11.2002 7.92246 12.0044 8.0768 12.7804C8.23114 13.5563 8.61211 14.269 9.17152 14.8284C9.73093 15.3878 10.4437 15.7688 11.2196 15.9231C11.9955 16.0775 12.7998 15.9983 13.5307 15.6955C14.2616 15.3928 14.8863 14.8801 15.3258 14.2223C15.7653 13.5645 15.9999 12.7911 15.9999 12C15.9999 10.9391 15.5785 9.92172 14.8284 9.17157C14.0782 8.42143 13.0608 8 11.9999 8ZM11.9999 14C11.6044 14 11.2177 13.8827 10.8888 13.6629C10.5599 13.4432 10.3036 13.1308 10.1522 12.7654C10.0008 12.3999 9.9612 11.9978 10.0384 11.6098C10.1155 11.2219 10.306 10.8655 10.5857 10.5858C10.8654 10.3061 11.2218 10.1156 11.6098 10.0384C11.9977 9.96126 12.3999 10.0009 12.7653 10.1522C13.1308 10.3036 13.4431 10.56 13.6629 10.8889C13.8826 11.2178 13.9999 11.6044 13.9999 12C13.9999 12.5304 13.7892 13.0391 13.4142 13.4142C13.0391 13.7893 12.5304 14 11.9999 14Z" fill="currentColor"></path>
+                    </svg>
+                  </button>
+                </div>
+                <div class="mb-4">
+                  <label class="custom-checkbox flex items-center relative h-8 cursor-pointer">
+                    <span class="inline-block ml-6 text-sm text-gray-400">Remember for 30 days</span>
+                    <input class="absolute top-0 left-0 transform translate-y-1/2 w-4 h-4 opacity-0" type="checkbox" checked="">
+                    <span class="custom-check absolute top-0 left-0 transform translate-y-1/2 flex h-4 w-4 items-center justify-center bg-violet-400 border border-violet-700 rounded">
+                      <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12.4733 4.80667C12.4114 4.74418 12.3376 4.69458 12.2564 4.66074C12.1752 4.62689 12.088 4.60947 12 4.60947C11.912 4.60947 11.8249 4.62689 11.7436 4.66074C11.6624 4.69458 11.5886 4.74418 11.5267 4.80667L6.56001 9.78L4.47334 7.68667C4.40899 7.62451 4.33303 7.57563 4.2498 7.54283C4.16656 7.51003 4.07768 7.49394 3.98822 7.49549C3.89877 7.49703 3.8105 7.51619 3.72844 7.55185C3.64639 7.58751 3.57217 7.63898 3.51001 7.70333C3.44785 7.76768 3.39897 7.84364 3.36617 7.92688C3.33337 8.01011 3.31728 8.099 3.31883 8.18845C3.32038 8.2779 3.33953 8.36618 3.37519 8.44823C3.41085 8.53028 3.46233 8.60451 3.52667 8.66667L6.08667 11.2267C6.14865 11.2892 6.22238 11.3387 6.30362 11.3726C6.38486 11.4064 6.472 11.4239 6.56001 11.4239C6.64802 11.4239 6.73515 11.4064 6.81639 11.3726C6.89763 11.3387 6.97137 11.2892 7.03334 11.2267L12.4733 5.78667C12.541 5.72424 12.595 5.64847 12.632 5.56414C12.6689 5.4798 12.688 5.38873 12.688 5.29667C12.688 5.2046 12.6689 5.11353 12.632 5.02919C12.595 4.94486 12.541 4.86909 12.4733 4.80667Z" fill="currentColor"></path>
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+                <div>
+                  <button class="flex w-full h-14 py-2 px-4 mb-5 items-center justify-center text-base font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" type="submit">
+                    <span class="mr-2">LOGIN NOW</span>
+                    <svg width="25" height="24" viewbox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M18.4199 6.62C18.3185 6.37565 18.1243 6.18147 17.8799 6.08C17.7597 6.02876 17.6306 6.00158 17.4999 6H7.49994C7.23472 6 6.98037 6.10536 6.79283 6.29289C6.6053 6.48043 6.49994 6.73478 6.49994 7C6.49994 7.26522 6.6053 7.51957 6.79283 7.70711C6.98037 7.89464 7.23472 8 7.49994 8H15.0899L6.78994 16.29C6.69621 16.383 6.62182 16.4936 6.57105 16.6154C6.52028 16.7373 6.49414 16.868 6.49414 17C6.49414 17.132 6.52028 17.2627 6.57105 17.3846C6.62182 17.5064 6.69621 17.617 6.78994 17.71C6.8829 17.8037 6.9935 17.8781 7.11536 17.9289C7.23722 17.9797 7.36793 18.0058 7.49994 18.0058C7.63195 18.0058 7.76266 17.9797 7.88452 17.9289C8.00638 17.8781 8.11698 17.8037 8.20994 17.71L16.4999 9.41V17C16.4999 17.2652 16.6053 17.5196 16.7928 17.7071C16.9804 17.8946 17.2347 18 17.4999 18C17.7652 18 18.0195 17.8946 18.207 17.7071C18.3946 17.5196 18.4999 17.2652 18.4999 17V7C18.4984 6.86932 18.4712 6.74022 18.4199 6.62Z" fill="currentColor"></path>
+                    </svg>
+                  </button>
+                  <p class="text-sm font-medium text-white">
+                    <span>Already have an account?</span>
+                    <a class="inline-block text-sky-900 hover:text-sky-600" href="#">Sign in</a>
+                  </p>
+                </div>
+              </div>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-BePDmlrq.html b/components/unsorted/casper-all-BePDmlrq.html
new file mode 100644
index 0000000..a8b9295
--- /dev/null
+++ b/components/unsorted/casper-all-BePDmlrq.html
@@ -0,0 +1,30 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <img class="hidden md:block absolute top-0 left-0 z-10 -ml-20 lg:-ml-0 animate-spinStar" src="casper-assets/logo-clouds/blink-star.png" alt="">
+      <img class="hidden md:block absolute top-0 right-0 z-10 -mr-20 mt-20 lg:mt-0 w-28 lg:w-auto animate-movePlanet" src="casper-assets/logo-clouds/axe.png" alt="">
+      <div class="absolute top-0 right-0 -mt-72 w-148 h-148 bg-gradient-to-t from-blue-500 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative">
+        <div class="max-w-4xl mx-auto text-center mb-20">
+          <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-3">Over 100+ Company Use Casper</h2>
+          <p class="max-w-md mx-auto text-lg text-gray-500">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+        </div>
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full sm:w-1/5 px-4 mb-10 sm:mb-0">
+            <img class="block mx-auto" src="casper-assets/logo-clouds/logo-icons5.svg" alt="">
+          </div>
+          <div class="w-full sm:w-1/5 px-4 mb-10 sm:mb-0">
+            <img class="block mx-auto" src="casper-assets/logo-clouds/logo-icons4.svg" alt="">
+          </div>
+          <div class="w-full sm:w-1/5 px-4 mb-10 sm:mb-0">
+            <img class="block mx-auto" src="casper-assets/logo-clouds/logo-icons3.svg" alt="">
+          </div>
+          <div class="w-full sm:w-1/5 px-4 mb-10 sm:mb-0">
+            <img class="block mx-auto" src="casper-assets/logo-clouds/logo-icons2.svg" alt="">
+          </div>
+          <div class="w-full sm:w-1/5 px-4">
+            <img class="block mx-auto" src="casper-assets/logo-clouds/logo-icons1.svg" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-CisfGJqZ.html b/components/unsorted/casper-all-CisfGJqZ.html
new file mode 100644
index 0000000..bcfc3de
--- /dev/null
+++ b/components/unsorted/casper-all-CisfGJqZ.html
@@ -0,0 +1,46 @@
+<section>
+    <nav class="relative px-4 md:px-10 lg:px-32 py-7">
+      <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/navigations/bg-navigation.png" alt="">
+      <div class="container mx-auto px-4">
+        <div class="relative flex items-center justify-between">
+          <a class="inline-block" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo.svg" alt="">
+          </a>
+          <div class="flex items-center justify-end">
+            <div class="hidden lg:block mr-10"><a class="inline-flex py-2 px-4 mr-4 items-center justify-center text-sm font-medium uppercase text-violet-900 hover:text-violet-500" href="#">SIGN IN</a><a class="inline-flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+            <button class="navbar-burger text-black hover:text-violet-500">
+              <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3 16H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M3 8H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M20 24L29 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <div class="hidden navbar-menu fixed top-0 left-0 bottom-0 w-5/6 max-w-md z-50">
+      <div class="navbar-backdrop fixed inset-0 bg-violet-900 opacity-20"></div>
+      <nav class="relative flex flex-col py-7 px-10 w-full h-full bg-white overflow-y-auto">
+        <div class="flex mb-auto items-center">
+          <a class="inline-block mr-auto" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo.svg" alt="">
+          </a>
+          <a class="navbar-close" href="#">
+            <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M6 18L18 6M6 6L18 18" stroke="#111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+            </svg>
+          </a>
+        </div>
+        <div class="py-12 mb-auto">
+          <ul class="flex-col">
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">FEATURED</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">SOLUTIONS</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">PRODUCTS</a></li>
+            <li><a class="inline-block text-base text-black font-medium uppercase" href="#">ARTICLES</a></li>
+          </ul>
+        </div>
+        <div><a class="flex py-2 px-4 mb-4 items-center justify-center text-sm font-medium uppercase text-violet-900 hover:text-violet-500" href="#">SIGN IN</a><a class="flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+      </nav>
+    </div>
+  </section><div> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-DAbaCnen.html b/components/unsorted/casper-all-DAbaCnen.html
new file mode 100644
index 0000000..77acb32
--- /dev/null
+++ b/components/unsorted/casper-all-DAbaCnen.html
@@ -0,0 +1,54 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 right-0 -mt-80 -mr-80 w-148 h-148 bg-gradient-to-t from-violet-700 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-lg lg:max-w-6xl mx-auto">
+        <div class="flex flex-wrap items-center -mx- mb-8">
+          <div class="w-full lg:w-1/2 px-4 mb-4 lg:mb-0">
+            <div class="max-w-lg">
+              <h2 class="font-heading text-5xl sm:text-7xl font-medium text-white tracking-tight">Sign up to our newsletter</h2>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4">
+            <div class="max-w-sm lg:ml-auto">
+              <p class="text-lg text-gray-400 tracking-tight">Nunc et tellus non erat lorem ipsum dolor sit amet consectures accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+            </div>
+          </div>
+        </div>
+        <div class="flex flex-wrap items-center -mx-4">
+          <div class="w-full lg:w-1/2 px-4 mb-6 lg:mb-0">
+            <div class="max-w-md">
+              <form action="">
+                <span class="block mb-2 text-sm font-medium text-white leading-snug">Email</span>
+                <div class="sm:flex mb-5">
+                  <input class="block w-full mb-4 sm:mb-0 sm:mr-3 py-2 px-3 h-11 bg-gray-800 border border-gray-700 focus:border-violet-500 rounded-lg text-sm placeholder-gray-500 text-white outline-none" type="email" placeholder="casper@shuffle.dev">
+                  <button class="sm:flex-shrink-0 flex w-full sm:w-auto h-11 py-2 px-5 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" type="submit">
+                    <span class="mr-2">Submit</span>
+                    <svg width="25" height="24" viewbox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M18.4199 6.62C18.3185 6.37565 18.1243 6.18147 17.8799 6.08C17.7597 6.02876 17.6306 6.00158 17.4999 6H7.49994C7.23472 6 6.98037 6.10536 6.79283 6.29289C6.6053 6.48043 6.49994 6.73478 6.49994 7C6.49994 7.26522 6.6053 7.51957 6.79283 7.70711C6.98037 7.89464 7.23472 8 7.49994 8H15.0899L6.78994 16.29C6.69621 16.383 6.62182 16.4936 6.57105 16.6154C6.52028 16.7373 6.49414 16.868 6.49414 17C6.49414 17.132 6.52028 17.2627 6.57105 17.3846C6.62182 17.5064 6.69621 17.617 6.78994 17.71C6.8829 17.8037 6.9935 17.8781 7.11536 17.9289C7.23722 17.9797 7.36793 18.0058 7.49994 18.0058C7.63195 18.0058 7.76266 17.9797 7.88452 17.9289C8.00638 17.8781 8.11698 17.8037 8.20994 17.71L16.4999 9.41V17C16.4999 17.2652 16.6053 17.5196 16.7928 17.7071C16.9804 17.8946 17.2347 18 17.4999 18C17.7652 18 18.0195 17.8946 18.207 17.7071C18.3946 17.5196 18.4999 17.2652 18.4999 17V7C18.4984 6.86932 18.4712 6.74022 18.4199 6.62Z" fill="currentColor"></path>
+                    </svg>
+                  </button>
+                </div>
+                <label class="custom-checkbox flex items-center relative h-8 cursor-pointer">
+                  <p class="inline-block ml-6 text-sm text-gray-400">
+                    <span>I agree with</span>
+                    <a class="inline-block text-sky-900 hover:text-violet-500" href="#">Privacy Policy</a>
+                    <span>and</span>
+                    <a class="inline-block text-sky-900 hover:text-violet-500" href="#">Terms of Conditions</a>
+                  </p>
+                  <input class="absolute top-0 left-0 transform translate-y-1/2 w-4 h-4 opacity-0" type="checkbox" checked="">
+                  <span class="custom-check absolute top-0 left-0 transform translate-y-1/2 flex h-4 w-4 items-center justify-center bg-violet-400 border border-violet-700 rounded">
+                    <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.4733 4.80667C12.4114 4.74418 12.3376 4.69458 12.2564 4.66074C12.1752 4.62689 12.088 4.60947 12 4.60947C11.912 4.60947 11.8249 4.62689 11.7436 4.66074C11.6624 4.69458 11.5886 4.74418 11.5267 4.80667L6.56001 9.78L4.47334 7.68667C4.40899 7.62451 4.33303 7.57563 4.2498 7.54283C4.16656 7.51003 4.07768 7.49394 3.98822 7.49549C3.89877 7.49703 3.8105 7.51619 3.72844 7.55185C3.64639 7.58751 3.57217 7.63898 3.51001 7.70333C3.44785 7.76768 3.39897 7.84364 3.36617 7.92688C3.33337 8.01011 3.31728 8.099 3.31883 8.18845C3.32038 8.2779 3.33953 8.36618 3.37519 8.44823C3.41085 8.53028 3.46233 8.60451 3.52667 8.66667L6.08667 11.2267C6.14865 11.2892 6.22238 11.3387 6.30362 11.3726C6.38486 11.4064 6.472 11.4239 6.56001 11.4239C6.64802 11.4239 6.73515 11.4064 6.81639 11.3726C6.89763 11.3387 6.97137 11.2892 7.03334 11.2267L12.4733 5.78667C12.541 5.72424 12.595 5.64847 12.632 5.56414C12.6689 5.4798 12.688 5.38873 12.688 5.29667C12.688 5.2046 12.6689 5.11353 12.632 5.02919C12.595 4.94486 12.541 4.86909 12.4733 4.80667Z" fill="currentColor"></path>
+                    </svg>
+                  </span>
+                </label>
+              </form>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4">
+            <img class="block w-full max-w-sm lg:ml-auto object-cover" src="casper-assets/newsletter/small-factory.png" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-DXfrvYTt.html b/components/unsorted/casper-all-DXfrvYTt.html
new file mode 100644
index 0000000..a7d7958
--- /dev/null
+++ b/components/unsorted/casper-all-DXfrvYTt.html
@@ -0,0 +1,71 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <img class="hidden md:block absolute top-0 right-0 animate-spinStar z-10" src="casper-assets/services/blink-star.png" alt="">
+      <div class="absolute top-0 right-0 -mr-52 -mt-64 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-md lg:max-w-4xl mx-auto lg:mx-0 mb-32">
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl lg:text-7xl font-medium text-white tracking-tight mb-6">Our Services</h2>
+        <p class="max-w-xl text-xl text-gray-500 tracking-tight">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+      </div>
+      <div class="relative max-w-md lg:max-w-none mx-auto">
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <a class="group block h-auto xl:h-128 p-8 border-2 border-white border-opacity-10 hover:border-opacity-100 rounded-3xl transition duration-200" href="#">
+              <div class="flex h-full flex-col items-start">
+                <div class="flex w-full mb-20 items-center justify-between">
+                  <img class="block w-18 h-18" src="casper-assets/services/circle-icon1.png" alt="">
+                  <span class="opacity-0 group-hover:opacity-100 transition duration-200">
+                    <svg width="60" height="60" viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M17.5 42.5L42.5 17.5" stroke="#1AC2E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M17.5 17.5H42.5V42.5" stroke="#1AC2E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </span>
+                </div>
+                <div class="mt-auto max-w-xs">
+                  <h4 class="text-3xl sm:text-4xl mb-2 font-medium text-white group-hover:text-sky-900">Personalized Experiences</h4>
+                  <p class="text-gray-500 tracking-tight leading-5">By understanding your visitors' needs, our chat assistant creates a unique experience that keeps them coming back for more unique process.</p>
+                </div>
+              </div>
+            </a>
+          </div>
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <a class="group block h-auto xl:h-128 p-8 border-2 border-white border-opacity-10 hover:border-opacity-100 rounded-3xl transition duration-200" href="#">
+              <div class="flex h-full flex-col items-start">
+                <div class="flex w-full mb-20 items-center justify-between">
+                  <img class="block w-18 h-18" src="casper-assets/services/circle-icon3.png" alt="">
+                  <span class="opacity-0 group-hover:opacity-100 transition duration-200">
+                    <svg width="60" height="60" viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M17.5 42.5L42.5 17.5" stroke="#1AC2E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M17.5 17.5H42.5V42.5" stroke="#1AC2E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </span>
+                </div>
+                <div class="mt-auto max-w-xs">
+                  <h4 class="text-3xl sm:text-4xl mb-2 font-medium text-white group-hover:text-sky-900">Analytics and Insights</h4>
+                  <p class="text-gray-500 tracking-tight leading-5">By understanding your visitors' needs, our chat assistant creates a unique experience that keeps them coming back for more unique process.</p>
+                </div>
+              </div>
+            </a>
+          </div>
+          <div class="w-full lg:w-1/3 px-4">
+            <a class="group block h-auto xl:h-128 p-8 border-2 border-white border-opacity-10 hover:border-opacity-100 rounded-3xl transition duration-200" href="#">
+              <div class="flex h-full flex-col items-start">
+                <div class="flex w-full mb-20 items-center justify-between">
+                  <img class="block w-18 h-18" src="casper-assets/services/circle-icon2.png" alt="">
+                  <span class="opacity-0 group-hover:opacity-100 transition duration-200">
+                    <svg width="60" height="60" viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M17.5 42.5L42.5 17.5" stroke="#1AC2E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M17.5 17.5H42.5V42.5" stroke="#1AC2E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </span>
+                </div>
+                <div class="mt-auto max-w-xs">
+                  <h4 class="text-3xl sm:text-4xl mb-2 font-medium text-white group-hover:text-sky-900">Seamless Integration</h4>
+                  <p class="text-gray-500 tracking-tight leading-5">Our user-friendly interface allows for quick setup, and our dedicated support team is ready to assist you every step of the way whether you're a tech guru</p>
+                </div>
+              </div>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-EcmXsUnR.html b/components/unsorted/casper-all-EcmXsUnR.html
new file mode 100644
index 0000000..fdb58d6
--- /dev/null
+++ b/components/unsorted/casper-all-EcmXsUnR.html
@@ -0,0 +1,162 @@
+<div><section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 ml-52 -mt-40 w-160 h-160 bg-gradient-to-t from-purple-600 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="absolute top-0 left-0 ml-148 -mt-40 w-135 h-135 bg-gradient-to-t from-blue-500 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative">
+        <div class="max-w-xl mx-auto mb-16 text-center">
+          <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-2">Careers at Casper</h2>
+          <p class="text-xl text-gray-500">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+        </div>
+        <div class="max-w-sm md:max-w-2xl lg:max-w-8xl mx-auto mb-16">
+          <div class="flex flex-wrap -mx-4 -mb-8">
+            <div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
+              <a class="block p-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10 hover:bg-opacity-20" href="#">
+                <div>
+                  <img class="block mb-14" src="casper-assets/logo-clouds/logo-color-icons2.svg" alt="">
+                  <h3 class="text-2xl text-white font-medium">Product Designer</h3>
+                  <p class="text-sm text-gray-500 mb-2">Excepteur sint occaecat cupidatat non proident.</p>
+                  <div class="inline-flex mr-8 items-center">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                    <span class="ml-2 text-sm font-medium text-white">Ponorogo</span>
+                  </div>
+                  <div class="inline-flex items-center">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M12 6V12L16 14" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                    <span class="ml-2 text-sm font-medium text-white">Full-time</span>
+                  </div>
+                </div>
+              </a>
+            </div>
+            <div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
+              <a class="block p-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10 hover:bg-opacity-20" href="#">
+                <div>
+                  <img class="block mb-14" src="casper-assets/logo-clouds/logo-color-icons3.svg" alt="">
+                  <h3 class="text-2xl text-white font-medium">Sr. Mobile Developer</h3>
+                  <p class="text-sm text-gray-500 mb-2">Excepteur sint occaecat cupidatat non proident.</p>
+                  <div class="inline-flex mr-8 items-center">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                    <span class="ml-2 text-sm font-medium text-white">New York</span>
+                  </div>
+                  <div class="inline-flex items-center">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M12 6V12L16 14" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                    <span class="ml-2 text-sm font-medium text-white">Full-time</span>
+                  </div>
+                </div>
+              </a>
+            </div>
+            <div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
+              <a class="block p-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10 hover:bg-opacity-20" href="#">
+                <div>
+                  <img class="block mb-14" src="casper-assets/logo-clouds/logo-color-icons4.svg" alt="">
+                  <h3 class="text-2xl text-white font-medium">3D Model</h3>
+                  <p class="text-sm text-gray-500 mb-2">Excepteur sint occaecat cupidatat non proident.</p>
+                  <div class="inline-flex mr-8 items-center">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                    <span class="ml-2 text-sm font-medium text-white">Ponorogo</span>
+                  </div>
+                  <div class="inline-flex items-center">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M12 6V12L16 14" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                    <span class="ml-2 text-sm font-medium text-white">Full-time</span>
+                  </div>
+                </div>
+              </a>
+            </div>
+            <div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
+              <a class="block p-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10 hover:bg-opacity-20" href="#">
+                <div>
+                  <img class="block mb-14" src="casper-assets/logo-clouds/logo-color-icons4.svg" alt="">
+                  <h3 class="text-2xl text-white font-medium">Marketing Manager</h3>
+                  <p class="text-sm text-gray-500 mb-2">Excepteur sint occaecat cupidatat non proident.</p>
+                  <div class="inline-flex mr-8 items-center">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                    <span class="ml-2 text-sm font-medium text-white">Tokyo</span>
+                  </div>
+                  <div class="inline-flex items-center">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M12 6V12L16 14" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                    <span class="ml-2 text-sm font-medium text-white">Full-time</span>
+                  </div>
+                </div>
+              </a>
+            </div>
+            <div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
+              <a class="block p-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10 hover:bg-opacity-20" href="#">
+                <div>
+                  <img class="block mb-14" src="casper-assets/logo-clouds/logo-color-icons5.svg" alt="">
+                  <h3 class="text-2xl text-white font-medium">Sr. UX Designer</h3>
+                  <p class="text-sm text-gray-500 mb-2">Excepteur sint occaecat cupidatat non proident.</p>
+                  <div class="inline-flex mr-8 items-center">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                    <span class="ml-2 text-sm font-medium text-white">New York</span>
+                  </div>
+                  <div class="inline-flex items-center">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M12 6V12L16 14" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                    <span class="ml-2 text-sm font-medium text-white">Full-time</span>
+                  </div>
+                </div>
+              </a>
+            </div>
+            <div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
+              <a class="block p-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10 hover:bg-opacity-20" href="#">
+                <div>
+                  <img class="block mb-14" src="casper-assets/logo-clouds/logo-color-icons6.svg" alt="">
+                  <h3 class="text-2xl text-white font-medium">UX Researcher</h3>
+                  <p class="text-sm text-gray-500 mb-2">Excepteur sint occaecat cupidatat non proident.</p>
+                  <div class="inline-flex mr-8 items-center">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                    <span class="ml-2 text-sm font-medium text-white">Ponorogo</span>
+                  </div>
+                  <div class="inline-flex items-center">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M12 6V12L16 14" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                    <span class="ml-2 text-sm font-medium text-white">Full-time</span>
+                  </div>
+                </div>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div class="text-center">
+          <a class="group inline-flex w-full md:w-auto mt-auto h-14 px-7 items-center justify-center text-base font-medium text-white hover:text-black hover:bg-violet-500 border-2 border-white hover:border-violet-500 transition duration-200 rounded-full" href="#">
+            <span class="mr-2">SEE ALL POSITIONS</span>
+            <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+            </svg>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-EdqcyZVh.html b/components/unsorted/casper-all-EdqcyZVh.html
new file mode 100644
index 0000000..1c1a837
--- /dev/null
+++ b/components/unsorted/casper-all-EdqcyZVh.html
@@ -0,0 +1,186 @@
+<div> <section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <img class="absolute bottom-0 left-0 w-full" src="casper-assets/pricing/triangle-bottom.png" alt="">
+    <div class="relative container mx-auto px-4 z-10">
+      <div class="absolute top-0 left-0 -mt-40 -ml-52 w-186 z-10 h-186 bg-gradient-to-t from-violet-700 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="relative z-10 max-w-2xl mx-auto mb-14 text-center">
+        <span class="inline-flex items-center px-3.5 h-7 mb-4 text-xs font-medium text-white leading-6 bg-gradient-tag rounded-full">PRICING PLAN</span>
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl xl:text-7xl font-medium text-white tracking-tight mb-4">Choose Your Plan</h2>
+        <p class="max-w-md mx-auto text-lg leading-snug tracking-tight text-gray-500">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+      </div>
+      <div class="relative z-10 max-w-md lg:max-w-8xl mx-auto">
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <div class="rounded-3xl overflow-hidden">
+              <img class="block w-full h-44 object-cover" src="casper-assets/pricing/pricing-top-1.png" alt="">
+              <div class="relative p-10">
+                <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20 group-hover:bg-violet-400 group-hover:bg-opacity-100 transition duration-150"></div>
+                <div class="relative">
+                  <span class="block mb-10 text-4xl font-semibold text-white">$50</span>
+                  <span class="block mb-2 text-2xl font-medium text-white">Beginner</span>
+                  <p class="max-w-xs text-sm text-gray-300 mb-8">Simply dummy text of the printing and typesetting industry.</p>
+                  <div>
+                    <span class="block mb-4 text-lg font-medium text-white tracking-tight">What’s included:</span>
+                    <ul class="mb-8">
+                      <li class="flex items-center mb-4">
+                        <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                          <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                          </svg>
+                        </div>
+                        <span class="text-base text-white tracking-tight">Unlimited Upload Files</span>
+                      </li>
+                      <li class="flex items-center mb-4">
+                        <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                          <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                          </svg>
+                        </div>
+                        <span class="text-base text-white tracking-tight">Advanced Statistic With</span>
+                      </li>
+                      <li class="flex items-center mb-4">
+                        <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-red-600">
+                          <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M9 3L3 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                            <path d="M3 3L9 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                          </svg>
+                        </div>
+                        <span class="text-base text-white tracking-tight">Powered by state-of-the-art AI</span>
+                      </li>
+                      <li class="flex items-center">
+                        <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-red-600">
+                          <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M9 3L3 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                            <path d="M3 3L9 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                          </svg>
+                        </div>
+                        <span class="text-base text-white tracking-tight">Casper will adapts to each user</span>
+                      </li>
+                    </ul>
+                    <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-white bg-violet-500 hover:bg-black transition duration-200 rounded-full" href="#">
+                      <span class="mr-2">CHOOSE PLAN</span>
+                      <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                      </svg>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <div class="rounded-3xl overflow-hidden">
+              <img class="block w-full h-44 object-cover" src="casper-assets/pricing/pricing-top-2.png" alt="">
+              <div class="relative p-10">
+                <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20 group-hover:bg-violet-400 group-hover:bg-opacity-100 transition duration-150"></div>
+                <div class="relative">
+                  <span class="block mb-10 text-4xl font-semibold text-white">$100</span>
+                  <span class="block mb-2 text-2xl font-medium text-white">Intermediate</span>
+                  <p class="max-w-xs text-sm text-gray-300 mb-8">Simply dummy text of the printing and typesetting industry.</p>
+                  <div>
+                    <span class="block mb-4 text-lg font-medium text-white tracking-tight">What’s included:</span>
+                    <ul class="mb-8">
+                      <li class="flex items-center mb-4">
+                        <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                          <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                          </svg>
+                        </div>
+                        <span class="text-base text-white tracking-tight">Unlimited Upload Files</span>
+                      </li>
+                      <li class="flex items-center mb-4">
+                        <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                          <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                          </svg>
+                        </div>
+                        <span class="text-base text-white tracking-tight">Advanced Statistic With</span>
+                      </li>
+                      <li class="flex items-center mb-4">
+                        <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                          <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                          </svg>
+                        </div>
+                        <span class="text-base text-white tracking-tight">Powered by state-of-the-art AI</span>
+                      </li>
+                      <li class="flex items-center">
+                        <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-red-600">
+                          <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M9 3L3 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                            <path d="M3 3L9 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                          </svg>
+                        </div>
+                        <span class="text-base text-white tracking-tight">Casper will adapts to each user</span>
+                      </li>
+                    </ul>
+                    <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-white bg-violet-500 hover:bg-black transition duration-200 rounded-full" href="#">
+                      <span class="mr-2">CHOOSE PLAN</span>
+                      <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                      </svg>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/3 px-4">
+            <div class="rounded-3xl overflow-hidden">
+              <img class="block w-full h-44 object-cover" src="casper-assets/pricing/pricing-top-3.png" alt="">
+              <div class="relative p-10">
+                <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20 group-hover:bg-violet-400 group-hover:bg-opacity-100 transition duration-150"></div>
+                <div class="relative">
+                  <span class="block mb-10 text-4xl font-semibold text-white">$150</span>
+                  <span class="block mb-2 text-2xl font-medium text-white">Advanced</span>
+                  <p class="max-w-xs text-sm text-gray-300 mb-8">Simply dummy text of the printing and typesetting industry.</p>
+                  <div>
+                    <span class="block mb-4 text-lg font-medium text-white tracking-tight">What’s included:</span>
+                    <ul class="mb-8">
+                      <li class="flex items-center mb-4">
+                        <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                          <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                          </svg>
+                        </div>
+                        <span class="text-base text-white tracking-tight">Unlimited Upload Files</span>
+                      </li>
+                      <li class="flex items-center mb-4">
+                        <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                          <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                          </svg>
+                        </div>
+                        <span class="text-base text-white tracking-tight">Advanced Statistic With</span>
+                      </li>
+                      <li class="flex items-center mb-4">
+                        <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                          <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                          </svg>
+                        </div>
+                        <span class="text-base text-white tracking-tight">Powered by state-of-the-art AI</span>
+                      </li>
+                      <li class="flex items-center">
+                        <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                          <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                          </svg>
+                        </div>
+                        <span class="text-base text-white tracking-tight">Casper will adapts to each user</span>
+                      </li>
+                    </ul>
+                    <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-white bg-violet-500 hover:bg-black transition duration-200 rounded-full" href="#">
+                      <span class="mr-2">CHOOSE PLAN</span>
+                      <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                      </svg>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-Ekoqybvx.html b/components/unsorted/casper-all-Ekoqybvx.html
new file mode 100644
index 0000000..fb3dde7
--- /dev/null
+++ b/components/unsorted/casper-all-Ekoqybvx.html
@@ -0,0 +1,23 @@
+<div><section class="relative pt-20 pb-32 md:pb-20 lg:pb-24 lg:pt-32 bg-body overflow-hidden">
+    <div class="container mx-auto px-4">
+      <div class="relative max-w-lg md:max-w-8xl mx-auto">
+        <img class="hidden md:block absolute bottom-0 right-0 -mb-16 lg:mr-12 xl:mr-32 z-10 max-w-xs lg:max-w-none" src="casper-assets/download/phone.png" alt="">
+        <div class="relative px-8 lg:px-20 xl:px-32 pb-112 pt-24 md:py-32 rounded-3xl overflow-hidden">
+          <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/download/bg-gradient.png" alt="">
+          <div class="relative max-w-sm lg:max-w-lg mx-auto md:mx-0">
+            <h2 class="font-heading text-4xl xs:text-5xl lg:text-6xl font-medium tracking-tight mb-8">Get Benefit with Casper App</h2>
+            <p class="max-w-md text-lg text-gray-900 tracking-tight mb-16">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+            <div class="flex items-center flex-row">
+              <a class="inline-block h-16 xs:h-12 mr-3" href="#">
+                <img class="block h-full object-contain" src="casper-assets/download/button1.png" alt="">
+              </a>
+              <a class="inline-block h-16 xs:h-12" href="#">
+                <img class="block h-full object-contain" src="casper-assets/download/button2.png" alt="">
+              </a>
+            </div>
+          </div>
+        </div>
+        <img class="md:hidden absolute bottom-0 left-1/2 -mb-20 transform -translate-x-1/2 block max-w-xs" src="casper-assets/download/phone.png" alt="">
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-FEvkHzGb.html b/components/unsorted/casper-all-FEvkHzGb.html
new file mode 100644
index 0000000..40b3d19
--- /dev/null
+++ b/components/unsorted/casper-all-FEvkHzGb.html
@@ -0,0 +1,51 @@
+<div><section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 right-0 mr-90 -mt-40 w-148 h-148 bg-gradient-to-t from-blue-500 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="absolute top-0 right-0 mr-100 -mt-52 w-148 h-148 bg-gradient-to-t from-purple-600 via-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="flex flex-wrap items-center -mx-4">
+        <div class="w-full lg:w-1/2 px-4 order-last lg:order-first">
+          <div class="relative max-w-sm lg:max-w-xl mx-auto lg:mx-0">
+            <img class="absolute top-0 left-0 w-full h-full rounded-3xl object-cover" src="casper-assets/download/bg-gradient-lg-square.png" alt="">
+            <img class="relative block mx-auto" src="casper-assets/download/phon-center-stats.png" alt="">
+          </div>
+        </div>
+        <div class="w-full lg:w-1/2 px-4 mb-20 lg:mb-0">
+          <div class="relative max-w-sm lg:max-w-md xl:max-w-lg mx-auto lg:mr-0">
+            <h2 class="font-heading text-4xl md:text-5xl lg:text-6xl font-medium text-white tracking-tight mb-3">Get Benefit with Casper App</h2>
+            <p class="max-w-md text-lg text-gray-50 tracking-tight mb-2">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+            <ul class="mb-16">
+              <li class="flex items-center mb-3">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9936 4.47982 15.5202 0.00642897 10 0Z" fill="#25CA8E"></path>
+                  <path d="M14.4733 6.80667C14.4114 6.74418 14.3376 6.69458 14.2564 6.66074C14.1752 6.62689 14.088 6.60947 14 6.60947C13.912 6.60947 13.8249 6.62689 13.7436 6.66074C13.6624 6.69458 13.5886 6.74418 13.5267 6.80667L8.56001 11.78L6.47334 9.68667C6.40899 9.62451 6.33303 9.57563 6.2498 9.54283C6.16656 9.51003 6.07768 9.49394 5.98822 9.49549C5.89877 9.49703 5.8105 9.51619 5.72844 9.55185C5.64639 9.58751 5.57217 9.63898 5.51001 9.70333C5.44785 9.76768 5.39897 9.84364 5.36617 9.92688C5.33337 10.0101 5.31728 10.099 5.31883 10.1885C5.32038 10.2779 5.33953 10.3662 5.37519 10.4482C5.41085 10.5303 5.46233 10.6045 5.52667 10.6667L8.08667 13.2267C8.14865 13.2892 8.22238 13.3387 8.30362 13.3726C8.38486 13.4064 8.472 13.4239 8.56001 13.4239C8.64802 13.4239 8.73515 13.4064 8.81639 13.3726C8.89763 13.3387 8.97137 13.2892 9.03334 13.2267L14.4733 7.78667C14.541 7.72424 14.595 7.64847 14.632 7.56414C14.6689 7.4798 14.688 7.38873 14.688 7.29667C14.688 7.2046 14.6689 7.11353 14.632 7.02919C14.595 6.94486 14.541 6.86909 14.4733 6.80667Z" fill="black"></path>
+                </svg>
+                <span class="ml-2 text-white tracking-tight">Unlimited Upload Files</span>
+              </li>
+              <li class="flex items-center mb-3">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9936 4.47982 15.5202 0.00642897 10 0Z" fill="#25CA8E"></path>
+                  <path d="M14.4733 6.80667C14.4114 6.74418 14.3376 6.69458 14.2564 6.66074C14.1752 6.62689 14.088 6.60947 14 6.60947C13.912 6.60947 13.8249 6.62689 13.7436 6.66074C13.6624 6.69458 13.5886 6.74418 13.5267 6.80667L8.56001 11.78L6.47334 9.68667C6.40899 9.62451 6.33303 9.57563 6.2498 9.54283C6.16656 9.51003 6.07768 9.49394 5.98822 9.49549C5.89877 9.49703 5.8105 9.51619 5.72844 9.55185C5.64639 9.58751 5.57217 9.63898 5.51001 9.70333C5.44785 9.76768 5.39897 9.84364 5.36617 9.92688C5.33337 10.0101 5.31728 10.099 5.31883 10.1885C5.32038 10.2779 5.33953 10.3662 5.37519 10.4482C5.41085 10.5303 5.46233 10.6045 5.52667 10.6667L8.08667 13.2267C8.14865 13.2892 8.22238 13.3387 8.30362 13.3726C8.38486 13.4064 8.472 13.4239 8.56001 13.4239C8.64802 13.4239 8.73515 13.4064 8.81639 13.3726C8.89763 13.3387 8.97137 13.2892 9.03334 13.2267L14.4733 7.78667C14.541 7.72424 14.595 7.64847 14.632 7.56414C14.6689 7.4798 14.688 7.38873 14.688 7.29667C14.688 7.2046 14.6689 7.11353 14.632 7.02919C14.595 6.94486 14.541 6.86909 14.4733 6.80667Z" fill="black"></path>
+                </svg>
+                <span class="ml-2 text-white tracking-tight">Advanced Statistic With Smart System</span>
+              </li>
+              <li class="flex items-center">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9936 4.47982 15.5202 0.00642897 10 0Z" fill="#25CA8E"></path>
+                  <path d="M14.4733 6.80667C14.4114 6.74418 14.3376 6.69458 14.2564 6.66074C14.1752 6.62689 14.088 6.60947 14 6.60947C13.912 6.60947 13.8249 6.62689 13.7436 6.66074C13.6624 6.69458 13.5886 6.74418 13.5267 6.80667L8.56001 11.78L6.47334 9.68667C6.40899 9.62451 6.33303 9.57563 6.2498 9.54283C6.16656 9.51003 6.07768 9.49394 5.98822 9.49549C5.89877 9.49703 5.8105 9.51619 5.72844 9.55185C5.64639 9.58751 5.57217 9.63898 5.51001 9.70333C5.44785 9.76768 5.39897 9.84364 5.36617 9.92688C5.33337 10.0101 5.31728 10.099 5.31883 10.1885C5.32038 10.2779 5.33953 10.3662 5.37519 10.4482C5.41085 10.5303 5.46233 10.6045 5.52667 10.6667L8.08667 13.2267C8.14865 13.2892 8.22238 13.3387 8.30362 13.3726C8.38486 13.4064 8.472 13.4239 8.56001 13.4239C8.64802 13.4239 8.73515 13.4064 8.81639 13.3726C8.89763 13.3387 8.97137 13.2892 9.03334 13.2267L14.4733 7.78667C14.541 7.72424 14.595 7.64847 14.632 7.56414C14.6689 7.4798 14.688 7.38873 14.688 7.29667C14.688 7.2046 14.6689 7.11353 14.632 7.02919C14.595 6.94486 14.541 6.86909 14.4733 6.80667Z" fill="black"></path>
+                </svg>
+                <span class="ml-2 text-white tracking-tight">Powered by state-of-the-art AI</span>
+              </li>
+            </ul>
+            <div class="flex items-center flex-row">
+              <a class="inline-block h-16 xs:h-12 mr-3" href="#">
+                <img class="block h-full object-contain" src="casper-assets/download/button1.png" alt="">
+              </a>
+              <a class="inline-block h-16 xs:h-12" href="#">
+                <img class="block h-full object-contain" src="casper-assets/download/button2.png" alt="">
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-FLttlpJX.html b/components/unsorted/casper-all-FLttlpJX.html
new file mode 100644
index 0000000..9fc3edb
--- /dev/null
+++ b/components/unsorted/casper-all-FLttlpJX.html
@@ -0,0 +1,178 @@
+<div> <section class="relative pt-12 md:pt-24 bg-body overflow-hidden">
+    <img class="absolute bottom-0 left-0 w-full" src="casper-assets/testimonials/triangle-line-bottom.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="max-w-3xl mx-auto mb-12 text-center">
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl lg:text-7xl font-medium text-white tracking-tight mb-8">Trusted by more than 100k people</h2>
+        <p class="max-w-xl mx-auto text-xl text-gray-400 leading-relaxed tracking-tight">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+      </div>
+    </div>
+    <div class="relative flex justify-center h-112">
+      <div class="block absolute top-0 left-0 h-full w-24 lg:w-40 xl:w-80 bg-gradient-to-r from-darkBlue-900 to-transparent"></div>
+      <div class="block absolute top-0 right-0 h-full w-24 lg:w-40 xl:w-80 bg-gradient-to-l from-darkBlue-900 to-transparent"></div>
+      <div class="flex-shrink-0 w-full max-w-sm px-6">
+        <div class="group cursor-default p-6 mb-6 rounded-3xl shadow-box-violet overflow-hidden bg-white hover:bg-gray-900 hover:bg-opacity-60 bg-opacity-20">
+          <div>
+            <p class="text-lg text-white mb-6">I was skeptical about implementing an AI chat assistant, but Casper exceeded my expectations. It has transformed our website into a conversational platform that keeps users engaged and informed.</p>
+            <div class="flex items-center">
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+            </div>
+          </div>
+          <div class="hidden group-hover:block pt-6 mt-6 border-t border-gray-700">
+            <div class="flex items-center">
+              <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-4.png" alt="">
+              <div class="ml-4">
+                <span class="block text-lg text-white">Guy Hawkins</span>
+                <span class="block text-sm text-white">Louis Vuitton</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="flex-shrink-0 w-full max-w-sm px-6">
+        <div class="group cursor-default p-6 mb-6 rounded-3xl shadow-box-violet overflow-hidden bg-white hover:bg-gray-900 hover:bg-opacity-60 bg-opacity-20">
+          <div>
+            <p class="text-lg text-white mb-6">Casper has become an invaluable asset to our website. The AI chat assistant not only engages visitors but also collects valuable data and insights.</p>
+            <div class="flex items-center">
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+            </div>
+          </div>
+          <div class="hidden group-hover:block pt-6 mt-6 border-t border-gray-700">
+            <div class="flex items-center">
+              <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-4.png" alt="">
+              <div class="ml-4">
+                <span class="block text-lg text-white">Guy Hawkins</span>
+                <span class="block text-sm text-white">Louis Vuitton</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="flex-shrink-0 w-full max-w-sm px-6">
+        <div class="group cursor-default p-6 mb-6 rounded-3xl shadow-box-violet overflow-hidden bg-white hover:bg-gray-900 hover:bg-opacity-60 bg-opacity-20">
+          <div>
+            <p class="text-lg text-white mb-6">Implementing Casper on our website they receive It has significantly reduced was a game-changer.</p>
+            <div class="flex items-center">
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+            </div>
+          </div>
+          <div class="hidden group-hover:block pt-6 mt-6 border-t border-gray-700">
+            <div class="flex items-center">
+              <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-4.png" alt="">
+              <div class="ml-4">
+                <span class="block text-lg text-white">Guy Hawkins</span>
+                <span class="block text-sm text-white">Louis Vuitton</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="hidden lg:block flex-shrink-0 w-full max-w-sm px-6">
+        <div class="group cursor-default p-6 mb-6 rounded-3xl shadow-box-violet overflow-hidden bg-white hover:bg-gray-900 hover:bg-opacity-60 bg-opacity-20">
+          <div>
+            <p class="text-lg text-white mb-6">I was skeptical about implementing an AI chat assistant, but Casper exceeded my expectations. It has transformed our website into a conversational platform that keeps users engaged and informed.</p>
+            <div class="flex items-center">
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+            </div>
+          </div>
+          <div class="hidden group-hover:block pt-6 mt-6 border-t border-gray-700">
+            <div class="flex items-center">
+              <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-4.png" alt="">
+              <div class="ml-4">
+                <span class="block text-lg text-white">Guy Hawkins</span>
+                <span class="block text-sm text-white">Louis Vuitton</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="hidden lg:block flex-shrink-0 w-full max-w-sm px-6">
+        <div class="group cursor-default p-6 mb-6 rounded-3xl shadow-box-violet overflow-hidden bg-white hover:bg-gray-900 hover:bg-opacity-60 bg-opacity-20">
+          <div>
+            <p class="text-lg text-white mb-6">Casper has become an invaluable asset to our website. The AI chat assistant not only engages visitors but also collects valuable data and insights.</p>
+            <div class="flex items-center">
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+              <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+              </svg>
+            </div>
+          </div>
+          <div class="hidden group-hover:block pt-6 mt-6 border-t border-gray-700">
+            <div class="flex items-center">
+              <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-4.png" alt="">
+              <div class="ml-4">
+                <span class="block text-lg text-white">Guy Hawkins</span>
+                <span class="block text-sm text-white">Louis Vuitton</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-GJWuzeKH.html b/components/unsorted/casper-all-GJWuzeKH.html
new file mode 100644
index 0000000..552cf15
--- /dev/null
+++ b/components/unsorted/casper-all-GJWuzeKH.html
@@ -0,0 +1,44 @@
+<div> <section class="relative py-12 sm:pt-24 bg-body overflow-hidden">
+    <img class="absolute top-0 left-0 h-full w-full" src="casper-assets/footer/bg-gradient.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <img class="hidden sm:block absolute top-0 right-0 w-32 lg:w-auto -mr-10 lg:-mr-0 lg:-mt-20 animate-movePlanet" src="casper-assets/footer/planet.png" alt="">
+      <div class="flex flex-wrap items-center -mx-4 mb-16">
+        <div class="relative w-full md:w-1/2 px-4 mb-20 md:mb-0">
+          <div class="max-w-lg">
+            <h3 class="text-5xl font-medium mb-8">Gain valuable insights into your users' preferences</h3>
+            <p class="max-w-xs text-gray-700 tracking-tight">CASPER is here to revolutionize the way you interact with your audience.</p>
+          </div>
+        </div>
+        <div class="w-full md:w-1/2 px-4">
+          <div>
+            <a class="inline-block mb-10" href="#">
+              <img src="casper-assets/logos/casper-logo.svg" alt="">
+            </a>
+            <div class="flex flex-wrap lg:flex-nowrap -mx-4">
+              <div class="w-auto mb-10 mr-10 xl:mr-24 px-4">
+                <h4 class="text-xl font-medium tracking-tight mb-4">Services</h4>
+                <ul>
+                  <li class="mb-4"><a class="inline-block text-gray-900 hover:text-gray-500 tracking-tight" href="#">Email Marketing</a></li>
+                  <li class="mb-4"><a class="inline-block text-gray-900 hover:text-gray-500 tracking-tight" href="#">Campaigns</a></li>
+                  <li class="mb-4"><a class="inline-block text-gray-900 hover:text-gray-500 tracking-tight" href="#">Branding</a></li>
+                  <li><a class="inline-block text-gray-900 hover:text-gray-500 tracking-tight" href="#">Offline</a></li>
+                </ul>
+              </div>
+              <div class="w-auto mb-10 mr-10 xl:mr-24 px-4">
+                <h4 class="text-xl font-medium tracking-tight mb-4">About</h4>
+                <ul>
+                  <li class="mb-4"><a class="inline-block text-gray-900 hover:text-gray-500 tracking-tight" href="#">Our Story</a></li>
+                  <li class="mb-4"><a class="inline-block text-gray-900 hover:text-gray-500 tracking-tight" href="#">Benefits</a></li>
+                  <li class="mb-4"><a class="inline-block text-gray-900 hover:text-gray-500 tracking-tight" href="#">Team</a></li>
+                  <li><a class="inline-block text-gray-900 hover:text-gray-500 tracking-tight" href="#">Careers</a></li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="pt-10 border-t border-white border-opacity-40 text-center">
+        <span class="text-gray-900 tracking-tight">© Casper. All rights reserved</span>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-GKOHDgdO.html b/components/unsorted/casper-all-GKOHDgdO.html
new file mode 100644
index 0000000..adff3c9
--- /dev/null
+++ b/components/unsorted/casper-all-GKOHDgdO.html
@@ -0,0 +1,35 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute bottom-0 right-0 mr-20 w-186 h-186 bg-gradient-to-t from-violet-900 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="max-w-md mx-auto lg:max-w-none relative">
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-6">Casper Services</h2>
+        <p class="text-xl text-gray-500 tracking-tight mb-16">Mi turpis turpis in justo pellentesque id nibh praesent.</p>
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/3 px-4 mb-20 lg:mb-0">
+            <div>
+              <img class="block mb-6" src="casper-assets/services/circle-icon1.png" alt="">
+              <h4 class="font-heading text-3xl font-medium text-white">Intelligent Conersations</h4>
+              <div class="h-1 bg-white bg-opacity-10 my-6 rounded-md"></div>
+              <p class="max-w-sm text-xl tracking-tight leading-relaxed text-violet-50">From answering questions to providing recommendations, our AI assistant will engage your visitors effortlessly.</p>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/3 px-4 mb-20 lg:mb-0">
+            <div>
+              <img class="block mb-6" src="casper-assets/services/circle-icon3.png" alt="">
+              <h4 class="font-heading text-3xl font-medium text-white">Intelligent Conersations</h4>
+              <div class="h-1 bg-white bg-opacity-10 my-6 rounded-md"></div>
+              <p class="max-w-xs text-xl tracking-tight leading-relaxed text-violet-50">By understanding your visitors' needs, our chat assistant creates a unique experience</p>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/3 px-4">
+            <div>
+              <img class="block mb-6" src="casper-assets/services/circle-icon2.png" alt="">
+              <h4 class="font-heading text-3xl font-medium text-white">Intelligent Conersations</h4>
+              <div class="h-1 bg-white bg-opacity-10 my-6 rounded-md"></div>
+              <p class="max-w-xs text-xl tracking-tight leading-relaxed text-violet-50">Say goodbye to static web pages and hello to an interactive, conversational platform</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-GTdWaDOL.html b/components/unsorted/casper-all-GTdWaDOL.html
new file mode 100644
index 0000000..a7796ea
--- /dev/null
+++ b/components/unsorted/casper-all-GTdWaDOL.html
@@ -0,0 +1,129 @@
+<div><section class="relative bg-body overflow-hidden">
+    <div class="py-12 md:pt-24 pb-40 md:pb-52">
+      <div class="relative container mx-auto px-4">
+        <img class="hidden md:block absolute top-0 right-0 -mt-8 lg:mr-40 animate-spinStar" src="casper-assets/testimonials/blink-star.png" alt="">
+        <div class="flex flex-wrap items-center -mx-4">
+          <div class="w-full lg:w-3/5 xl:w-1/2 px-4 mb-16 lg:mb-0">
+            <div class="max-w-xl">
+              <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl lg:text-7xl font-medium text-white tracking-tight mb-8">Trusted by more than 100k people</h2>
+              <p class="text-xl text-gray-500 leading-relaxed">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+            </div>
+          </div>
+          <div class="w-full lg:w-2/5 xl:w-1/2 px-4">
+            <div class="lg:text-right">
+              <button class="inline-flex w-14 h-14 mr-2.5 items-center justify-center text-gray-300 hover:text-black border border-white hover:border-violet-500 hover:bg-violet-500 rounded-full transition duration-150">
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M6.08 11.62C6.12759 11.4973 6.19896 11.3851 6.29 11.29L11.29 6.29C11.3832 6.19676 11.4939 6.1228 11.6158 6.07234C11.7376 6.02188 11.8681 5.99591 12 5.99591C12.2663 5.99591 12.5217 6.1017 12.71 6.29C12.8032 6.38324 12.8772 6.49393 12.9277 6.61575C12.9781 6.73758 13.0041 6.86814 13.0041 7C13.0041 7.2663 12.8983 7.5217 12.71 7.71L9.41 11H17C17.2652 11 17.5196 11.1054 17.7071 11.2929C17.8946 11.4804 18 11.7348 18 12C18 12.2652 17.8946 12.5196 17.7071 12.7071C17.5196 12.8946 17.2652 13 17 13H9.41L12.71 16.29C12.8037 16.383 12.8781 16.4936 12.9289 16.6154C12.9797 16.7373 13.0058 16.868 13.0058 17C13.0058 17.132 12.9797 17.2627 12.9289 17.3846C12.8781 17.5064 12.8037 17.617 12.71 17.71C12.617 17.8037 12.5064 17.8781 12.3846 17.9289C12.2627 17.9797 12.132 18.0058 12 18.0058C11.868 18.0058 11.7373 17.9797 11.6154 17.9289C11.4936 17.8781 11.383 17.8037 11.29 17.71L6.29 12.71C6.19896 12.6149 6.12759 12.5028 6.08 12.38C5.97998 12.1365 5.97998 11.8635 6.08 11.62Z" fill="currentColor"></path>
+                </svg>
+              </button>
+              <button class="inline-flex w-14 h-14 items-center justify-center text-gray-300 hover:text-black border border-white hover:border-violet-500 hover:bg-violet-500 rounded-full transition duration-150">
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M17.92 11.62C17.8724 11.4973 17.801 11.3851 17.71 11.29L12.71 6.29C12.6168 6.19676 12.5061 6.1228 12.3842 6.07234C12.2624 6.02188 12.1319 5.99591 12 5.99591C11.7337 5.99591 11.4783 6.1017 11.29 6.29C11.1968 6.38324 11.1228 6.49393 11.0723 6.61575C11.0219 6.73758 10.9959 6.86814 10.9959 7C10.9959 7.2663 11.1017 7.5217 11.29 7.71L14.59 11H7C6.73478 11 6.48043 11.1054 6.29289 11.2929C6.10536 11.4804 6 11.7348 6 12C6 12.2652 6.10536 12.5196 6.29289 12.7071C6.48043 12.8946 6.73478 13 7 13H14.59L11.29 16.29C11.1963 16.383 11.1219 16.4936 11.0711 16.6154C11.0203 16.7373 10.9942 16.868 10.9942 17C10.9942 17.132 11.0203 17.2627 11.0711 17.3846C11.1219 17.5064 11.1963 17.617 11.29 17.71C11.383 17.8037 11.4936 17.8781 11.6154 17.9289C11.7373 17.9797 11.868 18.0058 12 18.0058C12.132 18.0058 12.2627 17.9797 12.3846 17.9289C12.5064 17.8781 12.617 17.8037 12.71 17.71L17.71 12.71C17.801 12.6149 17.8724 12.5028 17.92 12.38C18.02 12.1365 18.02 11.8635 17.92 11.62Z" fill="currentColor"></path>
+                </svg>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="relative py-12 h-full lg:h-80">
+      <img class="absolute top-0 left-0 w-full h-full" src="casper-assets/testimonials/gradient-background.png" alt="">
+      <div class="relative container mx-auto px-4">
+        <div class="flex flex-wrap -mx-4 -mt-40 lg:-mt-48">
+          <div class="w-full lg:w-1/3 px-4">
+            <div class="max-w-md mx-auto mb-8 lg:mb-0 p-6 rounded-3xl overflow-hidden bg-white">
+              <div class="pb-7 mb-3 border-b border-gray-100">
+                <div class="flex mb-3 items-center">
+                  <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                  </svg>
+                  <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                  </svg>
+                  <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                  </svg>
+                  <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                  </svg>
+                  <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                  </svg>
+                </div>
+                <p class="text-lg text-black">It was a pleasure working with the Saturn. They understood the brief correctly and delivered great designs exceeding the expectations.</p>
+              </div>
+              <div class="flex items-center">
+                <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-4.png" alt="">
+                <div class="ml-4">
+                  <span class="block text-lg font-medium text-black">Kristin Watson</span>
+                  <span class="block text-sm text-gray-600">CEO of Coca Soft</span>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/3 px-4">
+            <div class="max-w-md mx-auto mb-8 lg:mb-0 p-6 rounded-3xl overflow-hidden bg-white">
+              <div class="pb-7 mb-3 border-b border-gray-100">
+                <div class="flex mb-3 items-center">
+                  <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                  </svg>
+                  <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                  </svg>
+                  <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                  </svg>
+                  <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                  </svg>
+                  <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                  </svg>
+                </div>
+                <p class="text-lg text-black">It was a pleasure working with the Saturn. They understood the brief correctly and delivered great designs exceeding the expectations.</p>
+              </div>
+              <div class="flex items-center">
+                <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-3.png" alt="">
+                <div class="ml-4">
+                  <span class="block text-lg font-medium text-black">Kristin Watson</span>
+                  <span class="block text-sm text-gray-600">CEO of Coca Soft</span>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/3 px-4">
+            <div class="max-w-md mx-auto p-6 rounded-3xl overflow-hidden bg-white">
+              <div class="pb-7 mb-3 border-b border-gray-100">
+                <div class="flex mb-3 items-center">
+                  <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                  </svg>
+                  <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                  </svg>
+                  <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                  </svg>
+                  <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                  </svg>
+                  <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                  </svg>
+                </div>
+                <p class="text-lg text-black">It was a pleasure working with the Saturn. They understood the brief correctly and delivered great designs exceeding the expectations.</p>
+              </div>
+              <div class="flex items-center">
+                <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-2.png" alt="">
+                <div class="ml-4">
+                  <span class="block text-lg font-medium text-black">Kathryn Murphy</span>
+                  <span class="block text-sm text-gray-600">Founder ABC Studio</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-GscAYamm.html b/components/unsorted/casper-all-GscAYamm.html
new file mode 100644
index 0000000..8347257
--- /dev/null
+++ b/components/unsorted/casper-all-GscAYamm.html
@@ -0,0 +1,45 @@
+<div> <section>
+    <nav class="px-4 md:px-10 lg:px-32 py-7 bg-body">
+      <div class="container mx-auto px-4">
+        <div class="relative flex items-center justify-between">
+          <a class="inline-block" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo-white.svg" alt="">
+          </a>
+          <div class="flex items-center justify-end">
+            <div class="hidden lg:block mr-10"><a class="inline-flex py-2 px-4 mr-4 items-center justify-center text-sm font-medium uppercase text-white hover:text-violet-500" href="#">SIGN IN</a><a class="inline-flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+            <button class="navbar-burger text-white hover:text-violet-500">
+              <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3 16H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M3 8H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M20 24L29 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <div class="hidden navbar-menu fixed top-0 left-0 bottom-0 w-5/6 max-w-md z-50">
+      <div class="navbar-backdrop fixed inset-0 bg-violet-900 opacity-20"></div>
+      <nav class="relative flex flex-col py-7 px-10 w-full h-full bg-white overflow-y-auto">
+        <div class="flex mb-auto items-center">
+          <a class="inline-block mr-auto" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo.svg" alt="">
+          </a>
+          <a class="navbar-close" href="#">
+            <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M6 18L18 6M6 6L18 18" stroke="#111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+            </svg>
+          </a>
+        </div>
+        <div class="py-12 mb-auto">
+          <ul class="flex-col">
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">FEATURED</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">SOLUTIONS</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">PRODUCTS</a></li>
+            <li><a class="inline-block text-base text-black font-medium uppercase" href="#">ARTICLES</a></li>
+          </ul>
+        </div>
+        <div><a class="flex py-2 px-4 mb-4 items-center justify-center text-sm font-medium uppercase text-violet-900 hover:text-violet-500" href="#">SIGN IN</a><a class="flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+      </nav>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-HhOGwaEP.html b/components/unsorted/casper-all-HhOGwaEP.html
new file mode 100644
index 0000000..bbb57e4
--- /dev/null
+++ b/components/unsorted/casper-all-HhOGwaEP.html
@@ -0,0 +1,155 @@
+<div><section class="relative pt-12 md:pt-24 lg:py-36 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 right-0 -mt-32 -mr-40 w-64 h-64 bg-gradient-to-t from-blue-500 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="max-w-md lg:max-w-xs xl:max-w-md 2xl:max-w-xl mx-auto text-center">
+        <h2 class="font-heading text-4xl xl:text-5xl 2xl:text-6xl font-medium text-white tracking-tight mb-8">Integrate your UI Libray with Casper</h2>
+        <p class="max-w-md mx-auto text-lg text-gray-500 tracking-tight mb-8">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+        <a class="group inline-flex w-full sm:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-violet-800 bg-violet-500 hover:bg-white transition duration-200 rounded-full" href="#">
+          <span class="mr-2">LEARN MORE</span>
+          <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+          </svg>
+        </a>
+      </div>
+    </div>
+    <div class="relative lg:hidden py-10 max-w-xl mx-auto mt-20">
+      <div class="absolute z-10 top-0 left-0 w-full h-40 bg-gradient-to-b from-darkBlue-900 via-darkBlue-900 to-transparent opacity-90"></div>
+      <div class="absolute z-10 bottom-0 left-0 w-full h-40 bg-gradient-to-t from-darkBlue-900 via-darkBlue-900 to-transparent opacity-90"></div>
+      <div class="px-8">
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full xs:w-1/2 xs:-mb-5 px-4">
+            <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons7.svg" alt="">
+            </div>
+            <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons3.svg" alt="">
+            </div>
+            <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons4.svg" alt="">
+            </div>
+            <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons3.svg" alt="">
+            </div>
+            <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons4.svg" alt="">
+            </div>
+            <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons2.svg" alt="">
+            </div>
+          </div>
+          <div class="hidden xs:block w-full xs:w-1/2 px-4 xs:-mt-5">
+            <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons2.svg" alt="">
+            </div>
+            <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons4.svg" alt="">
+            </div>
+            <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons2.svg" alt="">
+            </div>
+            <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons5.svg" alt="">
+            </div>
+            <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons6.svg" alt="">
+            </div>
+            <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons7.svg" alt="">
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="hidden lg:block absolute top-0 left-0 h-full w-full lg:max-w-sm 2xl:max-w-md px-8">
+      <div class="hidden xs:block absolute z-10 top-0 left-0 w-full h-20 lg:h-32 bg-gradient-to-b from-darkBlue-900 via-darkBlue-900 to-transparent opacity-90"></div>
+      <div class="hidden xs:block absolute z-10 bottom-0 left-0 w-full h-20 lg:h-32 bg-gradient-to-t from-darkBlue-900 via-darkBlue-900 to-transparent opacity-90"></div>
+      <div class="flex flex-wrap -mx-4">
+        <div class="w-full xs:w-1/2 -mb-5 px-4">
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons7.svg" alt="">
+          </div>
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons3.svg" alt="">
+          </div>
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons4.svg" alt="">
+          </div>
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons3.svg" alt="">
+          </div>
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons4.svg" alt="">
+          </div>
+          <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons2.svg" alt="">
+          </div>
+        </div>
+        <div class="w-full xs:w-1/2 px-4 -mt-5">
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons2.svg" alt="">
+          </div>
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons4.svg" alt="">
+          </div>
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons2.svg" alt="">
+          </div>
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons5.svg" alt="">
+          </div>
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons6.svg" alt="">
+          </div>
+          <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons7.svg" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="hidden lg:block absolute top-0 right-0 h-full w-full lg:max-w-sm 2xl:max-w-md px-8 z-10">
+      <div class="hidden xs:block absolute z-10 top-0 left-0 w-full h-20 lg:h-32 bg-gradient-to-b from-darkBlue-900 via-darkBlue-900 to-transparent opacity-90"></div>
+      <div class="hidden xs:block absolute z-10 bottom-0 left-0 w-full h-20 lg:h-32 bg-gradient-to-t from-darkBlue-900 via-darkBlue-900 to-transparent opacity-90"></div>
+      <div class="flex flex-wrap -mx-4 -mb-8">
+        <div class="w-full xs:w-1/2 -mb-5 px-4">
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons7.svg" alt="">
+          </div>
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons3.svg" alt="">
+          </div>
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons4.svg" alt="">
+          </div>
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons3.svg" alt="">
+          </div>
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons4.svg" alt="">
+          </div>
+          <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons2.svg" alt="">
+          </div>
+        </div>
+        <div class="w-full xs:w-1/2 px-4 -mt-5">
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons2.svg" alt="">
+          </div>
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons4.svg" alt="">
+          </div>
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons2.svg" alt="">
+          </div>
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons5.svg" alt="">
+          </div>
+          <div class="mb-8 px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons6.svg" alt="">
+          </div>
+          <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+            <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons7.svg" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-IIOYEtzm.html b/components/unsorted/casper-all-IIOYEtzm.html
new file mode 100644
index 0000000..ab16abd
--- /dev/null
+++ b/components/unsorted/casper-all-IIOYEtzm.html
@@ -0,0 +1,113 @@
+<div><section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 right-0 mr-40 w-160 h-160 bg-gradient-to-t from-violet-900 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-md lg:max-w-none mx-auto">
+        <div class="flex flex-wrap items-end -mx-4 mb-16">
+          <div class="relative w-full lg:w-1/2 px-4 mb-8 lg:mb-0">
+            <img class="hidden sm:block absolute top-0 right-0 -mt-10 -mr-20 md:-mr-40 lg:-mr-80 animate-spinStar" src="casper-assets/team/blink-star.png" alt="">
+            <div class="relative max-w-2xl">
+              <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-6">
+                <span>Get to know our amazing</span>
+                <span class="pl-1 bg-clip-text text-transparent bg-gradient-to-b from-blue-600 via-blueGray-900 to-sky-800">Team</span>
+              </h2>
+              <p class="text-xl text-gray-500 tracking-tight">Mi turpis turpis in justo pellentesque id nibh praesent.</p>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4">
+            <div class="lg:text-right">
+              <button class="inline-flex w-14 h-14 mr-2.5 items-center justify-center text-gray-300 hover:text-black border border-white hover:border-violet-500 hover:bg-violet-500 rounded-full transition duration-150">
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M6.08 11.62C6.12759 11.4973 6.19896 11.3851 6.29 11.29L11.29 6.29C11.3832 6.19676 11.4939 6.1228 11.6158 6.07234C11.7376 6.02188 11.8681 5.99591 12 5.99591C12.2663 5.99591 12.5217 6.1017 12.71 6.29C12.8032 6.38324 12.8772 6.49393 12.9277 6.61575C12.9781 6.73758 13.0041 6.86814 13.0041 7C13.0041 7.2663 12.8983 7.5217 12.71 7.71L9.41 11H17C17.2652 11 17.5196 11.1054 17.7071 11.2929C17.8946 11.4804 18 11.7348 18 12C18 12.2652 17.8946 12.5196 17.7071 12.7071C17.5196 12.8946 17.2652 13 17 13H9.41L12.71 16.29C12.8037 16.383 12.8781 16.4936 12.9289 16.6154C12.9797 16.7373 13.0058 16.868 13.0058 17C13.0058 17.132 12.9797 17.2627 12.9289 17.3846C12.8781 17.5064 12.8037 17.617 12.71 17.71C12.617 17.8037 12.5064 17.8781 12.3846 17.9289C12.2627 17.9797 12.132 18.0058 12 18.0058C11.868 18.0058 11.7373 17.9797 11.6154 17.9289C11.4936 17.8781 11.383 17.8037 11.29 17.71L6.29 12.71C6.19896 12.6149 6.12759 12.5028 6.08 12.38C5.97998 12.1365 5.97998 11.8635 6.08 11.62Z" fill="currentColor"></path>
+                </svg>
+              </button>
+              <button class="inline-flex w-14 h-14 items-center justify-center text-gray-300 hover:text-black border border-white hover:border-violet-500 hover:bg-violet-500 rounded-full transition duration-150">
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M17.92 11.62C17.8724 11.4973 17.801 11.3851 17.71 11.29L12.71 6.29C12.6168 6.19676 12.5061 6.1228 12.3842 6.07234C12.2624 6.02188 12.1319 5.99591 12 5.99591C11.7337 5.99591 11.4783 6.1017 11.29 6.29C11.1968 6.38324 11.1228 6.49393 11.0723 6.61575C11.0219 6.73758 10.9959 6.86814 10.9959 7C10.9959 7.2663 11.1017 7.5217 11.29 7.71L14.59 11H7C6.73478 11 6.48043 11.1054 6.29289 11.2929C6.10536 11.4804 6 11.7348 6 12C6 12.2652 6.10536 12.5196 6.29289 12.7071C6.48043 12.8946 6.73478 13 7 13H14.59L11.29 16.29C11.1963 16.383 11.1219 16.4936 11.0711 16.6154C11.0203 16.7373 10.9942 16.868 10.9942 17C10.9942 17.132 11.0203 17.2627 11.0711 17.3846C11.1219 17.5064 11.1963 17.617 11.29 17.71C11.383 17.8037 11.4936 17.8781 11.6154 17.9289C11.7373 17.9797 11.868 18.0058 12 18.0058C12.132 18.0058 12.2627 17.9797 12.3846 17.9289C12.5064 17.8781 12.617 17.8037 12.71 17.71L17.71 12.71C17.801 12.6149 17.8724 12.5028 17.92 12.38C18.02 12.1365 18.02 11.8635 17.92 11.62Z" fill="currentColor"></path>
+                </svg>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <div class="h-full py-10 px-6 bg-white rounded-3xl">
+              <div class="text-center">
+                <img class="block w-24 h-24 mx-auto mb-6" src="casper-assets/team/avatar-2-sm.png" alt="">
+                <span class="block text-2xl font-medium text-black">Wade Warren</span>
+                <span class="block text-base text-violet-800 font-medium mb-2">CEO & Founder</span>
+                <div>
+                  <a class="inline-flex w-8 h-8 mr-2 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M11.9763 3.99002H13.3863V1.60502C12.7036 1.53403 12.0176 1.49898 11.3313 1.50002C9.29125 1.50002 7.89625 2.74502 7.89625 5.02502V6.99002H5.59375V9.66002H7.89625V16.5H10.6562V9.66002H12.9513L13.2962 6.99002H10.6562V5.28752C10.6562 4.50002 10.8663 3.99002 11.9763 3.99002Z" fill="black"></path>
+                    </svg>
+                  </a>
+                  <a class="inline-flex w-8 h-8 mr-2 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M15.9891 1.49998H3.28414C3.14132 1.498 2.99952 1.52417 2.86681 1.577C2.73411 1.62982 2.61312 1.70827 2.51074 1.80787C2.40836 1.90746 2.3266 2.02625 2.27013 2.15744C2.21367 2.28863 2.1836 2.42967 2.18164 2.57248V15.4275C2.1836 15.5703 2.21367 15.7113 2.27013 15.8425C2.3266 15.9737 2.40836 16.0925 2.51074 16.1921C2.61312 16.2917 2.73411 16.3701 2.86681 16.423C2.99952 16.4758 3.14132 16.502 3.28414 16.5H15.9891C16.132 16.502 16.2738 16.4758 16.4065 16.423C16.5392 16.3701 16.6602 16.2917 16.7625 16.1921C16.8649 16.0925 16.9467 15.9737 17.0031 15.8425C17.0596 15.7113 17.0897 15.5703 17.0916 15.4275V2.57248C17.0897 2.42967 17.0596 2.28863 17.0031 2.15744C16.9467 2.02625 16.8649 1.90746 16.7625 1.80787C16.6602 1.70827 16.5392 1.62982 16.4065 1.577C16.2738 1.52417 16.132 1.498 15.9891 1.49998ZM6.70414 14.055H4.45414V7.30498H6.70414V14.055ZM5.57914 6.35998C5.26884 6.35998 4.97124 6.23672 4.75183 6.0173C4.53241 5.79788 4.40914 5.50029 4.40914 5.18998C4.40914 4.87968 4.53241 4.58209 4.75183 4.36267C4.97124 4.14325 5.26884 4.01998 5.57914 4.01998C5.74391 4.0013 5.91077 4.01762 6.0688 4.0679C6.22682 4.11817 6.37244 4.20125 6.49613 4.3117C6.61982 4.42216 6.71878 4.55749 6.78654 4.70884C6.8543 4.8602 6.88933 5.02415 6.88933 5.18998C6.88933 5.35581 6.8543 5.51977 6.78654 5.67112C6.71878 5.82247 6.61982 5.95781 6.49613 6.06826C6.37244 6.17872 6.22682 6.2618 6.0688 6.31207C5.91077 6.36234 5.74391 6.37867 5.57914 6.35998ZM14.8191 14.055H12.5691V10.4325C12.5691 9.52498 12.2466 8.93248 11.4291 8.93248C11.1761 8.93434 10.9298 9.01369 10.7233 9.15986C10.5168 9.30603 10.36 9.51199 10.2741 9.74998C10.2154 9.92626 10.19 10.1119 10.1991 10.2975V14.0475H7.94914C7.94914 14.0475 7.94914 7.91248 7.94914 7.29748H10.1991V8.24998C10.4035 7.89531 10.7008 7.60312 11.059 7.40488C11.4171 7.20665 11.8226 7.10987 12.2316 7.12498C13.7316 7.12498 14.8191 8.09248 14.8191 10.17V14.055Z" fill="black"></path>
+                    </svg>
+                  </a>
+                  <a class="inline-flex w-8 h-8 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M9.63672 7.14C9.26885 7.14 8.90923 7.24909 8.60336 7.45347C8.29748 7.65785 8.05908 7.94834 7.9183 8.28821C7.77752 8.62808 7.74069 9.00206 7.81246 9.36287C7.88423 9.72367 8.06137 10.0551 8.3215 10.3152C8.58163 10.5753 8.91305 10.7525 9.27385 10.8243C9.63466 10.896 10.0086 10.8592 10.3485 10.7184C10.6884 10.5776 10.9789 10.3392 11.1833 10.0334C11.3876 9.72749 11.4967 9.36787 11.4967 9C11.4967 8.75574 11.4486 8.51387 11.3551 8.28821C11.2617 8.06254 11.1247 7.8575 10.9519 7.68478C10.7792 7.51206 10.5742 7.37506 10.3485 7.28158C10.1228 7.18811 9.88098 7.14 9.63672 7.14ZM17.0842 5.3025C17.0803 4.72332 16.9736 4.14943 16.7692 3.6075C16.6187 3.21094 16.3858 2.85082 16.0858 2.55089C15.7859 2.25096 15.4258 2.01804 15.0292 1.8675C14.4873 1.6631 13.9134 1.55645 13.3342 1.5525C12.3667 1.5 12.0817 1.5 9.63672 1.5C7.19172 1.5 6.90672 1.5 5.93922 1.5525C5.36004 1.55645 4.78615 1.6631 4.24422 1.8675C3.84766 2.01804 3.48754 2.25096 3.18761 2.55089C2.88768 2.85082 2.65476 3.21094 2.50422 3.6075C2.29982 4.14943 2.19316 4.72332 2.18922 5.3025C2.13672 6.27 2.13672 6.555 2.13672 9C2.13672 11.445 2.13672 11.73 2.18922 12.6975C2.19729 13.2787 2.3038 13.8544 2.50422 14.4C2.65409 14.7947 2.88682 15.1528 3.18672 15.45C3.48536 15.7517 3.84626 15.9846 4.24422 16.1325C4.78615 16.3369 5.36004 16.4436 5.93922 16.4475C6.90672 16.5 7.19172 16.5 9.63672 16.5C12.0817 16.5 12.3667 16.5 13.3342 16.4475C13.9134 16.4436 14.4873 16.3369 15.0292 16.1325C15.4272 15.9846 15.7881 15.7517 16.0867 15.45C16.3866 15.1528 16.6193 14.7947 16.7692 14.4C16.9734 13.8554 17.0801 13.2791 17.0842 12.6975C17.1367 11.73 17.1367 11.445 17.1367 9C17.1367 6.555 17.1367 6.27 17.0842 5.3025ZM15.1792 11.3025C15.1551 11.7653 15.0564 12.2212 14.8867 12.6525C14.7411 13.0123 14.5247 13.3391 14.2502 13.6135C13.9758 13.8879 13.649 14.1044 13.2892 14.25C12.8539 14.4102 12.3954 14.4988 11.9317 14.5125C11.3392 14.5125 11.1817 14.5125 9.63672 14.5125C8.09172 14.5125 7.93422 14.5125 7.34172 14.5125C6.87802 14.4988 6.41958 14.4102 5.98422 14.25C5.6123 14.1118 5.27643 13.8913 5.00172 13.605C4.72997 13.3359 4.5201 13.0109 4.38672 12.6525C4.22589 12.2176 4.13967 11.7586 4.13172 11.295C4.13172 10.7025 4.13172 10.545 4.13172 9C4.13172 7.455 4.13172 7.2975 4.13172 6.705C4.13967 6.24137 4.22589 5.78241 4.38672 5.3475C4.52493 4.97558 4.74542 4.63971 5.03172 4.365C5.30197 4.09472 5.62667 3.88507 5.98422 3.75C6.41958 3.5898 6.87802 3.50116 7.34172 3.4875C7.93422 3.4875 8.09172 3.4875 9.63672 3.4875C11.1817 3.4875 11.3392 3.4875 11.9317 3.4875C12.3954 3.50116 12.8539 3.5898 13.2892 3.75C13.6611 3.88821 13.997 4.10871 14.2717 4.395C14.5435 4.66406 14.7533 4.9891 14.8867 5.3475C15.0469 5.78287 15.1356 6.2413 15.1492 6.705C15.1492 7.2975 15.1492 7.455 15.1492 9C15.1492 10.545 15.2017 10.7025 15.1792 11.295V11.3025ZM13.9792 5.7225C13.8899 5.48024 13.7491 5.26023 13.5666 5.07766C13.384 4.89509 13.164 4.7543 12.9217 4.665C12.5891 4.5497 12.2387 4.49384 11.8867 4.5C11.3017 4.5 11.1367 4.5 9.63672 4.5C8.13672 4.5 7.97172 4.5 7.38672 4.5C7.03292 4.50346 6.68252 4.56948 6.35172 4.695C6.11317 4.78024 5.89549 4.91528 5.71316 5.09115C5.53082 5.26702 5.38801 5.47968 5.29422 5.715C5.1853 6.04903 5.13209 6.3987 5.13672 6.75C5.13672 7.335 5.13672 7.5 5.13672 9C5.13672 10.5 5.13672 10.665 5.13672 11.25C5.14415 11.6034 5.21005 11.9531 5.33172 12.285C5.42102 12.5273 5.56181 12.7473 5.74438 12.9298C5.92695 13.1124 6.14696 13.2532 6.38922 13.3425C6.70922 13.4602 7.04596 13.526 7.38672 13.5375C7.97172 13.5375 8.13672 13.5375 9.63672 13.5375C11.1367 13.5375 11.3017 13.5375 11.8867 13.5375C12.2405 13.534 12.5909 13.468 12.9217 13.3425C13.164 13.2532 13.384 13.1124 13.5666 12.9298C13.7491 12.7473 13.8899 12.5273 13.9792 12.285C14.1047 11.9542 14.1708 11.6038 14.1742 11.25C14.1742 10.665 14.1742 10.5 14.1742 9C14.1742 7.5 14.1742 7.335 14.1742 6.75C14.1744 6.39585 14.1083 6.04479 13.9792 5.715V5.7225ZM9.63672 11.865C9.26083 11.865 8.88864 11.7908 8.54147 11.6468C8.19429 11.5027 7.87895 11.2915 7.6135 11.0254C7.34806 10.7593 7.13774 10.4434 6.99458 10.0958C6.85142 9.74827 6.77823 9.37588 6.77922 9C6.77922 8.43304 6.94744 7.87882 7.26258 7.40751C7.57773 6.93621 8.02562 6.569 8.54957 6.35238C9.07352 6.13575 9.64996 6.07946 10.2059 6.19061C10.7619 6.30177 11.2724 6.57538 11.6727 6.97681C12.0731 7.37823 12.3454 7.88943 12.4551 8.44568C12.5648 9.00193 12.507 9.57822 12.289 10.1016C12.071 10.625 11.7026 11.0719 11.2305 11.3858C10.7583 11.6997 10.2037 11.8665 9.63672 11.865ZM12.6367 6.6975C12.4709 6.67995 12.3175 6.60167 12.206 6.47773C12.0945 6.35379 12.0328 6.19297 12.0328 6.02625C12.0328 5.85953 12.0945 5.69871 12.206 5.57477C12.3175 5.45083 12.4709 5.37255 12.6367 5.355C12.8025 5.37255 12.9559 5.45083 13.0675 5.57477C13.179 5.69871 13.2407 5.85953 13.2407 6.02625C13.2407 6.19297 13.179 6.35379 13.0675 6.47773C12.9559 6.60167 12.8025 6.67995 12.6367 6.6975Z" fill="black"></path>
+                    </svg>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <div class="h-full py-10 px-6 bg-white rounded-3xl">
+              <div class="text-center">
+                <img class="block w-24 h-24 mx-auto mb-6" src="casper-assets/team/avatar-1-sm.png" alt="">
+                <span class="block text-2xl font-medium text-black">Marvin McKinney</span>
+                <span class="block text-base text-violet-800 font-medium mb-2">CMO</span>
+                <div>
+                  <a class="inline-flex w-8 h-8 mr-2 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M11.9763 3.99002H13.3863V1.60502C12.7036 1.53403 12.0176 1.49898 11.3313 1.50002C9.29125 1.50002 7.89625 2.74502 7.89625 5.02502V6.99002H5.59375V9.66002H7.89625V16.5H10.6562V9.66002H12.9513L13.2962 6.99002H10.6562V5.28752C10.6562 4.50002 10.8663 3.99002 11.9763 3.99002Z" fill="black"></path>
+                    </svg>
+                  </a>
+                  <a class="inline-flex w-8 h-8 mr-2 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M15.9891 1.49998H3.28414C3.14132 1.498 2.99952 1.52417 2.86681 1.577C2.73411 1.62982 2.61312 1.70827 2.51074 1.80787C2.40836 1.90746 2.3266 2.02625 2.27013 2.15744C2.21367 2.28863 2.1836 2.42967 2.18164 2.57248V15.4275C2.1836 15.5703 2.21367 15.7113 2.27013 15.8425C2.3266 15.9737 2.40836 16.0925 2.51074 16.1921C2.61312 16.2917 2.73411 16.3701 2.86681 16.423C2.99952 16.4758 3.14132 16.502 3.28414 16.5H15.9891C16.132 16.502 16.2738 16.4758 16.4065 16.423C16.5392 16.3701 16.6602 16.2917 16.7625 16.1921C16.8649 16.0925 16.9467 15.9737 17.0031 15.8425C17.0596 15.7113 17.0897 15.5703 17.0916 15.4275V2.57248C17.0897 2.42967 17.0596 2.28863 17.0031 2.15744C16.9467 2.02625 16.8649 1.90746 16.7625 1.80787C16.6602 1.70827 16.5392 1.62982 16.4065 1.577C16.2738 1.52417 16.132 1.498 15.9891 1.49998ZM6.70414 14.055H4.45414V7.30498H6.70414V14.055ZM5.57914 6.35998C5.26884 6.35998 4.97124 6.23672 4.75183 6.0173C4.53241 5.79788 4.40914 5.50029 4.40914 5.18998C4.40914 4.87968 4.53241 4.58209 4.75183 4.36267C4.97124 4.14325 5.26884 4.01998 5.57914 4.01998C5.74391 4.0013 5.91077 4.01762 6.0688 4.0679C6.22682 4.11817 6.37244 4.20125 6.49613 4.3117C6.61982 4.42216 6.71878 4.55749 6.78654 4.70884C6.8543 4.8602 6.88933 5.02415 6.88933 5.18998C6.88933 5.35581 6.8543 5.51977 6.78654 5.67112C6.71878 5.82247 6.61982 5.95781 6.49613 6.06826C6.37244 6.17872 6.22682 6.2618 6.0688 6.31207C5.91077 6.36234 5.74391 6.37867 5.57914 6.35998ZM14.8191 14.055H12.5691V10.4325C12.5691 9.52498 12.2466 8.93248 11.4291 8.93248C11.1761 8.93434 10.9298 9.01369 10.7233 9.15986C10.5168 9.30603 10.36 9.51199 10.2741 9.74998C10.2154 9.92626 10.19 10.1119 10.1991 10.2975V14.0475H7.94914C7.94914 14.0475 7.94914 7.91248 7.94914 7.29748H10.1991V8.24998C10.4035 7.89531 10.7008 7.60312 11.059 7.40488C11.4171 7.20665 11.8226 7.10987 12.2316 7.12498C13.7316 7.12498 14.8191 8.09248 14.8191 10.17V14.055Z" fill="black"></path>
+                    </svg>
+                  </a>
+                  <a class="inline-flex w-8 h-8 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M9.63672 7.14C9.26885 7.14 8.90923 7.24909 8.60336 7.45347C8.29748 7.65785 8.05908 7.94834 7.9183 8.28821C7.77752 8.62808 7.74069 9.00206 7.81246 9.36287C7.88423 9.72367 8.06137 10.0551 8.3215 10.3152C8.58163 10.5753 8.91305 10.7525 9.27385 10.8243C9.63466 10.896 10.0086 10.8592 10.3485 10.7184C10.6884 10.5776 10.9789 10.3392 11.1833 10.0334C11.3876 9.72749 11.4967 9.36787 11.4967 9C11.4967 8.75574 11.4486 8.51387 11.3551 8.28821C11.2617 8.06254 11.1247 7.8575 10.9519 7.68478C10.7792 7.51206 10.5742 7.37506 10.3485 7.28158C10.1228 7.18811 9.88098 7.14 9.63672 7.14ZM17.0842 5.3025C17.0803 4.72332 16.9736 4.14943 16.7692 3.6075C16.6187 3.21094 16.3858 2.85082 16.0858 2.55089C15.7859 2.25096 15.4258 2.01804 15.0292 1.8675C14.4873 1.6631 13.9134 1.55645 13.3342 1.5525C12.3667 1.5 12.0817 1.5 9.63672 1.5C7.19172 1.5 6.90672 1.5 5.93922 1.5525C5.36004 1.55645 4.78615 1.6631 4.24422 1.8675C3.84766 2.01804 3.48754 2.25096 3.18761 2.55089C2.88768 2.85082 2.65476 3.21094 2.50422 3.6075C2.29982 4.14943 2.19316 4.72332 2.18922 5.3025C2.13672 6.27 2.13672 6.555 2.13672 9C2.13672 11.445 2.13672 11.73 2.18922 12.6975C2.19729 13.2787 2.3038 13.8544 2.50422 14.4C2.65409 14.7947 2.88682 15.1528 3.18672 15.45C3.48536 15.7517 3.84626 15.9846 4.24422 16.1325C4.78615 16.3369 5.36004 16.4436 5.93922 16.4475C6.90672 16.5 7.19172 16.5 9.63672 16.5C12.0817 16.5 12.3667 16.5 13.3342 16.4475C13.9134 16.4436 14.4873 16.3369 15.0292 16.1325C15.4272 15.9846 15.7881 15.7517 16.0867 15.45C16.3866 15.1528 16.6193 14.7947 16.7692 14.4C16.9734 13.8554 17.0801 13.2791 17.0842 12.6975C17.1367 11.73 17.1367 11.445 17.1367 9C17.1367 6.555 17.1367 6.27 17.0842 5.3025ZM15.1792 11.3025C15.1551 11.7653 15.0564 12.2212 14.8867 12.6525C14.7411 13.0123 14.5247 13.3391 14.2502 13.6135C13.9758 13.8879 13.649 14.1044 13.2892 14.25C12.8539 14.4102 12.3954 14.4988 11.9317 14.5125C11.3392 14.5125 11.1817 14.5125 9.63672 14.5125C8.09172 14.5125 7.93422 14.5125 7.34172 14.5125C6.87802 14.4988 6.41958 14.4102 5.98422 14.25C5.6123 14.1118 5.27643 13.8913 5.00172 13.605C4.72997 13.3359 4.5201 13.0109 4.38672 12.6525C4.22589 12.2176 4.13967 11.7586 4.13172 11.295C4.13172 10.7025 4.13172 10.545 4.13172 9C4.13172 7.455 4.13172 7.2975 4.13172 6.705C4.13967 6.24137 4.22589 5.78241 4.38672 5.3475C4.52493 4.97558 4.74542 4.63971 5.03172 4.365C5.30197 4.09472 5.62667 3.88507 5.98422 3.75C6.41958 3.5898 6.87802 3.50116 7.34172 3.4875C7.93422 3.4875 8.09172 3.4875 9.63672 3.4875C11.1817 3.4875 11.3392 3.4875 11.9317 3.4875C12.3954 3.50116 12.8539 3.5898 13.2892 3.75C13.6611 3.88821 13.997 4.10871 14.2717 4.395C14.5435 4.66406 14.7533 4.9891 14.8867 5.3475C15.0469 5.78287 15.1356 6.2413 15.1492 6.705C15.1492 7.2975 15.1492 7.455 15.1492 9C15.1492 10.545 15.2017 10.7025 15.1792 11.295V11.3025ZM13.9792 5.7225C13.8899 5.48024 13.7491 5.26023 13.5666 5.07766C13.384 4.89509 13.164 4.7543 12.9217 4.665C12.5891 4.5497 12.2387 4.49384 11.8867 4.5C11.3017 4.5 11.1367 4.5 9.63672 4.5C8.13672 4.5 7.97172 4.5 7.38672 4.5C7.03292 4.50346 6.68252 4.56948 6.35172 4.695C6.11317 4.78024 5.89549 4.91528 5.71316 5.09115C5.53082 5.26702 5.38801 5.47968 5.29422 5.715C5.1853 6.04903 5.13209 6.3987 5.13672 6.75C5.13672 7.335 5.13672 7.5 5.13672 9C5.13672 10.5 5.13672 10.665 5.13672 11.25C5.14415 11.6034 5.21005 11.9531 5.33172 12.285C5.42102 12.5273 5.56181 12.7473 5.74438 12.9298C5.92695 13.1124 6.14696 13.2532 6.38922 13.3425C6.70922 13.4602 7.04596 13.526 7.38672 13.5375C7.97172 13.5375 8.13672 13.5375 9.63672 13.5375C11.1367 13.5375 11.3017 13.5375 11.8867 13.5375C12.2405 13.534 12.5909 13.468 12.9217 13.3425C13.164 13.2532 13.384 13.1124 13.5666 12.9298C13.7491 12.7473 13.8899 12.5273 13.9792 12.285C14.1047 11.9542 14.1708 11.6038 14.1742 11.25C14.1742 10.665 14.1742 10.5 14.1742 9C14.1742 7.5 14.1742 7.335 14.1742 6.75C14.1744 6.39585 14.1083 6.04479 13.9792 5.715V5.7225ZM9.63672 11.865C9.26083 11.865 8.88864 11.7908 8.54147 11.6468C8.19429 11.5027 7.87895 11.2915 7.6135 11.0254C7.34806 10.7593 7.13774 10.4434 6.99458 10.0958C6.85142 9.74827 6.77823 9.37588 6.77922 9C6.77922 8.43304 6.94744 7.87882 7.26258 7.40751C7.57773 6.93621 8.02562 6.569 8.54957 6.35238C9.07352 6.13575 9.64996 6.07946 10.2059 6.19061C10.7619 6.30177 11.2724 6.57538 11.6727 6.97681C12.0731 7.37823 12.3454 7.88943 12.4551 8.44568C12.5648 9.00193 12.507 9.57822 12.289 10.1016C12.071 10.625 11.7026 11.0719 11.2305 11.3858C10.7583 11.6997 10.2037 11.8665 9.63672 11.865ZM12.6367 6.6975C12.4709 6.67995 12.3175 6.60167 12.206 6.47773C12.0945 6.35379 12.0328 6.19297 12.0328 6.02625C12.0328 5.85953 12.0945 5.69871 12.206 5.57477C12.3175 5.45083 12.4709 5.37255 12.6367 5.355C12.8025 5.37255 12.9559 5.45083 13.0675 5.57477C13.179 5.69871 13.2407 5.85953 13.2407 6.02625C13.2407 6.19297 13.179 6.35379 13.0675 6.47773C12.9559 6.60167 12.8025 6.67995 12.6367 6.6975Z" fill="black"></path>
+                    </svg>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/3 px-4">
+            <div class="h-full py-10 px-6 bg-white rounded-3xl">
+              <div class="text-center">
+                <img class="block w-24 h-24 mx-auto mb-6" src="casper-assets/team/avatar-2-sm.png" alt="">
+                <span class="block text-2xl font-medium text-black">Kathryn Murphy</span>
+                <span class="block text-base text-violet-800 font-medium mb-2">Tech Lead</span>
+                <div>
+                  <a class="inline-flex w-8 h-8 mr-2 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M11.9763 3.99002H13.3863V1.60502C12.7036 1.53403 12.0176 1.49898 11.3313 1.50002C9.29125 1.50002 7.89625 2.74502 7.89625 5.02502V6.99002H5.59375V9.66002H7.89625V16.5H10.6562V9.66002H12.9513L13.2962 6.99002H10.6562V5.28752C10.6562 4.50002 10.8663 3.99002 11.9763 3.99002Z" fill="black"></path>
+                    </svg>
+                  </a>
+                  <a class="inline-flex w-8 h-8 mr-2 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M15.9891 1.49998H3.28414C3.14132 1.498 2.99952 1.52417 2.86681 1.577C2.73411 1.62982 2.61312 1.70827 2.51074 1.80787C2.40836 1.90746 2.3266 2.02625 2.27013 2.15744C2.21367 2.28863 2.1836 2.42967 2.18164 2.57248V15.4275C2.1836 15.5703 2.21367 15.7113 2.27013 15.8425C2.3266 15.9737 2.40836 16.0925 2.51074 16.1921C2.61312 16.2917 2.73411 16.3701 2.86681 16.423C2.99952 16.4758 3.14132 16.502 3.28414 16.5H15.9891C16.132 16.502 16.2738 16.4758 16.4065 16.423C16.5392 16.3701 16.6602 16.2917 16.7625 16.1921C16.8649 16.0925 16.9467 15.9737 17.0031 15.8425C17.0596 15.7113 17.0897 15.5703 17.0916 15.4275V2.57248C17.0897 2.42967 17.0596 2.28863 17.0031 2.15744C16.9467 2.02625 16.8649 1.90746 16.7625 1.80787C16.6602 1.70827 16.5392 1.62982 16.4065 1.577C16.2738 1.52417 16.132 1.498 15.9891 1.49998ZM6.70414 14.055H4.45414V7.30498H6.70414V14.055ZM5.57914 6.35998C5.26884 6.35998 4.97124 6.23672 4.75183 6.0173C4.53241 5.79788 4.40914 5.50029 4.40914 5.18998C4.40914 4.87968 4.53241 4.58209 4.75183 4.36267C4.97124 4.14325 5.26884 4.01998 5.57914 4.01998C5.74391 4.0013 5.91077 4.01762 6.0688 4.0679C6.22682 4.11817 6.37244 4.20125 6.49613 4.3117C6.61982 4.42216 6.71878 4.55749 6.78654 4.70884C6.8543 4.8602 6.88933 5.02415 6.88933 5.18998C6.88933 5.35581 6.8543 5.51977 6.78654 5.67112C6.71878 5.82247 6.61982 5.95781 6.49613 6.06826C6.37244 6.17872 6.22682 6.2618 6.0688 6.31207C5.91077 6.36234 5.74391 6.37867 5.57914 6.35998ZM14.8191 14.055H12.5691V10.4325C12.5691 9.52498 12.2466 8.93248 11.4291 8.93248C11.1761 8.93434 10.9298 9.01369 10.7233 9.15986C10.5168 9.30603 10.36 9.51199 10.2741 9.74998C10.2154 9.92626 10.19 10.1119 10.1991 10.2975V14.0475H7.94914C7.94914 14.0475 7.94914 7.91248 7.94914 7.29748H10.1991V8.24998C10.4035 7.89531 10.7008 7.60312 11.059 7.40488C11.4171 7.20665 11.8226 7.10987 12.2316 7.12498C13.7316 7.12498 14.8191 8.09248 14.8191 10.17V14.055Z" fill="black"></path>
+                    </svg>
+                  </a>
+                  <a class="inline-flex w-8 h-8 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M9.63672 7.14C9.26885 7.14 8.90923 7.24909 8.60336 7.45347C8.29748 7.65785 8.05908 7.94834 7.9183 8.28821C7.77752 8.62808 7.74069 9.00206 7.81246 9.36287C7.88423 9.72367 8.06137 10.0551 8.3215 10.3152C8.58163 10.5753 8.91305 10.7525 9.27385 10.8243C9.63466 10.896 10.0086 10.8592 10.3485 10.7184C10.6884 10.5776 10.9789 10.3392 11.1833 10.0334C11.3876 9.72749 11.4967 9.36787 11.4967 9C11.4967 8.75574 11.4486 8.51387 11.3551 8.28821C11.2617 8.06254 11.1247 7.8575 10.9519 7.68478C10.7792 7.51206 10.5742 7.37506 10.3485 7.28158C10.1228 7.18811 9.88098 7.14 9.63672 7.14ZM17.0842 5.3025C17.0803 4.72332 16.9736 4.14943 16.7692 3.6075C16.6187 3.21094 16.3858 2.85082 16.0858 2.55089C15.7859 2.25096 15.4258 2.01804 15.0292 1.8675C14.4873 1.6631 13.9134 1.55645 13.3342 1.5525C12.3667 1.5 12.0817 1.5 9.63672 1.5C7.19172 1.5 6.90672 1.5 5.93922 1.5525C5.36004 1.55645 4.78615 1.6631 4.24422 1.8675C3.84766 2.01804 3.48754 2.25096 3.18761 2.55089C2.88768 2.85082 2.65476 3.21094 2.50422 3.6075C2.29982 4.14943 2.19316 4.72332 2.18922 5.3025C2.13672 6.27 2.13672 6.555 2.13672 9C2.13672 11.445 2.13672 11.73 2.18922 12.6975C2.19729 13.2787 2.3038 13.8544 2.50422 14.4C2.65409 14.7947 2.88682 15.1528 3.18672 15.45C3.48536 15.7517 3.84626 15.9846 4.24422 16.1325C4.78615 16.3369 5.36004 16.4436 5.93922 16.4475C6.90672 16.5 7.19172 16.5 9.63672 16.5C12.0817 16.5 12.3667 16.5 13.3342 16.4475C13.9134 16.4436 14.4873 16.3369 15.0292 16.1325C15.4272 15.9846 15.7881 15.7517 16.0867 15.45C16.3866 15.1528 16.6193 14.7947 16.7692 14.4C16.9734 13.8554 17.0801 13.2791 17.0842 12.6975C17.1367 11.73 17.1367 11.445 17.1367 9C17.1367 6.555 17.1367 6.27 17.0842 5.3025ZM15.1792 11.3025C15.1551 11.7653 15.0564 12.2212 14.8867 12.6525C14.7411 13.0123 14.5247 13.3391 14.2502 13.6135C13.9758 13.8879 13.649 14.1044 13.2892 14.25C12.8539 14.4102 12.3954 14.4988 11.9317 14.5125C11.3392 14.5125 11.1817 14.5125 9.63672 14.5125C8.09172 14.5125 7.93422 14.5125 7.34172 14.5125C6.87802 14.4988 6.41958 14.4102 5.98422 14.25C5.6123 14.1118 5.27643 13.8913 5.00172 13.605C4.72997 13.3359 4.5201 13.0109 4.38672 12.6525C4.22589 12.2176 4.13967 11.7586 4.13172 11.295C4.13172 10.7025 4.13172 10.545 4.13172 9C4.13172 7.455 4.13172 7.2975 4.13172 6.705C4.13967 6.24137 4.22589 5.78241 4.38672 5.3475C4.52493 4.97558 4.74542 4.63971 5.03172 4.365C5.30197 4.09472 5.62667 3.88507 5.98422 3.75C6.41958 3.5898 6.87802 3.50116 7.34172 3.4875C7.93422 3.4875 8.09172 3.4875 9.63672 3.4875C11.1817 3.4875 11.3392 3.4875 11.9317 3.4875C12.3954 3.50116 12.8539 3.5898 13.2892 3.75C13.6611 3.88821 13.997 4.10871 14.2717 4.395C14.5435 4.66406 14.7533 4.9891 14.8867 5.3475C15.0469 5.78287 15.1356 6.2413 15.1492 6.705C15.1492 7.2975 15.1492 7.455 15.1492 9C15.1492 10.545 15.2017 10.7025 15.1792 11.295V11.3025ZM13.9792 5.7225C13.8899 5.48024 13.7491 5.26023 13.5666 5.07766C13.384 4.89509 13.164 4.7543 12.9217 4.665C12.5891 4.5497 12.2387 4.49384 11.8867 4.5C11.3017 4.5 11.1367 4.5 9.63672 4.5C8.13672 4.5 7.97172 4.5 7.38672 4.5C7.03292 4.50346 6.68252 4.56948 6.35172 4.695C6.11317 4.78024 5.89549 4.91528 5.71316 5.09115C5.53082 5.26702 5.38801 5.47968 5.29422 5.715C5.1853 6.04903 5.13209 6.3987 5.13672 6.75C5.13672 7.335 5.13672 7.5 5.13672 9C5.13672 10.5 5.13672 10.665 5.13672 11.25C5.14415 11.6034 5.21005 11.9531 5.33172 12.285C5.42102 12.5273 5.56181 12.7473 5.74438 12.9298C5.92695 13.1124 6.14696 13.2532 6.38922 13.3425C6.70922 13.4602 7.04596 13.526 7.38672 13.5375C7.97172 13.5375 8.13672 13.5375 9.63672 13.5375C11.1367 13.5375 11.3017 13.5375 11.8867 13.5375C12.2405 13.534 12.5909 13.468 12.9217 13.3425C13.164 13.2532 13.384 13.1124 13.5666 12.9298C13.7491 12.7473 13.8899 12.5273 13.9792 12.285C14.1047 11.9542 14.1708 11.6038 14.1742 11.25C14.1742 10.665 14.1742 10.5 14.1742 9C14.1742 7.5 14.1742 7.335 14.1742 6.75C14.1744 6.39585 14.1083 6.04479 13.9792 5.715V5.7225ZM9.63672 11.865C9.26083 11.865 8.88864 11.7908 8.54147 11.6468C8.19429 11.5027 7.87895 11.2915 7.6135 11.0254C7.34806 10.7593 7.13774 10.4434 6.99458 10.0958C6.85142 9.74827 6.77823 9.37588 6.77922 9C6.77922 8.43304 6.94744 7.87882 7.26258 7.40751C7.57773 6.93621 8.02562 6.569 8.54957 6.35238C9.07352 6.13575 9.64996 6.07946 10.2059 6.19061C10.7619 6.30177 11.2724 6.57538 11.6727 6.97681C12.0731 7.37823 12.3454 7.88943 12.4551 8.44568C12.5648 9.00193 12.507 9.57822 12.289 10.1016C12.071 10.625 11.7026 11.0719 11.2305 11.3858C10.7583 11.6997 10.2037 11.8665 9.63672 11.865ZM12.6367 6.6975C12.4709 6.67995 12.3175 6.60167 12.206 6.47773C12.0945 6.35379 12.0328 6.19297 12.0328 6.02625C12.0328 5.85953 12.0945 5.69871 12.206 5.57477C12.3175 5.45083 12.4709 5.37255 12.6367 5.355C12.8025 5.37255 12.9559 5.45083 13.0675 5.57477C13.179 5.69871 13.2407 5.85953 13.2407 6.02625C13.2407 6.19297 13.179 6.35379 13.0675 6.47773C12.9559 6.60167 12.8025 6.67995 12.6367 6.6975Z" fill="black"></path>
+                    </svg>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-JbXUrWyU.html b/components/unsorted/casper-all-JbXUrWyU.html
new file mode 100644
index 0000000..a5384ff
--- /dev/null
+++ b/components/unsorted/casper-all-JbXUrWyU.html
@@ -0,0 +1,71 @@
+<div><section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <img class="hidden md:block absolute top-0 right-0 animate-spinStar z-10" src="casper-assets/services/blink-star.png" alt="">
+      <div class="absolute top-0 right-0 -mr-52 -mt-64 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-md lg:max-w-4xl mx-auto lg:mx-0 mb-32">
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl lg:text-7xl font-medium text-white tracking-tight mb-6">Our Services</h2>
+        <p class="max-w-xl text-xl text-gray-500 tracking-tight">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+      </div>
+      <div class="relative max-w-md lg:max-w-none mx-auto">
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <a class="group block h-auto xl:h-128 p-8 border-2 border-white border-opacity-10 hover:border-opacity-100 rounded-3xl transition duration-200" href="#">
+              <div class="flex h-full flex-col items-start">
+                <div class="flex w-full mb-20 items-center justify-between">
+                  <img class="block w-18 h-18" src="casper-assets/services/circle-icon1.png" alt="">
+                  <span class="opacity-0 group-hover:opacity-100 transition duration-200">
+                    <svg width="60" height="60" viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M17.5 42.5L42.5 17.5" stroke="#1AC2E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M17.5 17.5H42.5V42.5" stroke="#1AC2E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </span>
+                </div>
+                <div class="mt-auto max-w-xs">
+                  <h4 class="text-3xl sm:text-4xl mb-2 font-medium text-white group-hover:text-sky-900">Personalized Experiences</h4>
+                  <p class="text-gray-500 tracking-tight leading-5">By understanding your visitors' needs, our chat assistant creates a unique experience that keeps them coming back for more unique process.</p>
+                </div>
+              </div>
+            </a>
+          </div>
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <a class="group block h-auto xl:h-128 p-8 border-2 border-white border-opacity-10 hover:border-opacity-100 rounded-3xl transition duration-200" href="#">
+              <div class="flex h-full flex-col items-start">
+                <div class="flex w-full mb-20 items-center justify-between">
+                  <img class="block w-18 h-18" src="casper-assets/services/circle-icon3.png" alt="">
+                  <span class="opacity-0 group-hover:opacity-100 transition duration-200">
+                    <svg width="60" height="60" viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M17.5 42.5L42.5 17.5" stroke="#1AC2E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M17.5 17.5H42.5V42.5" stroke="#1AC2E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </span>
+                </div>
+                <div class="mt-auto max-w-xs">
+                  <h4 class="text-3xl sm:text-4xl mb-2 font-medium text-white group-hover:text-sky-900">Analytics and Insights</h4>
+                  <p class="text-gray-500 tracking-tight leading-5">By understanding your visitors' needs, our chat assistant creates a unique experience that keeps them coming back for more unique process.</p>
+                </div>
+              </div>
+            </a>
+          </div>
+          <div class="w-full lg:w-1/3 px-4">
+            <a class="group block h-auto xl:h-128 p-8 border-2 border-white border-opacity-10 hover:border-opacity-100 rounded-3xl transition duration-200" href="#">
+              <div class="flex h-full flex-col items-start">
+                <div class="flex w-full mb-20 items-center justify-between">
+                  <img class="block w-18 h-18" src="casper-assets/services/circle-icon2.png" alt="">
+                  <span class="opacity-0 group-hover:opacity-100 transition duration-200">
+                    <svg width="60" height="60" viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M17.5 42.5L42.5 17.5" stroke="#1AC2E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M17.5 17.5H42.5V42.5" stroke="#1AC2E7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </span>
+                </div>
+                <div class="mt-auto max-w-xs">
+                  <h4 class="text-3xl sm:text-4xl mb-2 font-medium text-white group-hover:text-sky-900">Seamless Integration</h4>
+                  <p class="text-gray-500 tracking-tight leading-5">Our user-friendly interface allows for quick setup, and our dedicated support team is ready to assist you every step of the way whether you're a tech guru</p>
+                </div>
+              </div>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-KQJfTywK.html b/components/unsorted/casper-all-KQJfTywK.html
new file mode 100644
index 0000000..3e2e1dc
--- /dev/null
+++ b/components/unsorted/casper-all-KQJfTywK.html
@@ -0,0 +1,42 @@
+<div> <section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="absolute top-0 right-0 -mr-40 mt-128 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+    <img class="hidden md:block absolute top-0 right-0 mt-52 mr-20 lg:mr-40 animate-spinStar z-10" src="casper-assets/services/blink-star.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="relative max-w-2xl mb-16">
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-6">The work we do</h2>
+        <p class="max-w-xl text-xl text-gray-500 leading-relaxed tracking-tight">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+      </div>
+      <div class="flex flex-wrap -mx-4">
+        <div class="w-full md:w-1/2 px-4 mb-12 md:mb-20">
+          <div class="max-w-md mx-auto md:mx-0">
+            <img class="block w-full rounded-3xl mb-6" src="casper-assets/portfolio/image-portfolio-1.png" alt="">
+            <h3 class="font-heading text-3xl md:text-4xl font-medium text-white">Symtric - Branding & Web Development</h3>
+          </div>
+        </div>
+        <div class="w-full md:w-1/2 px-4 mb-12 md:mb-20">
+          <div class="max-w-md mx-auto md:mx-0">
+            <img class="block w-full rounded-3xl mb-6" src="casper-assets/portfolio/image-portfolio-2.png" alt="">
+            <h3 class="font-heading text-3xl md:text-4xl font-medium text-white">Jiggle - Mobile Application for Finance</h3>
+          </div>
+        </div>
+        <div class="w-full md:w-3/4 px-4 mb-12 md:mb-20">
+          <div class="max-w-5xl">
+            <img class="block w-full rounded-3xl mb-6" src="casper-assets/portfolio/image-portfolio-3.png" alt="">
+            <h3 class="font-heading text-3xl md:text-4xl font-medium text-white">Welytics - Branding, Illustration & Web Application for health agency</h3>
+          </div>
+        </div>
+        <div class="w-full md:w-1/2 px-4 mb-12 md:mb-20">
+          <div class="max-w-md mx-auto md:mx-0">
+            <img class="block w-full rounded-3xl mb-6" src="casper-assets/portfolio/image-portfolio-4.png" alt="">
+            <h3 class="font-heading text-3xl md:text-4xl font-medium text-white">Symtric Branding & Web Development</h3>
+          </div>
+        </div>
+        <div class="w-full md:w-1/2 px-4 mb-12 md:mb-20">
+          <div class="max-w-md mx-auto md:mx-0">
+            <img class="block w-full rounded-3xl mb-6" src="casper-assets/portfolio/image-portfolio-5.png" alt="">
+            <h3 class="font-heading text-3xl md:text-4xl font-medium text-white">Symtric Branding & Web Development</h3>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-KlHiMHZM.html b/components/unsorted/casper-all-KlHiMHZM.html
new file mode 100644
index 0000000..df676be
--- /dev/null
+++ b/components/unsorted/casper-all-KlHiMHZM.html
@@ -0,0 +1,65 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="relative max-w-lg lg:max-w-8xl mx-auto">
+        <div class="absolute top-0 left-0 -ml-64 -mt-80 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+        <div class="absolute bottom-0 right-0 w-186 h-186 bg-gradient-to-t from-violet-700 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+        <div class="relative">
+          <div class="max-w-2xl mx-auto mb-18 text-center">
+            <span class="block text-lg text-gray-500 tracking-tight mb-6">Type Caption Here</span>
+            <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight">Blog & Articles</h2>
+          </div>
+          <div class="flex flex-wrap -mx-4">
+            <div class="w-full lg:w-1/2 px-4 mb-8 lg:mb-0">
+              <div class="rounded-3xl">
+                <img class="block w-full h-80 object-cover rounded-t-3xl" src="casper-assets/blog/machine-box.png" alt="">
+                <div class="flex flex-col h-full p-10 border-t border-violet-900 rounded-b-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                  <div class="max-w-md">
+                    <h4 class="text-3xl font-medium text-white mb-4">Consectures Dummy Content Velit officia consequat duis</h4>
+                    <p class="text-base text-white tracking-tight mb-4">By understanding your visitors' needs, our chat assistant creates a unique experience</p>
+                    <a class="group flex items-center" href="#">
+                      <div class="flex items-center justify-center w-14 h-14 rounded-full border border-gray-700 group-hover:bg-violet-600 group-hover:border-violet-600 transition duration-200">
+                        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M17.92 11.62C17.8724 11.4973 17.801 11.3851 17.71 11.29L12.71 6.29C12.6168 6.19676 12.5061 6.1228 12.3842 6.07234C12.2624 6.02188 12.1319 5.99591 12 5.99591C11.7337 5.99591 11.4783 6.1017 11.29 6.29C11.1968 6.38324 11.1228 6.49393 11.0723 6.61575C11.0219 6.73758 10.9959 6.86814 10.9959 7C10.9959 7.2663 11.1017 7.5217 11.29 7.71L14.59 11H7C6.73478 11 6.48043 11.1054 6.29289 11.2929C6.10536 11.4804 6 11.7348 6 12C6 12.2652 6.10536 12.5196 6.29289 12.7071C6.48043 12.8946 6.73478 13 7 13H14.59L11.29 16.29C11.1963 16.383 11.1219 16.4936 11.0711 16.6154C11.0203 16.7373 10.9942 16.868 10.9942 17C10.9942 17.132 11.0203 17.2627 11.0711 17.3846C11.1219 17.5064 11.1963 17.617 11.29 17.71C11.383 17.8037 11.4936 17.8781 11.6154 17.9289C11.7373 17.9797 11.868 18.0058 12 18.0058C12.132 18.0058 12.2627 17.9797 12.3846 17.9289C12.5064 17.8781 12.617 17.8037 12.71 17.71L17.71 12.71C17.801 12.6149 17.8724 12.5028 17.92 12.38C18.02 12.1365 18.02 11.8635 17.92 11.62Z" fill="white"></path>
+                        </svg>
+                      </div>
+                      <span class="ml-5 text-sm font-medium text-white">Read more</span>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="w-full lg:w-1/2 px-4">
+              <div class="p-10 mb-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                <div class="max-w-md">
+                  <h4 class="text-3xl font-medium text-white mb-4">Consectures Dummy Content Velit officia consequat duis</h4>
+                  <p class="text-base text-white tracking-tight mb-4">By understanding your visitors' needs, our chat assistant creates a unique experience</p>
+                  <a class="group flex items-center" href="#">
+                    <div class="flex items-center justify-center w-14 h-14 rounded-full border border-gray-700 group-hover:bg-violet-600 group-hover:border-violet-600 transition duration-200">
+                      <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M17.92 11.62C17.8724 11.4973 17.801 11.3851 17.71 11.29L12.71 6.29C12.6168 6.19676 12.5061 6.1228 12.3842 6.07234C12.2624 6.02188 12.1319 5.99591 12 5.99591C11.7337 5.99591 11.4783 6.1017 11.29 6.29C11.1968 6.38324 11.1228 6.49393 11.0723 6.61575C11.0219 6.73758 10.9959 6.86814 10.9959 7C10.9959 7.2663 11.1017 7.5217 11.29 7.71L14.59 11H7C6.73478 11 6.48043 11.1054 6.29289 11.2929C6.10536 11.4804 6 11.7348 6 12C6 12.2652 6.10536 12.5196 6.29289 12.7071C6.48043 12.8946 6.73478 13 7 13H14.59L11.29 16.29C11.1963 16.383 11.1219 16.4936 11.0711 16.6154C11.0203 16.7373 10.9942 16.868 10.9942 17C10.9942 17.132 11.0203 17.2627 11.0711 17.3846C11.1219 17.5064 11.1963 17.617 11.29 17.71C11.383 17.8037 11.4936 17.8781 11.6154 17.9289C11.7373 17.9797 11.868 18.0058 12 18.0058C12.132 18.0058 12.2627 17.9797 12.3846 17.9289C12.5064 17.8781 12.617 17.8037 12.71 17.71L17.71 12.71C17.801 12.6149 17.8724 12.5028 17.92 12.38C18.02 12.1365 18.02 11.8635 17.92 11.62Z" fill="white"></path>
+                      </svg>
+                    </div>
+                    <span class="ml-5 text-sm font-medium text-white">Read more</span>
+                  </a>
+                </div>
+              </div>
+              <div class="p-10 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                <div class="max-w-md">
+                  <h4 class="text-3xl font-medium text-white mb-4">Consectures Dummy Content Velit officia consequat duis</h4>
+                  <p class="text-base text-white tracking-tight mb-4">By understanding your visitors' needs, our chat assistant creates a unique experience</p>
+                  <a class="group flex items-center" href="#">
+                    <div class="flex items-center justify-center w-14 h-14 rounded-full border border-gray-700 group-hover:bg-violet-600 group-hover:border-violet-600 transition duration-200">
+                      <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M17.92 11.62C17.8724 11.4973 17.801 11.3851 17.71 11.29L12.71 6.29C12.6168 6.19676 12.5061 6.1228 12.3842 6.07234C12.2624 6.02188 12.1319 5.99591 12 5.99591C11.7337 5.99591 11.4783 6.1017 11.29 6.29C11.1968 6.38324 11.1228 6.49393 11.0723 6.61575C11.0219 6.73758 10.9959 6.86814 10.9959 7C10.9959 7.2663 11.1017 7.5217 11.29 7.71L14.59 11H7C6.73478 11 6.48043 11.1054 6.29289 11.2929C6.10536 11.4804 6 11.7348 6 12C6 12.2652 6.10536 12.5196 6.29289 12.7071C6.48043 12.8946 6.73478 13 7 13H14.59L11.29 16.29C11.1963 16.383 11.1219 16.4936 11.0711 16.6154C11.0203 16.7373 10.9942 16.868 10.9942 17C10.9942 17.132 11.0203 17.2627 11.0711 17.3846C11.1219 17.5064 11.1963 17.617 11.29 17.71C11.383 17.8037 11.4936 17.8781 11.6154 17.9289C11.7373 17.9797 11.868 18.0058 12 18.0058C12.132 18.0058 12.2627 17.9797 12.3846 17.9289C12.5064 17.8781 12.617 17.8037 12.71 17.71L17.71 12.71C17.801 12.6149 17.8724 12.5028 17.92 12.38C18.02 12.1365 18.02 11.8635 17.92 11.62Z" fill="white"></path>
+                      </svg>
+                    </div>
+                    <span class="ml-5 text-sm font-medium text-white">Read more</span>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-LvKbWOAc.html b/components/unsorted/casper-all-LvKbWOAc.html
new file mode 100644
index 0000000..6cc59af
--- /dev/null
+++ b/components/unsorted/casper-all-LvKbWOAc.html
@@ -0,0 +1,54 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 right-0 -mt-80 -mr-80 w-148 h-148 bg-gradient-to-t from-violet-700 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-8xl mx-auto py-16 px-8 md:px-16 rounded-3xl overflow-hidden">
+        <img class="absolute top-0 left-0 w-full h-full" src="casper-assets/newsletter/bg-gradient.png" alt="">
+        <div class="relative">
+          <img class="hidden md:block absolute top-0 right-0 mt-24 lg:mt-14 mr-6 lg:mr-40 animate-spinStar" src="casper-assets/newsletter/blink-star.png" alt="">
+          <div class="max-w-lg mb-16">
+            <h2 class="font-heading text-5xl sm:text-7xl font-medium text-black tracking-tight mb-6">Stay up to Date</h2>
+            <p class="text-lg text-gray-900">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+          </div>
+          <div class="flex flex-wrap -mx-4">
+            <div class="w-full lg:w-1/2 px-4 mb-14 lg:mb-0">
+              <div class="flex items-center">
+                <img class="block w-18 h-18" src="casper-assets/newsletter/avatar.png" alt="">
+                <div class="ml-8">
+                  <span class="block text-5xl font-medium text-black leading-none">50%</span>
+                  <span class="block text-lg text-gray-800 leading-none">Nunc et tellus non erat aliquam eget non mi.</span>
+                </div>
+              </div>
+            </div>
+            <div class="w-full lg:w-1/2 px-4">
+              <div class="max-w-md">
+                <span class="block mb-2 text-sm font-medium text-black leading-snug">Email</span>
+                <div class="flex mb-5">
+                  <input class="block w-full mr-3 py-2 px-3 h-11 bg-white bg-opacity-80 border border-white focus:border-violet-500 rounded-lg text-sm placeholder-gray-800 text-black outline-none" type="email" placeholder="casper@shuffle.dev">
+                  <button class="flex-shrink-0 flex h-11 py-2 px-5 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" type="submit">
+                    <span class="mr-2">Submit</span>
+                    <svg width="25" height="24" viewbox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M18.4199 6.62C18.3185 6.37565 18.1243 6.18147 17.8799 6.08C17.7597 6.02876 17.6306 6.00158 17.4999 6H7.49994C7.23472 6 6.98037 6.10536 6.79283 6.29289C6.6053 6.48043 6.49994 6.73478 6.49994 7C6.49994 7.26522 6.6053 7.51957 6.79283 7.70711C6.98037 7.89464 7.23472 8 7.49994 8H15.0899L6.78994 16.29C6.69621 16.383 6.62182 16.4936 6.57105 16.6154C6.52028 16.7373 6.49414 16.868 6.49414 17C6.49414 17.132 6.52028 17.2627 6.57105 17.3846C6.62182 17.5064 6.69621 17.617 6.78994 17.71C6.8829 17.8037 6.9935 17.8781 7.11536 17.9289C7.23722 17.9797 7.36793 18.0058 7.49994 18.0058C7.63195 18.0058 7.76266 17.9797 7.88452 17.9289C8.00638 17.8781 8.11698 17.8037 8.20994 17.71L16.4999 9.41V17C16.4999 17.2652 16.6053 17.5196 16.7928 17.7071C16.9804 17.8946 17.2347 18 17.4999 18C17.7652 18 18.0195 17.8946 18.207 17.7071C18.3946 17.5196 18.4999 17.2652 18.4999 17V7C18.4984 6.86932 18.4712 6.74022 18.4199 6.62Z" fill="currentColor"></path>
+                    </svg>
+                  </button>
+                </div>
+                <label class="custom-checkbox flex items-center relative h-8 cursor-pointer">
+                  <p class="inline-block ml-6 text-sm text-black">
+                    <span>I agree with</span>
+                    <a class="inline-block font-medium text-sky-900 hover:text-violet-500" href="#">Privacy Policy</a>
+                    <span>and</span>
+                    <a class="inline-block font-medium text-sky-900 hover:text-violet-500" href="#">Terms of Conditions</a>
+                  </p>
+                  <input class="absolute top-0 left-0 transform translate-y-1/2 w-4 h-4 opacity-0" type="checkbox" checked="">
+                  <span class="custom-check absolute top-0 left-0 transform translate-y-1/2 flex h-4 w-4 items-center justify-center bg-violet-400 border border-violet-700 rounded">
+                    <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.4733 4.80667C12.4114 4.74418 12.3376 4.69458 12.2564 4.66074C12.1752 4.62689 12.088 4.60947 12 4.60947C11.912 4.60947 11.8249 4.62689 11.7436 4.66074C11.6624 4.69458 11.5886 4.74418 11.5267 4.80667L6.56001 9.78L4.47334 7.68667C4.40899 7.62451 4.33303 7.57563 4.2498 7.54283C4.16656 7.51003 4.07768 7.49394 3.98822 7.49549C3.89877 7.49703 3.8105 7.51619 3.72844 7.55185C3.64639 7.58751 3.57217 7.63898 3.51001 7.70333C3.44785 7.76768 3.39897 7.84364 3.36617 7.92688C3.33337 8.01011 3.31728 8.099 3.31883 8.18845C3.32038 8.2779 3.33953 8.36618 3.37519 8.44823C3.41085 8.53028 3.46233 8.60451 3.52667 8.66667L6.08667 11.2267C6.14865 11.2892 6.22238 11.3387 6.30362 11.3726C6.38486 11.4064 6.472 11.4239 6.56001 11.4239C6.64802 11.4239 6.73515 11.4064 6.81639 11.3726C6.89763 11.3387 6.97137 11.2892 7.03334 11.2267L12.4733 5.78667C12.541 5.72424 12.595 5.64847 12.632 5.56414C12.6689 5.4798 12.688 5.38873 12.688 5.29667C12.688 5.2046 12.6689 5.11353 12.632 5.02919C12.595 4.94486 12.541 4.86909 12.4733 4.80667Z" fill="currentColor"></path>
+                    </svg>
+                  </span>
+                </label>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-MIYEjGhS.html b/components/unsorted/casper-all-MIYEjGhS.html
new file mode 100644
index 0000000..bd3150e
--- /dev/null
+++ b/components/unsorted/casper-all-MIYEjGhS.html
@@ -0,0 +1,80 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="relative flex flex-wrap -mx-4">
+        <div class="w-full lg:w-1/2 xl:w-2/5 px-4 pb-20 lg:pb-32">
+          <div class="relative z-10 max-w-md mx-auto lg:mx-0">
+            <div class="absolute top-0 left-0 -mt-96 -ml-40 w-170 h-170 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+            <div class="relative">
+              <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-8">Frequently Ask Questions</h2>
+              <p class="text-lg text-gray-500 tracking-tight mb-8">Nunc et tellus non erat accumsan aliquam eget mi.</p>
+              <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-violet-800 bg-violet-500 hover:bg-white transition duration-200 rounded-full" href="#">
+                <span class="mr-2">CONTACT US</span>
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M19.44 13C19.22 13 18.99 12.93 18.77 12.88C18.3245 12.7818 17.8866 12.6515 17.46 12.49C16.9961 12.3212 16.4861 12.33 16.0283 12.5146C15.5704 12.6992 15.1971 13.0466 14.98 13.49L14.76 13.94C13.786 13.3982 12.891 12.7252 12.1 11.94C11.3147 11.149 10.6418 10.254 10.1 9.27999L10.52 8.99999C10.9633 8.78291 11.3108 8.40952 11.4954 7.95168C11.68 7.49384 11.6888 6.9839 11.52 6.51999C11.3612 6.09241 11.2309 5.65479 11.13 5.20999C11.08 4.98999 11.04 4.75999 11.01 4.52999C10.8885 3.82561 10.5196 3.18773 9.9696 2.73123C9.4196 2.27473 8.72467 2.0296 8.00998 2.03999H5.00998C4.57901 2.03594 4.15223 2.1248 3.75869 2.30052C3.36515 2.47624 3.01409 2.73469 2.72941 3.05827C2.44473 3.38186 2.23311 3.76298 2.10897 4.1757C1.98482 4.58842 1.95106 5.02305 2.00998 5.44999C2.54272 9.63937 4.45601 13.5319 7.44763 16.5126C10.4393 19.4934 14.3387 21.3925 18.53 21.91H18.91C19.6474 21.9111 20.3594 21.6405 20.91 21.15C21.2263 20.867 21.4791 20.5202 21.6514 20.1323C21.8238 19.7444 21.9119 19.3244 21.91 18.9V15.9C21.8977 15.2054 21.6448 14.5365 21.1943 14.0077C20.7439 13.4788 20.1238 13.1226 19.44 13ZM19.94 19C19.9398 19.142 19.9094 19.2823 19.8508 19.4116C19.7921 19.5409 19.7066 19.6563 19.6 19.75C19.4882 19.8465 19.3576 19.9185 19.2164 19.9616C19.0752 20.0046 18.9265 20.0177 18.78 20C15.0349 19.5198 11.5562 17.8065 8.89269 15.1303C6.22917 12.4541 4.53239 8.96733 4.06998 5.21999C4.05406 5.07351 4.06801 4.92532 4.11098 4.78438C4.15395 4.64344 4.22505 4.51268 4.31998 4.39999C4.41369 4.29332 4.52904 4.20783 4.65836 4.14921C4.78767 4.09058 4.92799 4.06017 5.06998 4.05999H8.06998C8.30253 4.05482 8.5296 4.13087 8.71212 4.27506C8.89464 4.41925 9.02119 4.62256 9.06998 4.84999C9.10998 5.12332 9.15998 5.39332 9.21998 5.65999C9.3355 6.18713 9.48924 6.70517 9.67998 7.20999L8.27998 7.85999C8.16028 7.91491 8.0526 7.99294 7.96314 8.08959C7.87367 8.18623 7.80418 8.2996 7.75865 8.42318C7.71312 8.54677 7.69245 8.67812 7.69783 8.80971C7.7032 8.9413 7.73452 9.07054 7.78998 9.18999C9.22918 12.2727 11.7072 14.7508 14.79 16.19C15.0334 16.29 15.3065 16.29 15.55 16.19C15.6747 16.1454 15.7893 16.0764 15.8871 15.9872C15.985 15.8979 16.0641 15.7901 16.12 15.67L16.74 14.27C17.2569 14.4549 17.7846 14.6085 18.32 14.73C18.5866 14.79 18.8566 14.84 19.13 14.88C19.3574 14.9288 19.5607 15.0553 19.7049 15.2378C19.8491 15.4204 19.9252 15.6474 19.92 15.88L19.94 19ZM21.86 2.67999C21.7585 2.43564 21.5643 2.24147 21.32 2.13999C21.1998 2.08875 21.0707 2.06157 20.94 2.05999H16.94C16.6748 2.05999 16.4204 2.16535 16.2329 2.35288C16.0453 2.54042 15.94 2.79477 15.94 3.05999C15.94 3.32521 16.0453 3.57956 16.2329 3.7671C16.4204 3.95463 16.6748 4.05999 16.94 4.05999H18.52L15.23 7.35999C15.0437 7.54735 14.9392 7.8008 14.9392 8.06499C14.9392 8.32918 15.0437 8.58263 15.23 8.76999C15.4173 8.95624 15.6708 9.06078 15.935 9.06078C16.1992 9.06078 16.4526 8.95624 16.64 8.76999L19.94 5.47999V7.05999C19.94 7.32521 20.0453 7.57956 20.2329 7.7671C20.4204 7.95463 20.6748 8.05999 20.94 8.05999C21.2052 8.05999 21.4595 7.95463 21.6471 7.7671C21.8346 7.57956 21.94 7.32521 21.94 7.05999V3.05999C21.9384 2.92931 21.9112 2.80021 21.86 2.67999Z" fill="currentColor"></path>
+                </svg>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div class="relative w-full lg:w-1/2 xl:w-3/5 px-4">
+          <div class="absolute bottom-0 right-0 w-186 h-186 bg-gradient-to-t from-violet-700 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+          <div class="relative max-w-lg lg:max-w-none mx-auto">
+            <div>
+              <button class="group block w-full pb-6 mb-6 text-left border-b-2 border-white border-opacity-10">
+                <div class="flex items-start justify-between">
+                  <div class="pr-4">
+                    <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">Do you provide a complete design style?</h4>
+                    <p class="hidden group-hover:block max-w-xl mt-2 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+                  </div>
+                  <span class="inline-block transform group-hover:rotate-180 text-white group-hover:text-violet-500">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.71 15.54L18.36 9.87998C18.4537 9.78702 18.5281 9.67642 18.5789 9.55456C18.6296 9.4327 18.6558 9.30199 18.6558 9.16998C18.6558 9.03797 18.6296 8.90726 18.5789 8.78541C18.5281 8.66355 18.4537 8.55294 18.36 8.45998C18.1726 8.27373 17.9191 8.16919 17.655 8.16919C17.3908 8.16919 17.1373 8.27373 16.95 8.45998L11.95 13.41L6.99996 8.45998C6.8126 8.27373 6.55915 8.16919 6.29496 8.16919C6.03078 8.16919 5.77733 8.27373 5.58996 8.45998C5.49548 8.5526 5.42031 8.66304 5.36881 8.78492C5.31731 8.90679 5.29051 9.03767 5.28996 9.16998C5.29051 9.30229 5.31731 9.43317 5.36881 9.55505C5.42031 9.67692 5.49548 9.78737 5.58996 9.87998L11.24 15.54C11.3336 15.6415 11.4473 15.7225 11.5738 15.7779C11.7003 15.8333 11.8369 15.8619 11.975 15.8619C12.1131 15.8619 12.2497 15.8333 12.3762 15.7779C12.5027 15.7225 12.6163 15.6415 12.71 15.54Z" fill="currentColor"></path>
+                    </svg>
+                  </span>
+                </div>
+              </button>
+              <button class="group block w-full pb-6 mb-6 text-left border-b-2 border-white border-opacity-10">
+                <div class="flex items-start justify-between">
+                  <div class="pr-4">
+                    <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">Do you have any terms & conditions?</h4>
+                    <p class="hidden group-hover:block max-w-xl mt-2 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+                  </div>
+                  <span class="inline-block transform group-hover:rotate-180 text-white group-hover:text-violet-500">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.71 15.54L18.36 9.87998C18.4537 9.78702 18.5281 9.67642 18.5789 9.55456C18.6296 9.4327 18.6558 9.30199 18.6558 9.16998C18.6558 9.03797 18.6296 8.90726 18.5789 8.78541C18.5281 8.66355 18.4537 8.55294 18.36 8.45998C18.1726 8.27373 17.9191 8.16919 17.655 8.16919C17.3908 8.16919 17.1373 8.27373 16.95 8.45998L11.95 13.41L6.99996 8.45998C6.8126 8.27373 6.55915 8.16919 6.29496 8.16919C6.03078 8.16919 5.77733 8.27373 5.58996 8.45998C5.49548 8.5526 5.42031 8.66304 5.36881 8.78492C5.31731 8.90679 5.29051 9.03767 5.28996 9.16998C5.29051 9.30229 5.31731 9.43317 5.36881 9.55505C5.42031 9.67692 5.49548 9.78737 5.58996 9.87998L11.24 15.54C11.3336 15.6415 11.4473 15.7225 11.5738 15.7779C11.7003 15.8333 11.8369 15.8619 11.975 15.8619C12.1131 15.8619 12.2497 15.8333 12.3762 15.7779C12.5027 15.7225 12.6163 15.6415 12.71 15.54Z" fill="currentColor"></path>
+                    </svg>
+                  </span>
+                </div>
+              </button>
+              <button class="group block w-full pb-6 mb-6 text-left border-b-2 border-white border-opacity-10">
+                <div class="flex items-start justify-between">
+                  <div class="pr-4">
+                    <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">How to apply Casper to our project?</h4>
+                    <p class="hidden group-hover:block max-w-xl mt-2 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+                  </div>
+                  <span class="inline-block transform group-hover:rotate-180 text-white group-hover:text-violet-500">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.71 15.54L18.36 9.87998C18.4537 9.78702 18.5281 9.67642 18.5789 9.55456C18.6296 9.4327 18.6558 9.30199 18.6558 9.16998C18.6558 9.03797 18.6296 8.90726 18.5789 8.78541C18.5281 8.66355 18.4537 8.55294 18.36 8.45998C18.1726 8.27373 17.9191 8.16919 17.655 8.16919C17.3908 8.16919 17.1373 8.27373 16.95 8.45998L11.95 13.41L6.99996 8.45998C6.8126 8.27373 6.55915 8.16919 6.29496 8.16919C6.03078 8.16919 5.77733 8.27373 5.58996 8.45998C5.49548 8.5526 5.42031 8.66304 5.36881 8.78492C5.31731 8.90679 5.29051 9.03767 5.28996 9.16998C5.29051 9.30229 5.31731 9.43317 5.36881 9.55505C5.42031 9.67692 5.49548 9.78737 5.58996 9.87998L11.24 15.54C11.3336 15.6415 11.4473 15.7225 11.5738 15.7779C11.7003 15.8333 11.8369 15.8619 11.975 15.8619C12.1131 15.8619 12.2497 15.8333 12.3762 15.7779C12.5027 15.7225 12.6163 15.6415 12.71 15.54Z" fill="currentColor"></path>
+                    </svg>
+                  </span>
+                </div>
+              </button>
+              <button class="group block w-full pb-6 mb-6 text-left border-b-2 border-white border-opacity-10">
+                <div class="flex items-start justify-between">
+                  <div class="pr-4">
+                    <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">How was the Terms & Condition?</h4>
+                    <p class="hidden group-hover:block max-w-xl mt-2 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+                  </div>
+                  <span class="inline-block transform group-hover:rotate-180 text-white group-hover:text-violet-500">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.71 15.54L18.36 9.87998C18.4537 9.78702 18.5281 9.67642 18.5789 9.55456C18.6296 9.4327 18.6558 9.30199 18.6558 9.16998C18.6558 9.03797 18.6296 8.90726 18.5789 8.78541C18.5281 8.66355 18.4537 8.55294 18.36 8.45998C18.1726 8.27373 17.9191 8.16919 17.655 8.16919C17.3908 8.16919 17.1373 8.27373 16.95 8.45998L11.95 13.41L6.99996 8.45998C6.8126 8.27373 6.55915 8.16919 6.29496 8.16919C6.03078 8.16919 5.77733 8.27373 5.58996 8.45998C5.49548 8.5526 5.42031 8.66304 5.36881 8.78492C5.31731 8.90679 5.29051 9.03767 5.28996 9.16998C5.29051 9.30229 5.31731 9.43317 5.36881 9.55505C5.42031 9.67692 5.49548 9.78737 5.58996 9.87998L11.24 15.54C11.3336 15.6415 11.4473 15.7225 11.5738 15.7779C11.7003 15.8333 11.8369 15.8619 11.975 15.8619C12.1131 15.8619 12.2497 15.8333 12.3762 15.7779C12.5027 15.7225 12.6163 15.6415 12.71 15.54Z" fill="currentColor"></path>
+                    </svg>
+                  </span>
+                </div>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-NLSrYcJr.html b/components/unsorted/casper-all-NLSrYcJr.html
new file mode 100644
index 0000000..3f5256d
--- /dev/null
+++ b/components/unsorted/casper-all-NLSrYcJr.html
@@ -0,0 +1,68 @@
+<div> <section class="relative py-12 md:py-24 lg:pt-32 bg-body overflow-hidden">
+    <img class="absolute bottom-0 right-0" src="casper-assets/team/lines-circle.svg" alt="">
+    <img class="hidden md:block absolute top-0 right-0 md:mr-20 xl:mr-48 mt-24 animate-spinStar" src="casper-assets/team/blink-star.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 xl:ml-40 w-160 h-160 bg-gradient-to-t from-purple-700 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="absolute top-0 right-0 xl:mr-40 w-148 h-148 bg-gradient-to-t from-violet-900 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-md md:max-w-none mx-auto">
+        <div class="flex flex-wrap items-end -mx-4 mb-16">
+          <div class="w-full lg:w-1/2 px-4 mb-16 lg:mb-0">
+            <div class="max-w-2xl">
+              <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-6">Get to know our amazing Team</h2>
+              <p class="text-xl text-gray-500">Mi turpis turpis in justo pellentesque id nibh praesent.</p>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4 lg:text-right">
+            <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">
+              <span class="mr-2">SHOW ALL PEOPLE</span>
+              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+              </svg>
+            </a>
+          </div>
+        </div>
+        <div class="flex flex-wrap -mx-4 -mb-8">
+          <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8">
+            <div class="relative flex items-end h-87 px-6 pt-6 pb-7 mb-8 rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/team/people-photos-1.png" alt="">
+              <div class="absolute bottom-0 left-0 w-full h-32 bg-gradient-to-t from-black to-transparent"></div>
+              <div class="relative">
+                <span class="block text-xl text-white font-medium">Dianne Russell</span>
+                <span class="block text-base text-gray-500 font-medium">CEO & Founder</span>
+              </div>
+            </div>
+          </div>
+          <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8">
+            <div class="relative flex items-end h-87 px-6 pt-6 pb-7 mb-8 rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/team/people-photos-3.png" alt="">
+              <div class="absolute bottom-0 left-0 w-full h-32 bg-gradient-to-t from-black to-transparent"></div>
+              <div class="relative">
+                <span class="block text-xl text-white font-medium">Kathryn Murphy</span>
+                <span class="block text-base text-gray-500 font-medium">CEO & Founder</span>
+              </div>
+            </div>
+          </div>
+          <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8">
+            <div class="relative flex items-end h-87 px-6 pt-6 pb-7 mb-8 rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/team/people-photos-2.png" alt="">
+              <div class="absolute bottom-0 left-0 w-full h-32 bg-gradient-to-t from-black to-transparent"></div>
+              <div class="relative">
+                <span class="block text-xl text-white font-medium">Bessie Cooper</span>
+                <span class="block text-base text-gray-500 font-medium">CEO & Founder</span>
+              </div>
+            </div>
+          </div>
+          <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8">
+            <div class="relative flex items-end h-87 px-6 pt-6 pb-7 mb-8 rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/team/people-photos-4.png" alt="">
+              <div class="absolute bottom-0 left-0 w-full h-32 bg-gradient-to-t from-black to-transparent"></div>
+              <div class="relative">
+                <span class="block text-xl text-white font-medium">Ralph Edwards</span>
+                <span class="block text-base text-gray-500 font-medium">CEO & Founder</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-NzAxUIUF.html b/components/unsorted/casper-all-NzAxUIUF.html
new file mode 100644
index 0000000..1f880e3
--- /dev/null
+++ b/components/unsorted/casper-all-NzAxUIUF.html
@@ -0,0 +1,50 @@
+<div><section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="absolute top-0 left-0 -mt-128 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+    <img class="absolute top-0 right-0 mt-16" src="casper-assets/portfolio/double-lines.svg" alt="">
+    <img class="hidden md:block absolute top-0 right-0 mt-8 mr-20 lg:mr-40 animate-spinStar z-10" src="casper-assets/services/blink-star.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="relative max-w-2xl mx-auto mb-12 text-center">
+        <span class="block font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-transparent bg-clip-text bg-gradient-to-br from-violet-500 via-blueGray-800 to-sky-900 tracking-tight">300+</span>
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-6">Projects Launched</h2>
+        <p class="max-w-xl mx-auto text-xl text-gray-500 leading-relaxed tracking-tight">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+      </div>
+    </div>
+    <div class="relative mb-16 overflow-hidden">
+      <div class="flex items-center px-4 lg:px-0 mb-8">
+        <img class="hidden lg:block flex-shrink-0 -ml-20 mr-8 w-128 h-80 rounded-3xl object-cover" src="casper-assets/portfolio/box-horizontal-md-3.png" alt="">
+        <div class="relative sm:flex-shrink-0 flex items-end p-6 sm:mr-8 w-full sm:w-128 h-80 rounded-3xl overflow-hidden">
+          <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/portfolio/box-horizontal-md-2.png" alt="">
+          <a class="relative group block w-full p-6 rounded-3xl overflow-hidden" href="#">
+            <div class="absolute top-0 left-0 w-full h-full bg-black bg-opacity-40 group-hover:bg-opacity-50 rounded-3xl backdrop-filter backdrop-blur-md transition duration-75"></div>
+            <div class="relative flex items-center justify-between">
+              <div class="max-w-xs">
+                <h4 class="text-3xl text-white font-medium mb-2">coca.co.id</h4>
+                <p class="text-sm text-white">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
+              </div>
+              <div>
+                <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M23.8933 8.82667C23.758 8.50087 23.4991 8.24197 23.1733 8.10667C23.013 8.03835 22.8409 8.00211 22.6667 8H9.33333C8.97971 8 8.64057 8.14048 8.39052 8.39052C8.14047 8.64057 8 8.97971 8 9.33333C8 9.68696 8.14047 10.0261 8.39052 10.2761C8.64057 10.5262 8.97971 10.6667 9.33333 10.6667H19.4533L8.38667 21.72C8.26169 21.844 8.1625 21.9914 8.09481 22.1539C8.02712 22.3164 7.99227 22.4907 7.99227 22.6667C7.99227 22.8427 8.02712 23.017 8.09481 23.1794C8.1625 23.3419 8.26169 23.4894 8.38667 23.6133C8.51062 23.7383 8.65808 23.8375 8.82056 23.9052C8.98304 23.9729 9.15732 24.0077 9.33333 24.0077C9.50935 24.0077 9.68362 23.9729 9.8461 23.9052C10.0086 23.8375 10.156 23.7383 10.28 23.6133L21.3333 12.5467V22.6667C21.3333 23.0203 21.4738 23.3594 21.7239 23.6095C21.9739 23.8595 22.313 24 22.6667 24C23.0203 24 23.3594 23.8595 23.6095 23.6095C23.8595 23.3594 24 23.0203 24 22.6667V9.33333C23.9979 9.1591 23.9617 8.98696 23.8933 8.82667Z" fill="white"></path>
+                </svg>
+              </div>
+            </div>
+          </a>
+        </div>
+        <img class="hidden sm:block flex-shrink-0 mr-8 w-128 h-80 rounded-3xl object-cover" src="casper-assets/portfolio/box-horizontal-md-1.png" alt="">
+        <img class="hidden lg:block flex-shrink-0 mr-8 w-128 h-80 rounded-3xl object-cover" src="casper-assets/portfolio/box-horizontal-md-3.png" alt="">
+      </div>
+      <div class="flex items-center">
+        <img class="block flex-shrink-0 -ml-64 mr-8 w-128 h-80 rounded-3xl object-cover" src="casper-assets/portfolio/box-horizontal-md-1.png" alt="">
+        <img class="block flex-shrink-0 mr-8 w-128 h-80 rounded-3xl object-cover" src="casper-assets/portfolio/box-horizontal-md-2.png" alt="">
+        <img class="block flex-shrink-0 mr-8 w-128 h-80 rounded-3xl object-cover" src="casper-assets/portfolio/box-horizontal-md-3.png" alt="">
+        <img class="block flex-shrink-0 mr-8 w-128 h-80 rounded-3xl object-cover" src="casper-assets/portfolio/box-horizontal-md-1.png" alt="">
+      </div>
+    </div>
+    <div class="relative container mx-auto px-4 text-center">
+      <a class="group inline-flex w-full sm:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-violet-800 bg-violet-500 hover:bg-white transition duration-200 rounded-full" href="#">
+        <span class="mr-2">SEE MORE PROJECTS</span>
+        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+        </svg>
+      </a>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-OLElGPGd.html b/components/unsorted/casper-all-OLElGPGd.html
new file mode 100644
index 0000000..10808c8
--- /dev/null
+++ b/components/unsorted/casper-all-OLElGPGd.html
@@ -0,0 +1,56 @@
+<div> <section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 right-0 w-186 h-186 bg-gradient-to-t from-violet-900 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-md md:max-w-8xl mx-auto">
+        <div class="text-center mb-14">
+          <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-6">How Does Casper Work</h2>
+          <p class="text-xl text-gray-400">Mi turpis turpis in justo pellentesque id nibh praesent.</p>
+        </div>
+        <div class="flex flex-wrap items-center -mx-4 mb-16">
+          <div class="w-full md:w-1/2 px-4 mb-8 md:mb-0">
+            <div class="relative flex max-w-md pt-12 lg:pt-20 pl-12 lg:pl-20 items-end justify-end rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full" src="casper-assets/how-it-works/bg-square-gradient.png" alt="">
+              <img class="relative w-87 h-87 rounded-tl-3xl object-cover" src="casper-assets/how-it-works/image-square-sm-1.png" alt="">
+            </div>
+          </div>
+          <div class="w-full md:w-1/2 px-4">
+            <div class="max-w-lg">
+              <h3 class="font-heading text-4xl lg:text-5xl font-semibold text-white">01. Upload</h3>
+              <div class="my-6 h-1 w-full bg-white bg-opacity-20"></div>
+              <p class="text-xl text-white tracking-tight">Our user-friendly interface allows for quick setup, and our dedicated support team is ready to assist you every step of the way.</p>
+            </div>
+          </div>
+        </div>
+        <div class="flex flex-wrap items-center -mx-4 mb-16">
+          <div class="w-full md:w-1/2 px-4 order-last md:order-first">
+            <div class="max-w-lg">
+              <h3 class="font-heading text-4xl lg:text-5xl font-semibold text-white">02. Auto Generation</h3>
+              <div class="my-6 h-1 w-full bg-white bg-opacity-20"></div>
+              <p class="text-xl text-white tracking-tight">From answering questions to providing recommendations, our AI assistant will engage your visitors effortlessly.</p>
+            </div>
+          </div>
+          <div class="w-full md:w-1/2 px-4 mb-8 md:mb-0">
+            <div class="relative flex max-w-md pt-12 lg:pt-20 pl-12 lg:pl-20 md:ml-auto items-end justify-end rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full" src="casper-assets/how-it-works/bg-square-gradient.png" alt="">
+              <img class="relative w-87 h-87 rounded-tl-3xl object-cover" src="casper-assets/how-it-works/image-square-sm-2.png" alt="">
+            </div>
+          </div>
+        </div>
+        <div class="flex flex-wrap items-center -mx-4">
+          <div class="w-full md:w-1/2 px-4 mb-8 md:mb-0">
+            <div class="relative flex max-w-md pt-12 lg:pt-20 pl-12 lg:pl-20 items-end justify-end rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full" src="casper-assets/how-it-works/bg-square-gradient.png" alt="">
+              <img class="relative w-87 h-87 rounded-tl-3xl object-cover" src="casper-assets/how-it-works/image-square-sm-3.png" alt="">
+            </div>
+          </div>
+          <div class="w-full md:w-1/2 px-4">
+            <div class="max-w-lg">
+              <h3 class="font-heading text-4xl lg:text-5xl font-semibold text-white">03. Select & Send</h3>
+              <div class="my-6 h-1 w-full bg-white bg-opacity-20"></div>
+              <p class="text-xl text-white tracking-tight">Our user-friendly interface allows for quick setup, and our dedicated support team is ready to assist you every step of the way.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-OQVjqMHk.html b/components/unsorted/casper-all-OQVjqMHk.html
new file mode 100644
index 0000000..a9750e5
--- /dev/null
+++ b/components/unsorted/casper-all-OQVjqMHk.html
@@ -0,0 +1,53 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <img class="hidden md:block absolute top-0 right-0 -mt-12 z-10" src="casper-assets/services/robot-skew.png" alt="">
+      <div class="relative z-20 max-w-md lg:max-w-4xl mx-auto lg:mx-0 mb-16">
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl lg:text-7xl font-medium text-white tracking-tight mb-6">Our Services</h2>
+        <p class="max-w-xl text-xl text-gray-500 tracking-tight">Mi turpis turpis in justo pellentesque id nibh praesent.</p>
+      </div>
+      <div class="relative max-w-md lg:max-w-none mx-auto">
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/2 px-4 mb-18 lg:mb-0">
+            <div class="relative inline-block max-w-md xl:max-w-none">
+              <button class="group absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 block z-10">
+                <div class="relative flex h-20 w-20 overflow-hidden items-center justify-center rounded-full">
+                  <div class="absolute top-0 left-0 w-full h-full bg-black bg-opacity-40 group-hover:bg-opacity-50 backdrop-filter backdrop-blur-sm rounded-full transition duration-75"></div>
+                  <svg class="relative w-6 h-6 text-white" viewbox="-3 0 28 28" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+                    <g transform="translate(-419.000000, -571.000000)">
+                      <path fill="currentColor" d="M440.415,583.554 L421.418,571.311 C420.291,570.704 419,570.767 419,572.946 L419,597.054 C419,599.046 420.385,599.36 421.418,598.689 L440.415,586.446 C441.197,585.647 441.197,584.353 440.415,583.554"></path>
+                    </g>
+                  </svg>
+                </div>
+              </button>
+              <img class="relative block rounded-3xl" src="casper-assets/services/video.png" alt="">
+            </div>
+          </div>
+          <div class="relative w-full lg:w-1/2 px-4">
+            <div class="absolute top-0 right-0 -mt-96 w-186 h-186 bg-gradient-to-t from-violet-700 via-darkBlue-900 rounded-full filter blur-4xl"></div>
+            <div class="relative max-w-lg ml-auto">
+              <div class="mb-18">
+                <h4 class="text-4xl font-medium text-white">Personalized Experiences</h4>
+                <div class="h-1 my-6 bg-white bg-opacity-10 rounded-full"></div>
+                <div class="md:flex items-start">
+                  <img class="flex-shrink-0 block w-18 h-18" src="casper-assets/services/circle-icon1.png" alt="">
+                  <div class="mt-6 md:mt-0 md:ml-6 max-w-sm">
+                    <p class="text-xl text-white leading-relaxed">From answering questions to providing recommendations, our AI assistant will engage your visitors effortlessly.</p>
+                  </div>
+                </div>
+              </div>
+              <div>
+                <h4 class="text-4xl font-medium text-white">Analytics and Insights</h4>
+                <div class="h-1 my-6 bg-white bg-opacity-10 rounded-full"></div>
+                <div class="md:flex items-start">
+                  <img class="flex-shrink-0 block w-18 h-18" src="casper-assets/services/circle-icon3.png" alt="">
+                  <div class="mt-6 md:mt-0 md:ml-6 max-w-sm">
+                    <p class="text-xl text-white leading-relaxed">By understanding your visitors' needs, our chat assistant creates a unique experience</p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-OgfjonmU.html b/components/unsorted/casper-all-OgfjonmU.html
new file mode 100644
index 0000000..9734e34
--- /dev/null
+++ b/components/unsorted/casper-all-OgfjonmU.html
@@ -0,0 +1,116 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 ml-52 -mt-40 w-160 h-160 bg-gradient-to-t from-purple-600 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="absolute top-0 left-0 ml-148 -mt-40 w-135 h-135 bg-gradient-to-t from-blue-500 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <img class="hidden md:block absolute top-0 left-0 -ml-6 lg:-ml-16 xl:-ml-0 w-32 lg:w-52 xl:w-auto lg:mt-40" src="casper-assets/careers/robot-stand.png" alt="">
+      <img class="hidden md:block absolute top-0 right-0 -mr-6 lg:-mr-16 xl:-mr-0 w-32 lg:w-52 xl:w-auto lg:mt-96" src="casper-assets/careers/robot-wrench.png" alt="">
+      <div class="relative">
+        <div class="max-w-xl mx-auto mb-16 text-center">
+          <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-2">Careers at Casper</h2>
+          <p class="text-xl text-gray-500">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+        </div>
+        <div class="max-w-2xl mx-auto">
+          <a class="block pb-10 mb-10 border-b border-white border-opacity-20" href="#">
+            <div class="xs:flex items-start xs:-mx-4">
+              <div class="xs:px-4 mb-4 xs:mb-0">
+                <h3 class="text-2xl text-white font-medium">Product Designer</h3>
+                <p class="text-sm text-gray-500 mb-2">Excepteur sint occaecat cupidatat non proident.</p>
+                <div class="inline-flex mr-8 items-center">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                  <span class="ml-2 text-sm font-medium text-white">Ponorogo</span>
+                </div>
+                <div class="inline-flex items-center">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M12 6V12L16 14" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                  <span class="ml-2 text-sm font-medium text-white">Full-time</span>
+                </div>
+              </div>
+              <div class="ml-auto xs:px-4">
+                <span class="inline-block py-px px-1 text-xs font-medium text-black bg-sky-900 rounded">Design</span>
+              </div>
+            </div>
+          </a>
+          <a class="block pb-10 mb-10 border-b border-white border-opacity-20" href="#">
+            <div class="xs:flex items-start xs:-mx-4">
+              <div class="xs:px-4 mb-4 xs:mb-0">
+                <h3 class="text-2xl text-white font-medium">Sr. Mobile Developer</h3>
+                <p class="text-sm text-gray-500 mb-2">Excepteur sint occaecat cupidatat non proident.</p>
+                <div class="inline-flex mr-8 items-center">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                  <span class="ml-2 text-sm font-medium text-white">New York</span>
+                </div>
+                <div class="inline-flex items-center">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M12 6V12L16 14" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                  <span class="ml-2 text-sm font-medium text-white">Full-time</span>
+                </div>
+              </div>
+              <div class="ml-auto xs:px-4">
+                <span class="inline-block py-px px-1 text-xs font-medium text-black bg-yellow-500 rounded">Developer</span>
+              </div>
+            </div>
+          </a>
+          <a class="block pb-10 mb-10 border-b border-white border-opacity-20" href="#">
+            <div class="xs:flex items-start xs:-mx-4">
+              <div class="xs:px-4 mb-4 xs:mb-0">
+                <h3 class="text-2xl text-white font-medium">3D Model</h3>
+                <p class="text-sm text-gray-500 mb-2">Excepteur sint occaecat cupidatat non proident.</p>
+                <div class="inline-flex mr-8 items-center">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                  <span class="ml-2 text-sm font-medium text-white">Ponorogo</span>
+                </div>
+                <div class="inline-flex items-center">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M12 6V12L16 14" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                  <span class="ml-2 text-sm font-medium text-white">Full-time</span>
+                </div>
+              </div>
+              <div class="ml-auto xs:px-4">
+                <span class="inline-block py-px px-1 text-xs font-medium text-black bg-sky-900 rounded">Graphic</span>
+              </div>
+            </div>
+          </a>
+          <a class="block" href="#">
+            <div class="xs:flex items-start xs:-mx-4">
+              <div class="xs:px-4 mb-4 xs:mb-0">
+                <h3 class="text-2xl text-white font-medium">Marketing Manager</h3>
+                <p class="text-sm text-gray-500 mb-2">Excepteur sint occaecat cupidatat non proident.</p>
+                <div class="inline-flex mr-8 items-center">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                  <span class="ml-2 text-sm font-medium text-white">Tokyo</span>
+                </div>
+                <div class="inline-flex items-center">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M12 6V12L16 14" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                  <span class="ml-2 text-sm font-medium text-white">Full-time</span>
+                </div>
+              </div>
+              <div class="ml-auto xs:px-4">
+                <span class="inline-block py-px px-1 text-xs font-medium text-black bg-red-500 rounded">Marketing</span>
+              </div>
+            </div>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-OsZzPCLp.html b/components/unsorted/casper-all-OsZzPCLp.html
new file mode 100644
index 0000000..14a6ad8
--- /dev/null
+++ b/components/unsorted/casper-all-OsZzPCLp.html
@@ -0,0 +1,42 @@
+<div> <section class="relative py-12 sm:pt-24 bg-body overflow-hidden">
+    <div class="absolute top-0 right-0 -mt-40 -mr-52 w-186 h-186 bg-gradient-to-t from-violet-700 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+    <img class="absolute top-0 right-0 w-40 md:w-52 xl:w-auto mt-16 xl:mt-24 lg:mr-24" src="casper-assets/footer/robot.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="max-w-4xl xl:max-w-6xl mb-20">
+        <img class="block mb-20" src="casper-assets/footer/logo-c-only.svg" alt="">
+        <h3 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-20">Gain valuable insights into your users' preferences</h3>
+        <div class="-mb-6">
+          <div class="inline-flex mb-6 mr-12 items-center">
+            <div class="flex justify-center items-center w-12 h-12 rounded-full bg-yellow-600">
+              <svg width="24" height="25" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M21 10.5C21 17.5 12 23.5 12 23.5C12 23.5 3 17.5 3 10.5C3 8.11305 3.94821 5.82387 5.63604 4.13604C7.32387 2.44821 9.61305 1.5 12 1.5C14.3869 1.5 16.6761 2.44821 18.364 4.13604C20.0518 5.82387 21 8.11305 21 10.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M12 13.5C13.6569 13.5 15 12.1569 15 10.5C15 8.84315 13.6569 7.5 12 7.5C10.3431 7.5 9 8.84315 9 10.5C9 12.1569 10.3431 13.5 12 13.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </div>
+            <div class="ml-3">
+              <span class="block text-white tracking-tight">1929, Bancangan, Sambit,</span>
+              <span class="block text-white tracking-tight">Wakanda Kidul</span>
+            </div>
+          </div>
+          <div class="inline-flex mb-6 items-center">
+            <div class="flex justify-center items-center w-12 h-12 rounded-full bg-sky-600">
+              <svg width="24" height="25" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M7 9.5L11.38 12.99C11.5565 13.1295 11.775 13.2054 12 13.2054C12.225 13.2054 12.4435 13.1295 12.62 12.99L17 9.5M20 19.5H4C3.73478 19.5 3.48043 19.3946 3.29289 19.2071C3.10536 19.0196 3 18.7652 3 18.5V6.5C3 6.23478 3.10536 5.98043 3.29289 5.79289C3.48043 5.60536 3.73478 5.5 4 5.5H20C20.2652 5.5 20.5196 5.60536 20.7071 5.79289C20.8946 5.98043 21 6.23478 21 6.5V18.5C21 18.7652 20.8946 19.0196 20.7071 19.2071C20.5196 19.3946 20.2652 19.5 20 19.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </div>
+            <div class="ml-3">
+              <span class="block text-white tracking-tight">hello@yourdomain.com</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="pt-10 border-t border-gray-800">
+        <div class="md:flex items-center justify-between">
+          <div class="mb-6 md:mb-0">
+            <span class="text-gray-600 tracking-tight">© Casper. All rights reserved</span>
+          </div>
+          <div><a class="inline-block mr-10 text-white hover:underline tracking-tight" href="#">Terms & Conditions</a><a class="inline-block text-white hover:underline tracking-tight" href="#">Privacy Policy</a></div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-PERyZgYQ.html b/components/unsorted/casper-all-PERyZgYQ.html
new file mode 100644
index 0000000..8f04a16
--- /dev/null
+++ b/components/unsorted/casper-all-PERyZgYQ.html
@@ -0,0 +1,84 @@
+<div> <section class="relative bg-body overflow-hidden">
+    <nav class="relative z-10 py-7">
+      <div class="container mx-auto px-4">
+        <div class="relative flex items-center justify-between">
+          <a class="inline-block" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo-white.svg" alt="">
+          </a>
+          <div class="flex items-center justify-end">
+            <div class="hidden lg:block mr-10"><a class="inline-flex py-2 px-4 mr-4 items-center justify-center text-sm font-medium uppercase text-white hover:text-violet-500" href="#">SIGN IN</a><a class="inline-flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+            <button class="navbar-burger text-white hover:text-violet-500">
+              <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3 16H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M3 8H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M20 24L29 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <div class="absolute top-0 right-0 w-160 h-160 bg-gradient-to-t from-purple-700 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+    <img class="absolute top-0 right-0" src="casper-assets/headers/circle-double-element-dark.svg" alt="">
+    <div class="relative">
+      <img class="hidden lg:block absolute top-0 left-0 w-5/12 h-full object-cover" src="casper-assets/headers/photo-left-side.png" alt="">
+      <div class="relative z-10 container mx-auto px-4">
+        <div class="max-w-lg xl:max-w-2xl mx-auto lg:mr-0 pt-24 sm:pt-40 pb-32 z-10">
+          <h1 class="font-heading text-4xl xs:text-5xl sm:text-6xl lg:text-7xl xl:text-8xl text-white font-semibold leading-none mb-8">INTRODUCING CASPER AI</h1>
+          <p class="text-2xl text-gray-400 mb-8">the cutting-edge AI chat assistant that will transform into a dynamic hub of personalized conversations.</p>
+          <div class="mb-20">
+            <a class="group inline-flex w-full md:w-auto h-14 mb-4 md:mr-3 px-7 items-center justify-center text-base font-medium text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">
+              <span class="mr-2">TRY IT FOR FREE</span>
+              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+              </svg>
+            </a>
+            <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">
+              <span class="mr-2">PURCHASE PRO</span>
+              <span class="animate-spinSlow group-hover:animate-none">
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M11.9999 11C11.8021 11 11.6088 11.0586 11.4443 11.1685C11.2799 11.2784 11.1517 11.4346 11.076 11.6173C11.0003 11.8 10.9805 12.0011 11.0191 12.1951C11.0577 12.3891 11.153 12.5673 11.2928 12.7071C11.4327 12.847 11.6108 12.9422 11.8048 12.9808C11.9988 13.0194 12.1999 12.9996 12.3826 12.9239C12.5653 12.8482 12.7215 12.72 12.8314 12.5556C12.9413 12.3911 12.9999 12.1978 12.9999 12C12.9999 11.7348 12.8946 11.4804 12.707 11.2929C12.5195 11.1054 12.2651 11 11.9999 11ZM19.6199 12L19.7299 11.86C21.0799 10 21.3999 8.29 20.6599 7C19.9199 5.71 18.2599 5.14 15.9999 5.37H15.8199C14.9099 3.3 13.5599 2 11.9999 2C10.4399 2 9.08991 3.3 8.18991 5.4L7.99991 5.37C5.73991 5.14 4.07991 5.71 3.33991 7C2.59991 8.29 2.91991 10 4.26991 11.86L4.37991 12L4.26991 12.14C2.91991 14 2.59991 15.71 3.33991 17C3.99991 18.1 5.26991 18.68 6.99991 18.68C7.30991 18.68 7.62991 18.68 7.99991 18.63H8.17991C9.08991 20.7 10.4399 22 11.9999 22C13.5599 22 14.9099 20.7 15.8099 18.6H15.9899C16.3299 18.6 16.6499 18.65 16.9899 18.65C18.7599 18.65 20.0599 18.07 20.6899 16.97C21.4299 15.68 21.1099 13.97 19.7599 12.11L19.6199 12ZM5.06991 8C5.31991 7.56 6.06991 7.32 7.06991 7.32H7.55991C7.40321 7.93517 7.2863 8.5598 7.20991 9.19C6.70045 9.57537 6.21613 9.99288 5.75991 10.44C4.99991 9.44 4.77991 8.5 5.06991 8ZM5.06991 16C4.77991 15.5 5.06991 14.56 5.73991 13.53C6.19613 13.9771 6.68045 14.3946 7.18991 14.78C7.26631 15.4135 7.38322 16.0415 7.53991 16.66C6.29991 16.74 5.35991 16.5 5.06991 16ZM11.9999 4C12.5599 4 13.2299 4.66 13.7999 5.83C13.189 6.00731 12.5881 6.21762 11.9999 6.46C11.4117 6.21762 10.8109 6.00731 10.1999 5.83C10.7699 4.66 11.4399 4 11.9999 4ZM11.9999 20C11.4399 20 10.7699 19.34 10.1999 18.17C10.8109 17.9927 11.4117 17.7824 11.9999 17.54C12.5881 17.7824 13.189 17.9927 13.7999 18.17C13.2299 19.34 12.5599 20 11.9999 20ZM14.9299 13.69C14.4699 14.01 13.9999 14.31 13.4999 14.6C12.9999 14.89 12.4999 15.15 11.9999 15.38C11.4999 15.1467 10.9999 14.8867 10.4999 14.6C9.99991 14.31 9.49991 14.01 9.06991 13.69C8.99991 13.15 8.99991 12.59 8.99991 12C8.99991 11.41 8.99991 10.85 9.06991 10.31C9.52991 9.99 9.99991 9.69 10.4999 9.4C10.9999 9.11 11.4999 8.85 11.9999 8.62C12.4999 8.85333 12.9999 9.11333 13.4999 9.4C13.9999 9.69 14.4999 9.99 14.9299 10.31C14.9299 10.85 14.9999 11.41 14.9999 12C14.9999 12.59 14.9999 13.15 14.9299 13.69ZM18.9299 16C18.6399 16.5 17.6999 16.75 16.4599 16.66C16.6166 16.0415 16.7335 15.4135 16.8099 14.78C17.3194 14.3946 17.8037 13.9771 18.2599 13.53C18.9999 14.56 19.2199 15.5 18.9299 16ZM18.2599 10.47C17.8037 10.0229 17.3194 9.60537 16.8099 9.22C16.7335 8.5898 16.6166 7.96517 16.4599 7.35H16.9499C17.9499 7.35 18.6799 7.59 18.9499 8.03C19.2199 8.47 18.9999 9.44 18.2599 10.47Z" fill="currentColor"></path>
+                </svg>
+              </span>
+            </a>
+          </div>
+          <div>
+            <h3 class="text-sm uppercase text-gray-600 mb-4">SATISFIED USERS</h3>
+            <div class="flex items-center">
+              <img class="block w-10 h-10 rounded-full" src="casper-assets/headers/avatar-people1.png" alt="">
+              <img class="block -ml-2 w-10 h-10 rounded-full" src="casper-assets/headers/avatar-people2.png" alt="">
+              <img class="block -ml-2 w-10 h-10 rounded-full" src="casper-assets/headers/avatar-people3.png" alt="">
+              <img class="block -ml-2 w-10 h-10 rounded-full" src="casper-assets/headers/avatar-people4.png" alt="">
+              <img class="block -ml-2 w-10 h-10 rounded-full" src="casper-assets/headers/avatar-number.png" alt="">
+            </div>
+          </div>
+        </div>
+        <img class="absolute bottom-0 right-0 -mr-10 mb-16 animate-spinStar" src="casper-assets/headers/blink.png" alt="">
+      </div>
+      <img class="block lg:hidden w-full h-135 object-cover" src="casper-assets/headers/photo-left-side.png" alt="">
+    </div>
+    <div class="hidden navbar-menu fixed top-0 left-0 bottom-0 w-5/6 max-w-md z-50">
+      <div class="navbar-backdrop fixed inset-0 bg-violet-900 opacity-20"></div>
+      <nav class="relative flex flex-col py-7 px-10 w-full h-full bg-white overflow-y-auto">
+        <div class="flex mb-auto items-center">
+          <a class="inline-block mr-auto" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo.svg" alt="">
+          </a>
+          <a class="navbar-close" href="#">
+            <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M6 18L18 6M6 6L18 18" stroke="#111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+            </svg>
+          </a>
+        </div>
+        <div class="py-12 mb-auto">
+          <ul class="flex-col">
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">FEATURED</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">SOLUTIONS</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">PRODUCTS</a></li>
+            <li><a class="inline-block text-base text-black font-medium uppercase" href="#">ARTICLES</a></li>
+          </ul>
+        </div>
+        <div><a class="flex py-2 px-4 mb-4 items-center justify-center text-sm font-medium uppercase text-violet-900 hover:text-violet-500" href="#">SIGN IN</a><a class="flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+      </nav>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-QKdnGgED.html b/components/unsorted/casper-all-QKdnGgED.html
new file mode 100644
index 0000000..9e23047
--- /dev/null
+++ b/components/unsorted/casper-all-QKdnGgED.html
@@ -0,0 +1,78 @@
+<div><section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="container mx-auto px-4">
+      <div class="flex flex-wrap items-center -mx-4">
+        <div class="relative z-10 w-full lg:w-1/2 px-4 mb-20 lg:mb-0">
+          <div class="max-w-md xl:max-w-xl mx-auto">
+            <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-3">Stunning UI Library for Start Up</h2>
+            <p class="max-w-sm xl:max-w-md text-lg text-gray-500 mb-16">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+            <a class="inline-flex h-14 py-2 px-7 mb-5 items-center justify-center text-base font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">
+              <span class="mr-2">LOGIN NOW</span>
+              <svg width="25" height="24" viewbox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M18.4199 6.62C18.3185 6.37565 18.1243 6.18147 17.8799 6.08C17.7597 6.02876 17.6306 6.00158 17.4999 6H7.49994C7.23472 6 6.98037 6.10536 6.79283 6.29289C6.6053 6.48043 6.49994 6.73478 6.49994 7C6.49994 7.26522 6.6053 7.51957 6.79283 7.70711C6.98037 7.89464 7.23472 8 7.49994 8H15.0899L6.78994 16.29C6.69621 16.383 6.62182 16.4936 6.57105 16.6154C6.52028 16.7373 6.49414 16.868 6.49414 17C6.49414 17.132 6.52028 17.2627 6.57105 17.3846C6.62182 17.5064 6.69621 17.617 6.78994 17.71C6.8829 17.8037 6.9935 17.8781 7.11536 17.9289C7.23722 17.9797 7.36793 18.0058 7.49994 18.0058C7.63195 18.0058 7.76266 17.9797 7.88452 17.9289C8.00638 17.8781 8.11698 17.8037 8.20994 17.71L16.4999 9.41V17C16.4999 17.2652 16.6053 17.5196 16.7928 17.7071C16.9804 17.8946 17.2347 18 17.4999 18C17.7652 18 18.0195 17.8946 18.207 17.7071C18.3946 17.5196 18.4999 17.2652 18.4999 17V7C18.4984 6.86932 18.4712 6.74022 18.4199 6.62Z" fill="currentColor"></path>
+              </svg>
+            </a>
+          </div>
+        </div>
+        <div class="relative w-full lg:w-1/2 px-4">
+          <div class="absolute top-0 right-0 -mt-40 -mr-20 w-148 h-148 bg-gradient-to-t from-blue-500 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+          <div class="absolute top-0 right-0 -mt-40 mr-60 w-148 h-148 bg-gradient-to-t from-purple-600 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+          <div class="relative max-w-md lg:max-w-lg xl:max-w-lg mx-auto lg:mr-0">
+            <div class="flex flex-wrap -mx-4 -mb-20">
+              <div class="w-full sm:w-1/2 px-4 mb-20">
+                <div>
+                  <span class="block text-gray-500 tracking-tight">Purchase</span>
+                  <span class="block text-4xl sm:text-5xl font-semibold text-white">$150M</span>
+                  <div class="flex items-center text-sm">
+                    <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M13.2824 9.5325L9.5324 13.2825C9.46107 13.3508 9.37696 13.4043 9.2849 13.44C9.1023 13.515 8.89749 13.515 8.7149 13.44C8.62283 13.4043 8.53872 13.3508 8.4674 13.2825L4.71739 9.5325C4.64747 9.46257 4.592 9.37956 4.55415 9.28819C4.51631 9.19682 4.49683 9.0989 4.49683 9C4.49683 8.80027 4.57617 8.60873 4.71739 8.4675C4.85862 8.32627 5.05017 8.24693 5.2499 8.24693C5.44962 8.24693 5.64117 8.32627 5.7824 8.4675L8.2499 10.9425V5.25C8.2499 5.05109 8.32891 4.86032 8.46957 4.71967C8.61022 4.57902 8.80098 4.5 8.9999 4.5C9.19881 4.5 9.38957 4.57902 9.53023 4.71967C9.67088 4.86032 9.7499 5.05109 9.7499 5.25V10.9425L12.2174 8.4675C12.2871 8.3972 12.3701 8.34141 12.4615 8.30333C12.5529 8.26526 12.6509 8.24565 12.7499 8.24565C12.8489 8.24565 12.9469 8.26526 13.0383 8.30333C13.1297 8.34141 13.2127 8.3972 13.2824 8.4675C13.3527 8.53722 13.4085 8.62017 13.4466 8.71157C13.4846 8.80296 13.5042 8.90099 13.5042 9C13.5042 9.09901 13.4846 9.19704 13.4466 9.28843C13.4085 9.37983 13.3527 9.46278 13.2824 9.5325Z" fill="#E10808"></path>
+                    </svg>
+                    <span class="font-medium text-red-800">10.5%</span>
+                    <span class="ml-2 text-white">from last year</span>
+                  </div>
+                </div>
+              </div>
+              <div class="w-full sm:w-1/2 px-4 mb-20">
+                <div>
+                  <span class="block text-gray-500 tracking-tight">Return</span>
+                  <span class="block text-4xl sm:text-5xl font-semibold text-white">$19,110</span>
+                  <div class="flex items-center text-sm">
+                    <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M13.2824 8.4675L9.5324 4.7175C9.46107 4.64922 9.37696 4.59569 9.2849 4.56C9.1023 4.48499 8.89749 4.48499 8.7149 4.56C8.62283 4.59569 8.53872 4.64922 8.4674 4.7175L4.71739 8.4675C4.64747 8.53743 4.592 8.62044 4.55415 8.71181C4.51631 8.80318 4.49683 8.9011 4.49683 9C4.49683 9.19973 4.57617 9.39127 4.71739 9.5325C4.85862 9.67373 5.05017 9.75307 5.2499 9.75307C5.44962 9.75307 5.64117 9.67373 5.7824 9.5325L8.2499 7.0575V12.75C8.2499 12.9489 8.32891 13.1397 8.46957 13.2803C8.61022 13.421 8.80098 13.5 8.9999 13.5C9.19881 13.5 9.38957 13.421 9.53023 13.2803C9.67088 13.1397 9.7499 12.9489 9.7499 12.75V7.0575L12.2174 9.5325C12.2871 9.6028 12.3701 9.65859 12.4615 9.69667C12.5529 9.73474 12.6509 9.75435 12.7499 9.75435C12.8489 9.75435 12.9469 9.73474 13.0383 9.69667C13.1297 9.65859 13.2127 9.6028 13.2824 9.5325C13.3527 9.46278 13.4085 9.37983 13.4466 9.28843C13.4846 9.19704 13.5042 9.09901 13.5042 9C13.5042 8.90099 13.4846 8.80296 13.4466 8.71157C13.4085 8.62017 13.3527 8.53722 13.2824 8.4675Z" fill="#0BB678"></path>
+                    </svg>
+                    <span class="font-medium text-green-800">2.5%</span>
+                    <span class="ml-2 text-white">from last month</span>
+                  </div>
+                </div>
+              </div>
+              <div class="w-full sm:w-1/2 px-4 mb-20">
+                <div>
+                  <span class="block text-gray-500 tracking-tight">Sales</span>
+                  <span class="block text-4xl sm:text-5xl font-semibold text-white">$22,901</span>
+                  <div class="flex items-center text-sm">
+                    <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M13.2824 8.4675L9.5324 4.7175C9.46107 4.64922 9.37696 4.5957 9.2849 4.56C9.1023 4.48499 8.89749 4.48499 8.7149 4.56C8.62283 4.5957 8.53872 4.64922 8.4674 4.7175L4.71739 8.4675C4.64747 8.53743 4.592 8.62045 4.55415 8.71181C4.51631 8.80318 4.49683 8.90111 4.49683 9C4.49683 9.19973 4.57617 9.39127 4.71739 9.5325C4.85862 9.67373 5.05017 9.75307 5.2499 9.75307C5.44962 9.75307 5.64117 9.67373 5.7824 9.5325L8.2499 7.0575V12.75C8.2499 12.9489 8.32891 13.1397 8.46957 13.2803C8.61022 13.421 8.80098 13.5 8.9999 13.5C9.19881 13.5 9.38957 13.421 9.53023 13.2803C9.67088 13.1397 9.7499 12.9489 9.7499 12.75V7.0575L12.2174 9.5325C12.2871 9.6028 12.3701 9.65859 12.4615 9.69667C12.5529 9.73475 12.6509 9.75435 12.7499 9.75435C12.8489 9.75435 12.9469 9.73475 13.0383 9.69667C13.1297 9.65859 13.2127 9.6028 13.2824 9.5325C13.3527 9.46278 13.4085 9.37983 13.4466 9.28843C13.4846 9.19704 13.5042 9.09901 13.5042 9C13.5042 8.90099 13.4846 8.80296 13.4466 8.71157C13.4085 8.62017 13.3527 8.53722 13.2824 8.4675Z" fill="#0BB678"></path>
+                    </svg>
+                    <span class="font-medium text-green-800">12.8%</span>
+                    <span class="ml-2 text-white">from last month</span>
+                  </div>
+                </div>
+              </div>
+              <div class="w-full sm:w-1/2 px-4 mb-20">
+                <div>
+                  <span class="block text-gray-500 tracking-tight">Marketing</span>
+                  <span class="block text-4xl sm:text-5xl font-semibold text-white">$10,451</span>
+                  <div class="flex items-center text-sm">
+                    <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M13.2824 8.4675L9.5324 4.7175C9.46107 4.64922 9.37696 4.5957 9.2849 4.56C9.1023 4.48499 8.89749 4.48499 8.7149 4.56C8.62283 4.5957 8.53872 4.64922 8.4674 4.7175L4.71739 8.4675C4.64747 8.53743 4.592 8.62045 4.55415 8.71181C4.51631 8.80318 4.49683 8.90111 4.49683 9C4.49683 9.19973 4.57617 9.39127 4.71739 9.5325C4.85862 9.67373 5.05017 9.75307 5.2499 9.75307C5.44962 9.75307 5.64117 9.67373 5.7824 9.5325L8.2499 7.0575V12.75C8.2499 12.9489 8.32891 13.1397 8.46957 13.2803C8.61022 13.421 8.80098 13.5 8.9999 13.5C9.19881 13.5 9.38957 13.421 9.53023 13.2803C9.67088 13.1397 9.7499 12.9489 9.7499 12.75V7.0575L12.2174 9.5325C12.2871 9.6028 12.3701 9.65859 12.4615 9.69667C12.5529 9.73475 12.6509 9.75435 12.7499 9.75435C12.8489 9.75435 12.9469 9.73475 13.0383 9.69667C13.1297 9.65859 13.2127 9.6028 13.2824 9.5325C13.3527 9.46278 13.4085 9.37983 13.4466 9.28843C13.4846 9.19704 13.5042 9.09901 13.5042 9C13.5042 8.90099 13.4846 8.80296 13.4466 8.71157C13.4085 8.62017 13.3527 8.53722 13.2824 8.4675Z" fill="#0BB678"></path>
+                    </svg>
+                    <span class="font-medium text-green-800">20.5%</span>
+                    <span class="ml-2 text-white">from last month</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-QSZglBQT.html b/components/unsorted/casper-all-QSZglBQT.html
new file mode 100644
index 0000000..66a81d9
--- /dev/null
+++ b/components/unsorted/casper-all-QSZglBQT.html
@@ -0,0 +1,209 @@
+<div><section class="relative pb-12 xl:pb-0 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="flex flex-wrap items-center -mx-4">
+        <div class="w-full xl:w-2/5 px-4 mb-32 xl:mb-0">
+          <div class="relative max-w-xl xl:max-w-md mx-auto xl:mx-0">
+            <img class="mb-6 animate-spinStar" src="casper-assets/testimonials/blink-star.png" alt="">
+            <div class="relative z-10">
+              <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-8">Trusted by more than 100k people</h2>
+              <p class="text-xl text-gray-500 leading-relaxed">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+            </div>
+          </div>
+        </div>
+        <div class="relative w-full xl:w-3/5 px-4 overflow-hidden h-186">
+          <div class="absolute top-0 left-0 z-10 w-full h-52 bg-gradient-to-b from-darkBlue-900 to-transparent"></div>
+          <div class="absolute z-10 bottom-0 left-0 w-full h-52 bg-gradient-to-t from-darkBlue-900 to-transparent"></div>
+          <div class="max-w-xl md:max-w-3xl mx-auto xl:mr-0">
+            <div class="flex flex-wrap -mx-4">
+              <div class="w-full sm:w-1/2 px-4">
+                <div class="md:slider-2 h-full">
+                  <div class="slider-container-2">
+                    <div class="md:slide-2 p-6 mb-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                      <div class="pb-6 mb-6 border-b border-gray-700">
+                        <p class="text-white mb-6">Casper has become an invaluable asset to our website. The AI chat assistant not only engages visitors but also collects valuable data and insights.</p>
+                        <div class="flex items-center">
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                        </div>
+                      </div>
+                      <div class="flex items-center">
+                        <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-4.png" alt="">
+                        <div class="ml-4">
+                          <span class="block text-lg text-white">Guy Hawkins</span>
+                          <span class="block text-sm text-white">Louis Vuitton</span>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="md:slide-2 p-6 mb-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                      <div class="pb-6 mb-6 border-b border-gray-700">
+                        <p class="text-white mb-6">Casper has become an invaluable asset to our website. The AI chat assistant not only engages visitors but also collects valuable data and insights.</p>
+                        <div class="flex items-center">
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                        </div>
+                      </div>
+                      <div class="flex items-center">
+                        <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-4.png" alt="">
+                        <div class="ml-4">
+                          <span class="block text-lg text-white">Guy Hawkins</span>
+                          <span class="block text-sm text-white">Louis Vuitton</span>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="md:slide-2 p-6 mb-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                      <div class="pb-6 mb-6 border-b border-gray-700">
+                        <p class="text-white mb-6">Casper has become an invaluable asset to our website. The AI chat assistant not only engages visitors but also collects valuable data and insights.</p>
+                        <div class="flex items-center">
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                        </div>
+                      </div>
+                      <div class="flex items-center">
+                        <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-4.png" alt="">
+                        <div class="ml-4">
+                          <span class="block text-lg text-white">Guy Hawkins</span>
+                          <span class="block text-sm text-white">Louis Vuitton</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="w-full sm:w-1/2 px-4">
+                <div class="md:slider-2 h-full">
+                  <div class="slider-container-2 slide-2">
+                    <div class="md:slide-2 p-6 mb-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                      <div class="pb-6 mb-6 border-b border-gray-700">
+                        <p class="text-white mb-6">Casper has become an invaluable asset to our website. The AI chat assistant not only engages visitors but also collects valuable data and insights.</p>
+                        <div class="flex items-center">
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                        </div>
+                      </div>
+                      <div class="flex items-center">
+                        <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-4.png" alt="">
+                        <div class="ml-4">
+                          <span class="block text-lg text-white">Guy Hawkins</span>
+                          <span class="block text-sm text-white">Louis Vuitton</span>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="md:slide-2 p-6 mb-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                      <div class="pb-6 mb-6 border-b border-gray-700">
+                        <p class="text-white mb-6">Casper has become an invaluable asset to our website. The AI chat assistant not only engages visitors but also collects valuable data and insights.</p>
+                        <div class="flex items-center">
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                        </div>
+                      </div>
+                      <div class="flex items-center">
+                        <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-4.png" alt="">
+                        <div class="ml-4">
+                          <span class="block text-lg text-white">Guy Hawkins</span>
+                          <span class="block text-sm text-white">Louis Vuitton</span>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="md:slide-2 p-6 mb-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                      <div class="pb-6 mb-6 border-b border-gray-700">
+                        <p class="text-white mb-6">Casper has become an invaluable asset to our website. The AI chat assistant not only engages visitors but also collects valuable data and insights.</p>
+                        <div class="flex items-center">
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                        </div>
+                      </div>
+                      <div class="flex items-center">
+                        <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-4.png" alt="">
+                        <div class="ml-4">
+                          <span class="block text-lg text-white">Guy Hawkins</span>
+                          <span class="block text-sm text-white">Louis Vuitton</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-QYuYwIXs.html b/components/unsorted/casper-all-QYuYwIXs.html
new file mode 100644
index 0000000..5add928
--- /dev/null
+++ b/components/unsorted/casper-all-QYuYwIXs.html
@@ -0,0 +1,30 @@
+<div> <section class="relative py-12 sm:pt-24 bg-body overflow-hidden">
+    <img class="hidden sm:block absolute top-0 left-0 w-32 lg:w-auto mt-24 lg:mt-16 xl:mt-10 ml-12" src="casper-assets/footer/gun-bubble.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 right-0 -mt-96 -mr-52 w-186 h-186 bg-gradient-to-t from-violet-700 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="relative">
+        <div class="text-center mb-20">
+          <a class="inline-block mb-20" href="#">
+            <img class="block" src="casper-assets/footer/logo-c-only.svg" alt="">
+          </a>
+          <ul class="md:flex justify-center -mx-4 xl:-mx-8 -mb-4">
+            <li class="px-4 xl:px-8 mb-4"><a class="inline-block text-lg tracking-tight text-white hover:text-violet-600" href="#">Product</a></li>
+            <li class="px-4 xl:px-8 mb-4"><a class="inline-block text-lg tracking-tight text-white hover:text-violet-600" href="#">Features</a></li>
+            <li class="px-4 xl:px-8 mb-4"><a class="inline-block text-lg tracking-tight text-white hover:text-violet-600" href="#">Pricing</a></li>
+            <li class="px-4 xl:px-8 mb-4"><a class="inline-block text-lg tracking-tight text-white hover:text-violet-600" href="#">Resources</a></li>
+            <li class="px-4 xl:px-8 mb-4"><a class="inline-block text-lg tracking-tight text-white hover:text-violet-600" href="#">Careers</a></li>
+            <li class="px-4 xl:px-8 mb-4"><a class="inline-block text-lg tracking-tight text-white hover:text-violet-600" href="#">Help</a></li>
+            <li class="px-4 xl:px-8 mb-4"><a class="inline-block text-lg tracking-tight text-white hover:text-violet-600" href="#">Privacy</a></li>
+          </ul>
+        </div>
+        <div class="pt-10 border-t border-gray-800">
+          <div class="md:flex items-center justify-between">
+            <div class="mb-6 md:mb-0">
+              <span class="text-gray-600 tracking-tight">© Casper. All rights reserved</span>
+            </div>
+            <div><a class="inline-block mr-10 text-white hover:underline tracking-tight" href="#">Terms & Conditions</a><a class="inline-block text-white hover:underline tracking-tight" href="#">Privacy Policy</a></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-QoRUMxgr.html b/components/unsorted/casper-all-QoRUMxgr.html
new file mode 100644
index 0000000..51edc78
--- /dev/null
+++ b/components/unsorted/casper-all-QoRUMxgr.html
@@ -0,0 +1,43 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 right-0 -mt-72 w-148 h-148 bg-gradient-to-t from-blue-500 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="absolute top-0 right-0 mr-112 w-148 h-148 bg-gradient-to-t from-purple-600 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative">
+        <div class="max-w-4xl mx-auto text-center mb-16">
+          <h2 class="font-heading text-4xl xs:text-5xl sm:text-7xl font-medium text-white tracking-tight mb-3">Achievements So far</h2>
+          <p class="max-w-md mx-auto text-lg text-gray-500">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus..</p>
+        </div>
+        <div class="max-w-sm lg:max-w-none mx-auto">
+          <div class="flex flex-wrap -mx-4">
+            <div class="w-full lg:w-1/3 px-4 mb-10 pb-10 lg:mb-0 lg:pb-0 border-b lg:border-b-0 lg:border-r border-white border-opacity-20">
+              <div class="flex items-center lg:justify-center">
+                <img class="block w-16 xl:w-20 h-16 xl:h-20" src="casper-assets/stats/avatar-3.png" alt="">
+                <div class="ml-5 xl:ml-8">
+                  <span class="block text-4xl xl:text-6xl font-semibold text-gray-100">120</span>
+                  <span class="sm:text-lg tracking-tight text-gray-500">Partners Joined</span>
+                </div>
+              </div>
+            </div>
+            <div class="w-full lg:w-1/3 px-4 mb-10 pb-10 lg:mb-0 lg:pb-0 border-b lg:border-b-0 lg:border-r border-white border-opacity-20">
+              <div class="flex items-center lg:justify-center">
+                <img class="block w-16 xl:w-20 h-16 xl:h-20" src="casper-assets/stats/avatar-2.png" alt="">
+                <div class="ml-5 xl:ml-8">
+                  <span class="block text-4xl xl:text-6xl font-semibold text-gray-100">300+</span>
+                  <span class="sm:text-lg tracking-tight text-gray-500">Projects Done</span>
+                </div>
+              </div>
+            </div>
+            <div class="w-full lg:w-1/3 px-4">
+              <div class="flex items-center lg:justify-center">
+                <img class="block w-16 xl:w-20 h-16 xl:h-20" src="casper-assets/stats/avatar-1.png" alt="">
+                <div class="ml-5 xl:ml-8">
+                  <span class="block text-4xl xl:text-6xl font-semibold text-gray-100">10+</span>
+                  <span class="sm:text-lg tracking-tight text-gray-500">Years of Experience</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-RjvziZwZ.html b/components/unsorted/casper-all-RjvziZwZ.html
new file mode 100644
index 0000000..53ccb9a
--- /dev/null
+++ b/components/unsorted/casper-all-RjvziZwZ.html
@@ -0,0 +1,93 @@
+<div><section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="absolute top-0 right-0 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+    <img class="hidden md:block absolute top-0 right-0 mt-20 mr-20 xl:mr-64 animate-spinStar z-10" src="casper-assets/services/blink-star.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="relative max-w-2xl mx-auto mb-24 text-center">
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-6">Our Projects</h2>
+        <p class="max-w-xl mx-auto text-xl text-gray-500 leading-relaxed tracking-tight mb-8">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+        <a class="group inline-flex w-full sm:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-violet-800 bg-violet-500 hover:bg-white transition duration-200 rounded-full" href="#">
+          <span class="mr-2">SEE MORE PROJECTS</span>
+          <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+          </svg>
+        </a>
+      </div>
+      <div class="max-w-md lg:max-w-3xl xl:max-w-6xl mx-auto">
+        <div class="flex flex-wrap -mx-4 mb-16">
+          <div class="w-full lg:w-1/2 px-4 mb-12 lg:mb-0">
+            <div class="flex flex-col max-w-sm lg:max-w-xs xl:max-w-sm h-full items-start">
+              <h4 class="text-4xl text-white font-medium mb-6">Symtric Web Developmentg</h4>
+              <p class="text-sm text-white leading-snug mb-6">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
+              <div class="flex flex-wrap -mb-2">
+                <span class="inline-block px-5 py-3 mb-2 mr-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">WEBSITE</span>
+                <span class="inline-block px-5 py-3 mb-2 mr-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">WEBFLOW</span>
+                <span class="inline-block px-5 py-3 mb-2 mr-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">UI DESIGN</span>
+                <span class="inline-block px-5 py-3 mb-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">DEVELOPMENT</span>
+              </div>
+              <div class="pt-4 mt-auto">
+                <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-white hover:text-violet-800 hover:bg-white border-2 border-gray-300 hover:border-white transition duration-200 rounded-full" href="#">
+                  <span class="mr-2">SEE DETAILS</span>
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                  </svg>
+                </a>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4">
+            <img class="block object-cover rounded-3xl" src="casper-assets/portfolio/portfolio-image-square-3.png" alt="">
+          </div>
+        </div>
+        <div class="flex flex-wrap -mx-4 mb-16">
+          <div class="w-full lg:w-1/2 px-4 order-last lg:order-first">
+            <img class="block object-cover rounded-3xl" src="casper-assets/portfolio/portfolio-image-square-2.png" alt="">
+          </div>
+          <div class="w-full lg:w-1/2 px-4 mb-12 lg:mb-0">
+            <div class="flex flex-col max-w-sm lg:max-w-xs xl:max-w-sm lg:ml-auto h-full items-start">
+              <h4 class="text-4xl text-white font-medium mb-6">Weltics Company Profile</h4>
+              <p class="text-sm text-white leading-snug mb-6">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
+              <div class="flex flex-wrap -mb-2">
+                <span class="inline-block px-5 py-3 mb-2 mr-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">WEBSITE</span>
+                <span class="inline-block px-5 py-3 mb-2 mr-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">WEBFLOW</span>
+                <span class="inline-block px-5 py-3 mb-2 mr-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">UI DESIGN</span>
+                <span class="inline-block px-5 py-3 mb-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">DEVELOPMENT</span>
+              </div>
+              <div class="pt-4 mt-auto">
+                <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-white hover:text-violet-800 hover:bg-white border-2 border-gray-300 hover:border-white transition duration-200 rounded-full" href="#">
+                  <span class="mr-2">SEE DETAILS</span>
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                  </svg>
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="flex flex-wrap -mx-4 mb-16">
+          <div class="w-full lg:w-1/2 px-4 mb-12 lg:mb-0">
+            <div class="flex flex-col max-w-sm lg:max-w-xs xl:max-w-sm h-full items-start">
+              <h4 class="text-4xl text-white font-medium mb-6">Sans Design Branding</h4>
+              <p class="text-sm text-white leading-snug mb-6">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
+              <div class="flex flex-wrap -mb-2">
+                <span class="inline-block px-5 py-3 mb-2 mr-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">WEBSITE</span>
+                <span class="inline-block px-5 py-3 mb-2 mr-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">WEBFLOW</span>
+                <span class="inline-block px-5 py-3 mb-2 mr-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">UI DESIGN</span>
+                <span class="inline-block px-5 py-3 mb-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">DEVELOPMENT</span>
+              </div>
+              <div class="pt-4 mt-auto">
+                <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-white hover:text-violet-800 hover:bg-white border-2 border-gray-300 hover:border-white transition duration-200 rounded-full" href="#">
+                  <span class="mr-2">SEE DETAILS</span>
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                  </svg>
+                </a>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4">
+            <img class="block object-cover rounded-3xl" src="casper-assets/portfolio/portfolio-image-square-1.png" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-SEqVyhBF.html b/components/unsorted/casper-all-SEqVyhBF.html
new file mode 100644
index 0000000..41ad228
--- /dev/null
+++ b/components/unsorted/casper-all-SEqVyhBF.html
@@ -0,0 +1 @@
+<div> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-TAnSHdon.html b/components/unsorted/casper-all-TAnSHdon.html
new file mode 100644
index 0000000..c73ca33
--- /dev/null
+++ b/components/unsorted/casper-all-TAnSHdon.html
@@ -0,0 +1,97 @@
+<div><section>
+    <nav class="py-7 bg-body">
+      <div class="container mx-auto px-4">
+        <div class="relative flex items-center justify-between">
+          <a class="lg:hidden inline-block" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo-white.svg" alt="">
+          </a>
+          <button class="xl:hidden navbar-burger text-black hover:text-violet-500">
+            <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M3 16H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              <path d="M3 8H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              <path d="M20 24L29 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+            </svg>
+          </button>
+          <div class="hidden xl:block">
+            <div class="group relative inline-flex mr-6 xl:mr-10 items-center justify-center">
+              <a class="text-sm font-medium uppercase text-white hover:text-violet-500" href="#">FEATURED</a>
+              <div class="hidden group-hover:block absolute top-full left-0 -ml-2 pt-6 px-2 pb-4 min-w-max">
+                <div class="relative w-80">
+                  <div class="absolute top-0 left-0 w-5 h-5 ml-8 -mt-2 transform rotate-45 border-t border-l border-gray-50 bg-white rounded-md"></div>
+                  <div class="absolute top-0 left-0 w-10 h-2 ml-6 mt-px bg-white"></div>
+                  <div class="p-4 bg-white rounded-xl border border-gray-50">
+                    <div class="mb-3 pb-3 border-b border-blueGray-50"><a class="block p-3 text-sm text-black font-medium uppercase hover:bg-violet-50 rounded-xl" href="#">FEATURED</a><a class="block p-3 text-sm text-black font-medium uppercase hover:bg-violet-50 rounded-xl" href="#">SOLUTIONS</a></div>
+                    <div class="mb-6 pb-3 border-b border-blueGray-50">
+                      <a class="flex items-center p-3 text-sm text-black font-medium uppercase hover:bg-violet-50 rounded-xl" href="#">
+                        <svg width="20" height="21" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M6.90833 11.085C6.83022 11.1625 6.76823 11.2546 6.72592 11.3562C6.68362 11.4577 6.66183 11.5667 6.66183 11.6767C6.66183 11.7867 6.68362 11.8956 6.72592 11.9971C6.76823 12.0987 6.83022 12.1909 6.90833 12.2683L9.40833 14.7683C9.4858 14.8464 9.57797 14.9084 9.67952 14.9507C9.78107 14.993 9.88999 15.0148 10 15.0148C10.11 15.0148 10.2189 14.993 10.3205 14.9507C10.422 14.9084 10.5142 14.8464 10.5917 14.7683L13.0917 12.2683C13.2486 12.1114 13.3367 11.8986 13.3367 11.6767C13.3367 11.4547 13.2486 11.2419 13.0917 11.085C12.9347 10.9281 12.7219 10.8399 12.5 10.8399C12.2781 10.8399 12.0653 10.9281 11.9083 11.085L10.8333 12.1683V2.51C10.8333 2.28899 10.7455 2.07702 10.5893 1.92074C10.433 1.76446 10.221 1.67667 10 1.67667C9.77898 1.67667 9.56702 1.76446 9.41074 1.92074C9.25446 2.07702 9.16666 2.28899 9.16666 2.51V12.1683L8.09166 11.085C8.0142 11.0069 7.92203 10.9449 7.82048 10.9026C7.71893 10.8603 7.61001 10.8385 7.5 10.8385C7.38999 10.8385 7.28107 10.8603 7.17952 10.9026C7.07797 10.9449 6.9858 11.0069 6.90833 11.085ZM15 7.51H13.3333C13.1123 7.51 12.9004 7.5978 12.7441 7.75408C12.5878 7.91036 12.5 8.12232 12.5 8.34333C12.5 8.56434 12.5878 8.77631 12.7441 8.93259C12.9004 9.08887 13.1123 9.17666 13.3333 9.17666H15C15.221 9.17666 15.433 9.26446 15.5893 9.42074C15.7455 9.57702 15.8333 9.78898 15.8333 10.01V15.8433C15.8333 16.0643 15.7455 16.2763 15.5893 16.4326C15.433 16.5889 15.221 16.6767 15 16.6767H5C4.77899 16.6767 4.56702 16.5889 4.41074 16.4326C4.25446 16.2763 4.16667 16.0643 4.16667 15.8433V10.01C4.16667 9.78898 4.25446 9.57702 4.41074 9.42074C4.56702 9.26446 4.77899 9.17666 5 9.17666H6.66667C6.88768 9.17666 7.09964 9.08887 7.25592 8.93259C7.4122 8.77631 7.5 8.56434 7.5 8.34333C7.5 8.12232 7.4122 7.91036 7.25592 7.75408C7.09964 7.5978 6.88768 7.51 6.66667 7.51H5C4.33696 7.51 3.70107 7.77339 3.23223 8.24223C2.76339 8.71107 2.5 9.34696 2.5 10.01V15.8433C2.5 16.5064 2.76339 17.1423 3.23223 17.6111C3.70107 18.0799 4.33696 18.3433 5 18.3433H15C15.663 18.3433 16.2989 18.0799 16.7678 17.6111C17.2366 17.1423 17.5 16.5064 17.5 15.8433V10.01C17.5 9.34696 17.2366 8.71107 16.7678 8.24223C16.2989 7.77339 15.663 7.51 15 7.51Z" fill="#1E2238"></path>
+                        </svg>
+                        <span class="ml-3">DOWNLOAD</span>
+                      </a>
+                      <a class="flex items-center p-3 text-sm text-black font-medium uppercase hover:bg-violet-50 rounded-xl" href="#">
+                        <svg width="20" height="21" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <g clip-path="url(#clip0_160_6412)">
+                            <path d="M19.1667 7.92666C19.1657 7.1534 18.8581 6.41208 18.3113 5.8653C17.7646 5.31852 17.0232 5.01093 16.25 5.01C15.8166 5.01233 15.3894 5.11232 15 5.30256V3.76C15.0009 3.18018 14.8287 2.61329 14.5054 2.13194C14.1821 1.65059 13.7225 1.27669 13.1855 1.05814C12.6484 0.839583 12.0584 0.786318 11.4908 0.905165C10.9233 1.02401 10.4042 1.30956 9.99999 1.72524C9.52028 1.22637 8.87826 0.9151 8.18948 0.847469C7.5007 0.779838 6.8104 0.960283 6.24283 1.35633C5.67525 1.75237 5.26768 2.338 5.09347 3.0078C4.91926 3.67761 4.98985 4.38761 5.29255 5.01H3.74999C3.17017 5.00911 2.60328 5.18133 2.12193 5.50459C1.64058 5.82785 1.26668 6.28744 1.04813 6.82449C0.829573 7.36155 0.776308 7.95162 0.895155 8.51913C1.014 9.08665 1.29955 9.60576 1.71523 10.01C1.21636 10.4897 0.90509 11.1317 0.837459 11.8205C0.769828 12.5093 0.950273 13.1996 1.34632 13.7672C1.74236 14.3347 2.32799 14.7423 2.9978 14.9165C3.6676 15.0907 4.3776 15.0201 4.99999 14.7174V16.26C4.9991 16.8398 5.17132 17.4067 5.49458 17.8881C5.81784 18.3694 6.27743 18.7433 6.81448 18.9619C7.35154 19.1804 7.94161 19.2337 8.50912 19.1148C9.07664 18.996 9.59575 18.7104 9.99999 18.2948C10.4797 18.7936 11.1217 19.1049 11.8105 19.1725C12.4993 19.2402 13.1896 19.0597 13.7571 18.6637C14.3247 18.2676 14.7323 17.682 14.9065 17.0122C15.0807 16.3424 15.0101 15.6324 14.7074 15.01H16.25C16.8298 15.0109 17.3967 14.8387 17.878 14.5154C18.3594 14.1921 18.7333 13.7326 18.9518 13.1955C19.1704 12.6584 19.2237 12.0684 19.1048 11.5009C18.986 10.9333 18.7004 10.4142 18.2847 10.01C18.5636 9.73939 18.7854 9.41557 18.9369 9.05772C19.0883 8.69987 19.1665 8.31526 19.1667 7.92666ZM10.8333 3.76C10.8333 3.42848 10.965 3.11054 11.1994 2.87611C11.4339 2.64169 11.7518 2.51 12.0833 2.51C12.4148 2.51 12.7328 2.64169 12.9672 2.87611C13.2016 3.11054 13.3333 3.42848 13.3333 3.76V7.92666C13.3333 8.25818 13.2016 8.57613 12.9672 8.81055C12.7328 9.04497 12.4148 9.17666 12.0833 9.17666C11.7518 9.17666 11.4339 9.04497 11.1994 8.81055C10.965 8.57613 10.8333 8.25818 10.8333 7.92666V3.76ZM4.99999 12.0933C4.99999 12.3406 4.92668 12.5822 4.78932 12.7878C4.65197 12.9934 4.45675 13.1536 4.22834 13.2482C3.99993 13.3428 3.7486 13.3675 3.50613 13.3193C3.26365 13.2711 3.04092 13.152 2.8661 12.9772C2.69129 12.8024 2.57224 12.5797 2.52401 12.3372C2.47578 12.0947 2.50053 11.8434 2.59514 11.615C2.68975 11.3866 2.84996 11.1913 3.05553 11.054C3.26109 10.9166 3.50276 10.8433 3.74999 10.8433H4.99999V12.0933ZM9.16665 16.26C9.16665 16.5915 9.03496 16.9095 8.80054 17.1439C8.56612 17.3783 8.24817 17.51 7.91665 17.51C7.58513 17.51 7.26719 17.3783 7.03277 17.1439C6.79835 16.9095 6.66665 16.5915 6.66665 16.26V12.0933C6.66665 11.7618 6.79835 11.4439 7.03277 11.2094C7.26719 10.975 7.58513 10.8433 7.91665 10.8433C8.24817 10.8433 8.56612 10.975 8.80054 11.2094C9.03496 11.4439 9.16665 11.7618 9.16665 12.0933V16.26ZM7.91665 9.17666H3.74999C3.41847 9.17666 3.10053 9.04497 2.8661 8.81055C2.63168 8.57613 2.49999 8.25818 2.49999 7.92666C2.49999 7.59514 2.63168 7.2772 2.8661 7.04278C3.10053 6.80836 3.41847 6.67666 3.74999 6.67666H7.91665C8.24817 6.67666 8.56612 6.80836 8.80054 7.04278C9.03496 7.2772 9.16665 7.59514 9.16665 7.92666C9.16665 8.25818 9.03496 8.57613 8.80054 8.81055C8.56612 9.04497 8.24817 9.17666 7.91665 9.17666ZM9.16665 5.01H7.91665C7.66943 5.01 7.42775 4.93669 7.22219 4.79933C7.01663 4.66198 6.85641 4.46676 6.7618 4.23835C6.66719 4.00994 6.64244 3.75861 6.69067 3.51613C6.7389 3.27366 6.85795 3.05093 7.03277 2.87611C7.20759 2.7013 7.43031 2.58225 7.67279 2.53402C7.91527 2.48579 8.1666 2.51054 8.39501 2.60515C8.62342 2.69976 8.81864 2.85997 8.95599 3.06554C9.09334 3.2711 9.16665 3.51277 9.16665 3.76V5.01ZM9.99999 10.0586C9.98386 10.0421 9.9679 10.0261 9.95141 10.01C9.9679 9.99387 9.98386 9.97791 9.99999 9.96142C10.0161 9.97791 10.0321 9.99387 10.0486 10.01C10.0321 10.0261 10.0161 10.0421 9.99999 10.0586ZM12.0833 17.51C11.7519 17.5096 11.4342 17.3778 11.1998 17.1435C10.9655 16.9091 10.8337 16.5914 10.8333 16.26V15.01H12.0833C12.4148 15.01 12.7328 15.1417 12.9672 15.3761C13.2016 15.6105 13.3333 15.9285 13.3333 16.26C13.3333 16.5915 13.2016 16.9095 12.9672 17.1439C12.7328 17.3783 12.4148 17.51 12.0833 17.51ZM16.25 13.3433H12.0833C11.7518 13.3433 11.4339 13.2116 11.1994 12.9772C10.965 12.7428 10.8333 12.4248 10.8333 12.0933C10.8333 11.7618 10.965 11.4439 11.1994 11.2094C11.4339 10.975 11.7518 10.8433 12.0833 10.8433H16.25C16.5815 10.8433 16.8994 10.975 17.1339 11.2094C17.3683 11.4439 17.5 11.7618 17.5 12.0933C17.5 12.4248 17.3683 12.7428 17.1339 12.9772C16.8994 13.2116 16.5815 13.3433 16.25 13.3433ZM16.25 9.17666H15V7.92666C15 7.67944 15.0733 7.43776 15.2106 7.2322C15.348 7.02664 15.5432 6.86642 15.7716 6.77181C16 6.6772 16.2514 6.65245 16.4938 6.70068C16.7363 6.74891 16.9591 6.86796 17.1339 7.04278C17.3087 7.2176 17.4277 7.44032 17.476 7.6828C17.5242 7.92528 17.4994 8.17661 17.4048 8.40502C17.3102 8.63343 17.15 8.82865 16.9444 8.966C16.7389 9.10335 16.4972 9.17666 16.25 9.17666Z" fill="#1E2238"></path>
+                          </g>
+                        </svg>
+                        <span class="ml-3">COMMUNITY</span>
+                      </a>
+                      <a class="flex items-center p-3 text-sm text-black font-medium uppercase hover:bg-violet-50 rounded-xl" href="#">
+                        <svg width="20" height="21" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M9.40836 12.7517C9.37252 12.7913 9.33912 12.833 9.30836 12.8767C9.27682 12.9231 9.2516 12.9736 9.23336 13.0267C9.20933 13.0739 9.19248 13.1245 9.18336 13.1767C9.17927 13.2321 9.17927 13.2878 9.18336 13.3433C9.18054 13.4526 9.20337 13.5611 9.25002 13.66C9.28745 13.7634 9.34716 13.8573 9.42493 13.9351C9.50269 14.0129 9.59661 14.0726 9.70002 14.11C9.79977 14.1541 9.90763 14.1769 10.0167 14.1769C10.1257 14.1769 10.2336 14.1541 10.3334 14.11C10.4368 14.0726 10.5307 14.0129 10.6085 13.9351C10.6862 13.8573 10.7459 13.7634 10.7834 13.66C10.8204 13.5587 10.8373 13.4511 10.8334 13.3433C10.834 13.2337 10.813 13.1249 10.7715 13.0234C10.73 12.9219 10.6689 12.8295 10.5917 12.7517C10.5142 12.6736 10.4221 12.6116 10.3205 12.5693C10.219 12.5269 10.11 12.5052 10 12.5052C9.89001 12.5052 9.78109 12.5269 9.67954 12.5693C9.57799 12.6116 9.48583 12.6736 9.40836 12.7517ZM10 1.67667C8.35185 1.67667 6.74068 2.16541 5.37027 3.08109C3.99986 3.99676 2.93176 5.29825 2.30103 6.82097C1.6703 8.34369 1.50527 10.0192 1.82681 11.6357C2.14836 13.2523 2.94203 14.7371 4.10747 15.9026C5.2729 17.068 6.75776 17.8617 8.37427 18.1832C9.99078 18.5047 11.6663 18.3397 13.1891 17.709C14.7118 17.0783 16.0133 16.0102 16.9289 14.6397C17.8446 13.2693 18.3334 11.6582 18.3334 10.01C18.3334 8.91565 18.1178 7.83202 17.699 6.82097C17.2802 5.80992 16.6664 4.89126 15.8926 4.11744C15.1188 3.34362 14.2001 2.72979 13.1891 2.311C12.178 1.89221 11.0944 1.67667 10 1.67667ZM10 16.6767C8.68148 16.6767 7.39255 16.2857 6.29622 15.5531C5.19989 14.8206 4.34541 13.7794 3.84083 12.5612C3.33624 11.343 3.20422 10.0026 3.46146 8.7094C3.71869 7.41619 4.35363 6.2283 5.28598 5.29595C6.21833 4.3636 7.40621 3.72867 8.69942 3.47143C9.99263 3.2142 11.3331 3.34622 12.5512 3.8508C13.7694 4.35539 14.8106 5.20987 15.5432 6.3062C16.2757 7.40252 16.6667 8.69146 16.6667 10.01C16.6667 11.7781 15.9643 13.4738 14.7141 14.724C13.4638 15.9743 11.7681 16.6767 10 16.6767ZM10 5.84333C9.56091 5.84305 9.12947 5.95843 8.74911 6.17787C8.36876 6.3973 8.05291 6.71305 7.83336 7.09333C7.77306 7.18818 7.73258 7.29424 7.71433 7.40514C7.69609 7.51605 7.70047 7.62949 7.72721 7.73865C7.75395 7.84782 7.8025 7.95044 7.86993 8.04036C7.93736 8.13028 8.02228 8.20562 8.11958 8.26187C8.21689 8.31811 8.32456 8.35409 8.43613 8.36765C8.5477 8.3812 8.66086 8.37204 8.7688 8.34073C8.87674 8.30941 8.97723 8.25659 9.06423 8.18543C9.15122 8.11427 9.22293 8.02625 9.27502 7.92666C9.34844 7.79949 9.45416 7.69398 9.58148 7.62081C9.70879 7.54764 9.85318 7.50941 10 7.51C10.221 7.51 10.433 7.5978 10.5893 7.75408C10.7456 7.91036 10.8334 8.12232 10.8334 8.34333C10.8334 8.56434 10.7456 8.77631 10.5893 8.93259C10.433 9.08887 10.221 9.17666 10 9.17666C9.77901 9.17666 9.56705 9.26446 9.41077 9.42074C9.25449 9.57702 9.16669 9.78898 9.16669 10.01V10.8433C9.16669 11.0643 9.25449 11.2763 9.41077 11.4326C9.56705 11.5889 9.77901 11.6767 10 11.6767C10.221 11.6767 10.433 11.5889 10.5893 11.4326C10.7456 11.2763 10.8334 11.0643 10.8334 10.8433V10.6933C11.3845 10.4933 11.8478 10.106 12.1423 9.59905C12.4368 9.09209 12.5438 8.49774 12.4445 7.91991C12.3452 7.34207 12.046 6.81751 11.5992 6.43793C11.1523 6.05834 10.5863 5.84788 10 5.84333Z" fill="#1E2238"></path>
+                        </svg>
+                        <span class="ml-3">HELP</span>
+                      </a>
+                    </div>
+                    <div class="flex justify-between mb-3 pb-3 border-b border-blueGray-50"><a class="inline-flex py-2 px-4 mr-4 items-center justify-center text-sm font-medium uppercase text-violet-900 hover:text-violet-500" href="#">SIGN IN</a><a class="inline-flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">CREATE AN ACCOUNT</a></div>
+                    <div class="flex items-center">
+                      <div class="flex-shrink-0 flex mr-3 items-center justify-center w-10 h-10 bg-violet-200 rounded-full">
+                        <svg width="20" height="21" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M17.0833 11.6978C16.8623 11.6978 16.6504 11.7856 16.4941 11.9419C16.3378 12.0982 16.25 12.3101 16.25 12.5312V15.8645C16.25 16.0855 16.1622 16.2975 16.0059 16.4537C15.8496 16.61 15.6377 16.6978 15.4167 16.6978H3.75C3.52899 16.6978 3.31702 16.61 3.16074 16.4537C3.00446 16.2975 2.91667 16.0855 2.91667 15.8645V7.87282L7.81667 12.7812C8.28542 13.2493 8.92083 13.5123 9.58333 13.5123C10.2458 13.5123 10.8812 13.2493 11.35 12.7812L12.7167 11.4145C12.8736 11.2576 12.9617 11.0447 12.9617 10.8228C12.9617 10.6009 12.8736 10.3881 12.7167 10.2312C12.5597 10.0742 12.3469 9.98608 12.125 9.98608C11.9031 9.98608 11.6903 10.0742 11.5333 10.2312L10.1667 11.5978C10.0109 11.7505 9.80146 11.836 9.58333 11.836C9.3652 11.836 9.15577 11.7505 9 11.5978L4.09167 6.69782H9.58333C9.80435 6.69782 10.0163 6.61003 10.1726 6.45375C10.3289 6.29747 10.4167 6.0855 10.4167 5.86449C10.4167 5.64348 10.3289 5.43152 10.1726 5.27524C10.0163 5.11896 9.80435 5.03116 9.58333 5.03116H3.75C3.08696 5.03116 2.45107 5.29455 1.98223 5.76339C1.51339 6.23223 1.25 6.86812 1.25 7.53116V15.8645C1.25 16.5275 1.51339 17.1634 1.98223 17.6323C2.45107 18.1011 3.08696 18.3645 3.75 18.3645H15.4167C16.0797 18.3645 16.7156 18.1011 17.1844 17.6323C17.6533 17.1634 17.9167 16.5275 17.9167 15.8645V12.5312C17.9167 12.3101 17.8289 12.0982 17.6726 11.9419C17.5163 11.7856 17.3043 11.6978 17.0833 11.6978ZM18.5083 4.43949L16.0083 1.93949C15.9291 1.86362 15.8356 1.80415 15.7333 1.76449C15.5304 1.68114 15.3029 1.68114 15.1 1.76449C14.9977 1.80415 14.9043 1.86362 14.825 1.93949L12.325 4.43949C12.1681 4.59641 12.0799 4.80924 12.0799 5.03116C12.0799 5.25308 12.1681 5.4659 12.325 5.62282C12.4819 5.77974 12.6947 5.8679 12.9167 5.8679C13.1386 5.8679 13.3514 5.77974 13.5083 5.62282L14.5833 4.53949V9.19782C14.5833 9.41884 14.6711 9.6308 14.8274 9.78708C14.9837 9.94336 15.1956 10.0312 15.4167 10.0312C15.6377 10.0312 15.8496 9.94336 16.0059 9.78708C16.1622 9.6308 16.25 9.41884 16.25 9.19782V4.53949L17.325 5.62282C17.4025 5.70093 17.4946 5.76293 17.5962 5.80523C17.6977 5.84754 17.8067 5.86932 17.9167 5.86932C18.0267 5.86932 18.1356 5.84754 18.2371 5.80523C18.3387 5.76293 18.4309 5.70093 18.5083 5.62282C18.5864 5.54536 18.6484 5.45319 18.6907 5.35164C18.733 5.25009 18.7548 5.14117 18.7548 5.03116C18.7548 4.92115 18.733 4.81223 18.6907 4.71068C18.6484 4.60913 18.5864 4.51696 18.5083 4.43949Z" fill="#1E2238"></path>
+                        </svg>
+                      </div>
+                      <div>
+                        <span class="block text-xs text-gray-600">DROP US A LINE</span>
+                        <a class="text-base font-medium hover:text-violet-500" href="mailto:#">hello@shuffle.dev</a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <a class="inline-flex mr-6 xl:mr-10 items-center justify-center text-sm font-medium uppercase text-white hover:text-violet-500" href="#">SOLUTIONS</a><a class="inline-flex mr-6 xl:mr-10 items-center justify-center text-sm font-medium uppercase text-white hover:text-violet-500" href="#">PRODUCTS</a><a class="inline-flex items-center justify-center text-sm font-medium uppercase text-white hover:text-violet-500" href="#">ARTICLES</a>
+          </div>
+          <div class="hidden lg:block absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
+            <a class="inline-block" href="#">
+              <img class="h-10" src="casper-assets/logos/casper-logo-white.svg" alt="">
+            </a>
+          </div>
+          <div class="hidden lg:block"><a class="inline-flex py-2 px-4 mr-4 items-center justify-center text-sm font-medium uppercase text-white hover:text-violet-500" href="#">SIGN IN</a><a class="inline-flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+        </div>
+      </div>
+    </nav>
+    <div class="hidden navbar-menu fixed top-0 left-0 bottom-0 w-5/6 max-w-md z-50">
+      <div class="navbar-backdrop fixed inset-0bg-violet-900 opacity-20"></div>
+      <nav class="relative flex flex-col py-7 px-10 w-full h-full bg-white overflow-y-auto">
+        <div class="flex mb-auto items-center">
+          <a class="inline-block mr-auto" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo.svg" alt="">
+          </a>
+          <a class="navbar-close" href="#">
+            <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M6 18L18 6M6 6L18 18" stroke="#111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+            </svg>
+          </a>
+        </div>
+        <div class="py-12 mb-auto">
+          <ul class="flex-col">
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">FEATURED</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">SOLUTIONS</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">PRODUCTS</a></li>
+            <li><a class="inline-block text-base text-black font-medium uppercase" href="#">ARTICLES</a></li>
+          </ul>
+        </div>
+        <div><a class="flex py-2 px-4 mb-4 items-center justify-center text-sm font-medium uppercase text-violet-900 hover:text-violet-500" href="#">SIGN IN</a><a class="flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+      </nav>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-UOgbteRc.html b/components/unsorted/casper-all-UOgbteRc.html
new file mode 100644
index 0000000..f160718
--- /dev/null
+++ b/components/unsorted/casper-all-UOgbteRc.html
@@ -0,0 +1,76 @@
+<div><section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <img class="hidden md:block absolute top-0 right-0 w-32 xl:w-auto mt-24 xl:mt-0 -mr-8 xl:-mr-24 z-10 animate-movePlant" src="casper-assets/faq/shield-robot.png" alt="">
+      <img class="hidden md:block absolute top-0 left-0 w-40 xl:w-auto -ml-8 lg:-ml-18 -mt-20 z-10 animate-movePlanet" src="casper-assets/faq/robot-ball.png" alt="">
+      <div class="absolute top-0 left-0 -ml-40 -mt-80 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="absolute bottom-0 right-0 mb-52 w-160 h-160 bg-gradient-to-t from-violet-900 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="relative text-center mb-20">
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-8">Frequently Ask Questions</h2>
+        <p class="text-lg text-gray-500 tracking-tight">Nunc et tellus non erat accumsan aliquam eget non mi.</p>
+      </div>
+      <div class="relative max-w-sm mx-auto md:max-w-none">
+        <div class="flex flex-wrap -mx-4 -mb-8">
+          <div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
+            <div class="relative p-9 rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/faq/bg-box1.png" alt="">
+              <div class="relative">
+                <h4 class="text-xl text-white font-medium tracking-tight mb-4">How to Apply</h4>
+                <p class="text-white mb-4">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut.</p>
+                <a class="group inline-flex h-8 px-4 items-center justify-center text-xs font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">Read More</a>
+              </div>
+            </div>
+          </div>
+          <div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
+            <div class="relative p-9 rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/faq/bg-box2.png" alt="">
+              <div class="relative">
+                <h4 class="text-xl text-white font-medium tracking-tight mb-4">How to Apply</h4>
+                <p class="text-white mb-4">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut.</p>
+                <a class="group inline-flex h-8 px-4 items-center justify-center text-xs font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">Read More</a>
+              </div>
+            </div>
+          </div>
+          <div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
+            <div class="relative p-9 rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/faq/bg-box3.png" alt="">
+              <div class="relative">
+                <h4 class="text-xl text-white font-medium tracking-tight mb-4">How to Apply</h4>
+                <p class="text-white mb-4">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut.</p>
+                <a class="group inline-flex h-8 px-4 items-center justify-center text-xs font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">Read More</a>
+              </div>
+            </div>
+          </div>
+          <div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
+            <div class="relative p-9 rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/faq/bg-box4.png" alt="">
+              <div class="relative">
+                <h4 class="text-xl text-white font-medium tracking-tight mb-4">How to Apply</h4>
+                <p class="text-white mb-4">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut.</p>
+                <a class="group inline-flex h-8 px-4 items-center justify-center text-xs font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">Read More</a>
+              </div>
+            </div>
+          </div>
+          <div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
+            <div class="relative p-9 rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/faq/bg-box1.png" alt="">
+              <div class="relative">
+                <h4 class="text-xl text-white font-medium tracking-tight mb-4">How to Apply</h4>
+                <p class="text-white mb-4">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut.</p>
+                <a class="group inline-flex h-8 px-4 items-center justify-center text-xs font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">Read More</a>
+              </div>
+            </div>
+          </div>
+          <div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
+            <div class="relative p-9 rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/faq/bg-box2.png" alt="">
+              <div class="relative">
+                <h4 class="text-xl text-white font-medium tracking-tight mb-4">How to Apply</h4>
+                <p class="text-white mb-4">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut.</p>
+                <a class="group inline-flex h-8 px-4 items-center justify-center text-xs font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">Read More</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-UrDrANAn.html b/components/unsorted/casper-all-UrDrANAn.html
new file mode 100644
index 0000000..00c320b
--- /dev/null
+++ b/components/unsorted/casper-all-UrDrANAn.html
@@ -0,0 +1,43 @@
+<div><section class="relative pt-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <img class="hidden md:block absolute bottom-0 left-0 -mb-64 -ml-20 lg:-ml-0 max-w-md lg:max-w-lg xl:max-w-none z-10" src="casper-assets/download/silver-phone-left.png" alt="">
+      <div class="absolute top-0 right-0 mr-90 -mt-40 w-148 h-148 bg-gradient-to-t from-blue-500 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="absolute top-0 right-0 mr-112 -mt-40 w-160 h-160 bg-gradient-to-t from-purple-600 via-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-sm lg:max-w-md xl:max-w-lg mx-auto md:mr-0">
+        <h2 class="font-heading text-4xl md:text-5xl lg:text-6xl font-medium text-white tracking-tight mb-3">Get Benefit with Casper App</h2>
+        <p class="max-w-md text-lg text-gray-50 tracking-tight mb-2">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+        <ul class="mb-16">
+          <li class="flex items-center mb-3">
+            <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9936 4.47982 15.5202 0.00642897 10 0Z" fill="#25CA8E"></path>
+              <path d="M14.4733 6.80667C14.4114 6.74418 14.3376 6.69458 14.2564 6.66074C14.1752 6.62689 14.088 6.60947 14 6.60947C13.912 6.60947 13.8249 6.62689 13.7436 6.66074C13.6624 6.69458 13.5886 6.74418 13.5267 6.80667L8.56001 11.78L6.47334 9.68667C6.40899 9.62451 6.33303 9.57563 6.2498 9.54283C6.16656 9.51003 6.07768 9.49394 5.98822 9.49549C5.89877 9.49703 5.8105 9.51619 5.72844 9.55185C5.64639 9.58751 5.57217 9.63898 5.51001 9.70333C5.44785 9.76768 5.39897 9.84364 5.36617 9.92688C5.33337 10.0101 5.31728 10.099 5.31883 10.1885C5.32038 10.2779 5.33953 10.3662 5.37519 10.4482C5.41085 10.5303 5.46233 10.6045 5.52667 10.6667L8.08667 13.2267C8.14865 13.2892 8.22238 13.3387 8.30362 13.3726C8.38486 13.4064 8.472 13.4239 8.56001 13.4239C8.64802 13.4239 8.73515 13.4064 8.81639 13.3726C8.89763 13.3387 8.97137 13.2892 9.03334 13.2267L14.4733 7.78667C14.541 7.72424 14.595 7.64847 14.632 7.56414C14.6689 7.4798 14.688 7.38873 14.688 7.29667C14.688 7.2046 14.6689 7.11353 14.632 7.02919C14.595 6.94486 14.541 6.86909 14.4733 6.80667Z" fill="black"></path>
+            </svg>
+            <span class="ml-2 text-white tracking-tight">Unlimited Upload Files</span>
+          </li>
+          <li class="flex items-center mb-3">
+            <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9936 4.47982 15.5202 0.00642897 10 0Z" fill="#25CA8E"></path>
+              <path d="M14.4733 6.80667C14.4114 6.74418 14.3376 6.69458 14.2564 6.66074C14.1752 6.62689 14.088 6.60947 14 6.60947C13.912 6.60947 13.8249 6.62689 13.7436 6.66074C13.6624 6.69458 13.5886 6.74418 13.5267 6.80667L8.56001 11.78L6.47334 9.68667C6.40899 9.62451 6.33303 9.57563 6.2498 9.54283C6.16656 9.51003 6.07768 9.49394 5.98822 9.49549C5.89877 9.49703 5.8105 9.51619 5.72844 9.55185C5.64639 9.58751 5.57217 9.63898 5.51001 9.70333C5.44785 9.76768 5.39897 9.84364 5.36617 9.92688C5.33337 10.0101 5.31728 10.099 5.31883 10.1885C5.32038 10.2779 5.33953 10.3662 5.37519 10.4482C5.41085 10.5303 5.46233 10.6045 5.52667 10.6667L8.08667 13.2267C8.14865 13.2892 8.22238 13.3387 8.30362 13.3726C8.38486 13.4064 8.472 13.4239 8.56001 13.4239C8.64802 13.4239 8.73515 13.4064 8.81639 13.3726C8.89763 13.3387 8.97137 13.2892 9.03334 13.2267L14.4733 7.78667C14.541 7.72424 14.595 7.64847 14.632 7.56414C14.6689 7.4798 14.688 7.38873 14.688 7.29667C14.688 7.2046 14.6689 7.11353 14.632 7.02919C14.595 6.94486 14.541 6.86909 14.4733 6.80667Z" fill="black"></path>
+            </svg>
+            <span class="ml-2 text-white tracking-tight">Advanced Statistic With Smart System</span>
+          </li>
+          <li class="flex items-center">
+            <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9936 4.47982 15.5202 0.00642897 10 0Z" fill="#25CA8E"></path>
+              <path d="M14.4733 6.80667C14.4114 6.74418 14.3376 6.69458 14.2564 6.66074C14.1752 6.62689 14.088 6.60947 14 6.60947C13.912 6.60947 13.8249 6.62689 13.7436 6.66074C13.6624 6.69458 13.5886 6.74418 13.5267 6.80667L8.56001 11.78L6.47334 9.68667C6.40899 9.62451 6.33303 9.57563 6.2498 9.54283C6.16656 9.51003 6.07768 9.49394 5.98822 9.49549C5.89877 9.49703 5.8105 9.51619 5.72844 9.55185C5.64639 9.58751 5.57217 9.63898 5.51001 9.70333C5.44785 9.76768 5.39897 9.84364 5.36617 9.92688C5.33337 10.0101 5.31728 10.099 5.31883 10.1885C5.32038 10.2779 5.33953 10.3662 5.37519 10.4482C5.41085 10.5303 5.46233 10.6045 5.52667 10.6667L8.08667 13.2267C8.14865 13.2892 8.22238 13.3387 8.30362 13.3726C8.38486 13.4064 8.472 13.4239 8.56001 13.4239C8.64802 13.4239 8.73515 13.4064 8.81639 13.3726C8.89763 13.3387 8.97137 13.2892 9.03334 13.2267L14.4733 7.78667C14.541 7.72424 14.595 7.64847 14.632 7.56414C14.6689 7.4798 14.688 7.38873 14.688 7.29667C14.688 7.2046 14.6689 7.11353 14.632 7.02919C14.595 6.94486 14.541 6.86909 14.4733 6.80667Z" fill="black"></path>
+            </svg>
+            <span class="ml-2 text-white tracking-tight">Powered by state-of-the-art AI</span>
+          </li>
+        </ul>
+        <div class="flex items-center flex-row">
+          <a class="inline-block h-16 xs:h-12 mr-3" href="#">
+            <img class="block h-full object-contain" src="casper-assets/download/button1.png" alt="">
+          </a>
+          <a class="inline-block h-16 xs:h-12" href="#">
+            <img class="block h-full object-contain" src="casper-assets/download/button2.png" alt="">
+          </a>
+        </div>
+        <img class="block md:hidden max-w-xs mx-auto mt-20" src="casper-assets/download/silver-phone-left.png" alt="">
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-UyplQkUY.html b/components/unsorted/casper-all-UyplQkUY.html
new file mode 100644
index 0000000..a32ffa7
--- /dev/null
+++ b/components/unsorted/casper-all-UyplQkUY.html
@@ -0,0 +1,104 @@
+<div><section class="relative pb-8 bg-body overflow-hidden">
+    <nav class="relative z-10 py-7">
+      <div class="container mx-auto px-4">
+        <div class="relative flex items-center justify-between">
+          <a class="inline-block" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo-white.svg" alt="">
+          </a>
+          <div class="flex items-center justify-end">
+            <div class="hidden lg:block mr-10"><a class="inline-flex py-2 px-4 mr-4 items-center justify-center text-sm font-medium uppercase text-white hover:text-violet-500" href="#">SIGN IN</a><a class="inline-flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+            <button class="navbar-burger text-white hover:text-violet-500">
+              <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3 16H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M3 8H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M20 24L29 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <img class="absolute top-0 right-0" src="casper-assets/headers/circle-double-element-dark.svg" alt="">
+    <div class="relative py-10">
+      <img class="hidden sm:block absolute bottom-0 right-0 xl:mr-20 md:mb-10 animate-spinStar" src="casper-assets/headers/blink.png" alt="">
+      <img class="hidden sm:block absolute top-0 left-0 md:ml-16 mt-4 animate-spinStar" src="casper-assets/headers/blink-sm.png" alt="">
+      <div class="container mx-auto px-4">
+        <div class="text-center">
+          <h1 class="font-heading text-6xl md:text-8xl xl:text-9xl font-semibold text-white tracking-tight">
+            <span>CASPER</span>
+            <span class="-ml-4 bg-clip-text text-transparent bg-gradient-to-br from-violet-900 via-blueGray-900 to-sky-900">AI</span>
+          </h1>
+        </div>
+      </div>
+    </div>
+    <div class="relative container mx-auto px-4">
+      <div class="flex flex-wrap -mx-4">
+        <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+          <a class="group block max-w-md mx-auto lg:max-w-none bg-radial to-indigo-900 from-blueGray-800 rounded-3xl overflow-hidden" href="#">
+            <div class="relative h-148 bg-opacity-0 bg-blueGray-800 group-hover:bg-opacity-100 transition duration-500">
+              <div class="absolute top-0 left-0 w-full h-full flex items-center justify-center">
+                <img class="h-96 transform group-hover:scale-105 transition duration-300" src="casper-assets/headers/plant-robo.png" alt="">
+              </div>
+              <div class="relative flex flex-col p-10 h-full">
+                <span class="block text-5xl text-white font-medium">01</span>
+                <span class="block mt-auto text-4xl text-white">Chat</span>
+                <span class="block text-4xl text-white">Assistant</span>
+              </div>
+            </div>
+          </a>
+        </div>
+        <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+          <a class="group block max-w-md mx-auto lg:max-w-none bg-radial to-orange-800 from-orange-600 rounded-3xl overflow-hidden" href="#">
+            <div class="relative h-148 bg-opacity-0 bg-orange-600 group-hover:bg-opacity-100 transition duration-500">
+              <div class="absolute top-0 left-0 w-full h-full flex items-center justify-center">
+                <img class="h-96 transform group-hover:scale-105 transition duration-300" src="casper-assets/headers/box-items.png" alt="">
+              </div>
+              <div class="relative flex flex-col p-10 h-full">
+                <span class="block text-5xl text-white font-medium">02</span>
+                <span class="block mt-auto text-4xl text-white">Image</span>
+                <span class="block text-4xl text-white">Optimzing</span>
+              </div>
+            </div>
+          </a>
+        </div>
+        <div class="w-full lg:w-1/3 px-4">
+          <a class="group block max-w-md mx-auto lg:max-w-none bg-radial to-teal-800 from-teal-600 rounded-3xl overflow-hidden" href="#">
+            <div class="relative h-148 bg-opacity-0 bg-teal-600 group-hover:bg-opacity-100 transition duration-500">
+              <div class="absolute top-0 left-0 w-full h-full flex items-center justify-center">
+                <img class="h-96 px-4 transform group-hover:scale-105 transition duration-300" src="casper-assets/headers/robot-knight.png" alt="">
+              </div>
+              <div class="relative flex flex-col p-10 h-full">
+                <span class="block text-5xl text-white font-medium">02</span>
+                <span class="block mt-auto text-4xl text-white">Content</span>
+                <span class="block text-4xl text-white">Copywriting</span>
+              </div>
+            </div>
+          </a>
+        </div>
+      </div>
+    </div>
+    <div class="hidden navbar-menu fixed top-0 left-0 bottom-0 w-5/6 max-w-md z-50">
+      <div class="navbar-backdrop fixed inset-0 bg-violet-900 opacity-20"></div>
+      <nav class="relative flex flex-col py-7 px-10 w-full h-full bg-white overflow-y-auto">
+        <div class="flex mb-auto items-center">
+          <a class="inline-block mr-auto" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo.svg" alt="">
+          </a>
+          <a class="navbar-close" href="#">
+            <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M6 18L18 6M6 6L18 18" stroke="#111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+            </svg>
+          </a>
+        </div>
+        <div class="py-12 mb-auto">
+          <ul class="flex-col">
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">FEATURED</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">SOLUTIONS</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">PRODUCTS</a></li>
+            <li><a class="inline-block text-base text-black font-medium uppercase" href="#">ARTICLES</a></li>
+          </ul>
+        </div>
+        <div><a class="flex py-2 px-4 mb-4 items-center justify-center text-sm font-medium uppercase text-violet-900 hover:text-violet-500" href="#">SIGN IN</a><a class="flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+      </nav>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-VUnIHQBk.html b/components/unsorted/casper-all-VUnIHQBk.html
new file mode 100644
index 0000000..6e11799
--- /dev/null
+++ b/components/unsorted/casper-all-VUnIHQBk.html
@@ -0,0 +1,134 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <img class="hidden md:block absolute top-0 right-0 w-32 lg:w-auto mt-24 xl:mt-0 -mr-8 lg:-mr-24 xl:-mr-0 z-10 animate-movePlant" src="casper-assets/faq/shield-robot.png" alt="">
+      <img class="hidden md:block absolute top-0 left-0 w-40 lg:w-auto -ml-8 lg:-ml-18 xl:-ml-0 lg:mt-96 z-10 animate-movePlanet" src="casper-assets/faq/robot-ball.png" alt="">
+      <div class="absolute top-0 left-0 -ml-40 -mt-80 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="absolute bottom-0 right-0 mb-52 w-160 h-160 bg-gradient-to-t from-violet-900 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="relative text-center mb-14">
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-8">Frequently Ask Questions</h2>
+        <p class="text-lg text-gray-500 tracking-tight">Nunc et tellus non erat accumsan aliquam eget non mi.</p>
+      </div>
+      <div class="relative max-w-2xl xl:max-w-4xl mx-auto">
+        <button class="group block w-full p-8 mb-6 text-left bg-white bg-opacity-10 rounded-3xl">
+          <div class="flex items-start justify-between">
+            <div class="pr-4">
+              <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">Do you provide a complete design style?</h4>
+              <p class="hidden group-hover:block max-w-xl mt-5 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+            </div>
+            <div>
+              <span class="hidden group-hover:block">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16663H4.16668C3.94566 9.16663 3.7337 9.25442 3.57742 9.4107C3.42114 9.56698 3.33334 9.77895 3.33334 9.99996C3.33334 10.221 3.42114 10.4329 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.4329 16.6667 10.221 16.6667 9.99996C16.6667 9.77895 16.5789 9.56698 16.4226 9.4107C16.2663 9.25442 16.0544 9.16663 15.8333 9.16663Z" fill="#B680ED"></path>
+                </svg>
+              </span>
+              <span class="block group-hover:hidden">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16665H10.8333V4.16665C10.8333 3.94563 10.7455 3.73367 10.5893 3.57739C10.433 3.42111 10.221 3.33331 10 3.33331C9.779 3.33331 9.56703 3.42111 9.41075 3.57739C9.25447 3.73367 9.16668 3.94563 9.16668 4.16665V9.16665H4.16668C3.94566 9.16665 3.7337 9.25444 3.57742 9.41072C3.42114 9.567 3.33334 9.77897 3.33334 9.99998C3.33334 10.221 3.42114 10.433 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H9.16668V15.8333C9.16668 16.0543 9.25447 16.2663 9.41075 16.4226C9.56703 16.5788 9.779 16.6666 10 16.6666C10.221 16.6666 10.433 16.5788 10.5893 16.4226C10.7455 16.2663 10.8333 16.0543 10.8333 15.8333V10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.433 16.6667 10.221 16.6667 9.99998C16.6667 9.77897 16.5789 9.567 16.4226 9.41072C16.2663 9.25444 16.0544 9.16665 15.8333 9.16665Z" fill="white"></path>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </button>
+        <button class="group block w-full p-8 mb-6 text-left bg-white bg-opacity-10 rounded-3xl">
+          <div class="flex items-start justify-between">
+            <div class="pr-4">
+              <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">Do you have any terms & conditions?</h4>
+              <p class="hidden group-hover:block max-w-xl mt-5 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+            </div>
+            <div>
+              <span class="hidden group-hover:block">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16663H4.16668C3.94566 9.16663 3.7337 9.25442 3.57742 9.4107C3.42114 9.56698 3.33334 9.77895 3.33334 9.99996C3.33334 10.221 3.42114 10.4329 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.4329 16.6667 10.221 16.6667 9.99996C16.6667 9.77895 16.5789 9.56698 16.4226 9.4107C16.2663 9.25442 16.0544 9.16663 15.8333 9.16663Z" fill="#B680ED"></path>
+                </svg>
+              </span>
+              <span class="block group-hover:hidden">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16665H10.8333V4.16665C10.8333 3.94563 10.7455 3.73367 10.5893 3.57739C10.433 3.42111 10.221 3.33331 10 3.33331C9.779 3.33331 9.56703 3.42111 9.41075 3.57739C9.25447 3.73367 9.16668 3.94563 9.16668 4.16665V9.16665H4.16668C3.94566 9.16665 3.7337 9.25444 3.57742 9.41072C3.42114 9.567 3.33334 9.77897 3.33334 9.99998C3.33334 10.221 3.42114 10.433 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H9.16668V15.8333C9.16668 16.0543 9.25447 16.2663 9.41075 16.4226C9.56703 16.5788 9.779 16.6666 10 16.6666C10.221 16.6666 10.433 16.5788 10.5893 16.4226C10.7455 16.2663 10.8333 16.0543 10.8333 15.8333V10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.433 16.6667 10.221 16.6667 9.99998C16.6667 9.77897 16.5789 9.567 16.4226 9.41072C16.2663 9.25444 16.0544 9.16665 15.8333 9.16665Z" fill="white"></path>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </button>
+        <button class="group block w-full p-8 mb-6 text-left bg-white bg-opacity-10 rounded-3xl">
+          <div class="flex items-start justify-between">
+            <div class="pr-4">
+              <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">How to apply Casper to our project?</h4>
+              <p class="hidden group-hover:block max-w-xl mt-5 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+            </div>
+            <div>
+              <span class="hidden group-hover:block">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16663H4.16668C3.94566 9.16663 3.7337 9.25442 3.57742 9.4107C3.42114 9.56698 3.33334 9.77895 3.33334 9.99996C3.33334 10.221 3.42114 10.4329 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.4329 16.6667 10.221 16.6667 9.99996C16.6667 9.77895 16.5789 9.56698 16.4226 9.4107C16.2663 9.25442 16.0544 9.16663 15.8333 9.16663Z" fill="#B680ED"></path>
+                </svg>
+              </span>
+              <span class="block group-hover:hidden">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16665H10.8333V4.16665C10.8333 3.94563 10.7455 3.73367 10.5893 3.57739C10.433 3.42111 10.221 3.33331 10 3.33331C9.779 3.33331 9.56703 3.42111 9.41075 3.57739C9.25447 3.73367 9.16668 3.94563 9.16668 4.16665V9.16665H4.16668C3.94566 9.16665 3.7337 9.25444 3.57742 9.41072C3.42114 9.567 3.33334 9.77897 3.33334 9.99998C3.33334 10.221 3.42114 10.433 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H9.16668V15.8333C9.16668 16.0543 9.25447 16.2663 9.41075 16.4226C9.56703 16.5788 9.779 16.6666 10 16.6666C10.221 16.6666 10.433 16.5788 10.5893 16.4226C10.7455 16.2663 10.8333 16.0543 10.8333 15.8333V10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.433 16.6667 10.221 16.6667 9.99998C16.6667 9.77897 16.5789 9.567 16.4226 9.41072C16.2663 9.25444 16.0544 9.16665 15.8333 9.16665Z" fill="white"></path>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </button>
+        <button class="group block w-full p-8 mb-6 text-left bg-white bg-opacity-10 rounded-3xl">
+          <div class="flex items-start justify-between">
+            <div class="pr-4">
+              <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">How was the Terms & Condition?</h4>
+              <p class="hidden group-hover:block max-w-xl mt-5 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+            </div>
+            <div>
+              <span class="hidden group-hover:block">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16663H4.16668C3.94566 9.16663 3.7337 9.25442 3.57742 9.4107C3.42114 9.56698 3.33334 9.77895 3.33334 9.99996C3.33334 10.221 3.42114 10.4329 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.4329 16.6667 10.221 16.6667 9.99996C16.6667 9.77895 16.5789 9.56698 16.4226 9.4107C16.2663 9.25442 16.0544 9.16663 15.8333 9.16663Z" fill="#B680ED"></path>
+                </svg>
+              </span>
+              <span class="block group-hover:hidden">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16665H10.8333V4.16665C10.8333 3.94563 10.7455 3.73367 10.5893 3.57739C10.433 3.42111 10.221 3.33331 10 3.33331C9.779 3.33331 9.56703 3.42111 9.41075 3.57739C9.25447 3.73367 9.16668 3.94563 9.16668 4.16665V9.16665H4.16668C3.94566 9.16665 3.7337 9.25444 3.57742 9.41072C3.42114 9.567 3.33334 9.77897 3.33334 9.99998C3.33334 10.221 3.42114 10.433 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H9.16668V15.8333C9.16668 16.0543 9.25447 16.2663 9.41075 16.4226C9.56703 16.5788 9.779 16.6666 10 16.6666C10.221 16.6666 10.433 16.5788 10.5893 16.4226C10.7455 16.2663 10.8333 16.0543 10.8333 15.8333V10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.433 16.6667 10.221 16.6667 9.99998C16.6667 9.77897 16.5789 9.567 16.4226 9.41072C16.2663 9.25444 16.0544 9.16665 15.8333 9.16665Z" fill="white"></path>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </button>
+        <button class="group block w-full p-8 mb-6 text-left bg-white bg-opacity-10 rounded-3xl">
+          <div class="flex items-start justify-between">
+            <div class="pr-4">
+              <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">How much we can buy this product?</h4>
+              <p class="hidden group-hover:block max-w-xl mt-5 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+            </div>
+            <div>
+              <span class="hidden group-hover:block">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16663H4.16668C3.94566 9.16663 3.7337 9.25442 3.57742 9.4107C3.42114 9.56698 3.33334 9.77895 3.33334 9.99996C3.33334 10.221 3.42114 10.4329 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.4329 16.6667 10.221 16.6667 9.99996C16.6667 9.77895 16.5789 9.56698 16.4226 9.4107C16.2663 9.25442 16.0544 9.16663 15.8333 9.16663Z" fill="#B680ED"></path>
+                </svg>
+              </span>
+              <span class="block group-hover:hidden">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16665H10.8333V4.16665C10.8333 3.94563 10.7455 3.73367 10.5893 3.57739C10.433 3.42111 10.221 3.33331 10 3.33331C9.779 3.33331 9.56703 3.42111 9.41075 3.57739C9.25447 3.73367 9.16668 3.94563 9.16668 4.16665V9.16665H4.16668C3.94566 9.16665 3.7337 9.25444 3.57742 9.41072C3.42114 9.567 3.33334 9.77897 3.33334 9.99998C3.33334 10.221 3.42114 10.433 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H9.16668V15.8333C9.16668 16.0543 9.25447 16.2663 9.41075 16.4226C9.56703 16.5788 9.779 16.6666 10 16.6666C10.221 16.6666 10.433 16.5788 10.5893 16.4226C10.7455 16.2663 10.8333 16.0543 10.8333 15.8333V10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.433 16.6667 10.221 16.6667 9.99998C16.6667 9.77897 16.5789 9.567 16.4226 9.41072C16.2663 9.25444 16.0544 9.16665 15.8333 9.16665Z" fill="white"></path>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </button>
+        <button class="group block w-full p-8 text-left bg-white bg-opacity-10 rounded-3xl">
+          <div class="flex items-start justify-between">
+            <div class="pr-4">
+              <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">How was the license?</h4>
+              <p class="hidden group-hover:block max-w-xl mt-5 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+            </div>
+            <div>
+              <span class="hidden group-hover:block">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16663H4.16668C3.94566 9.16663 3.7337 9.25442 3.57742 9.4107C3.42114 9.56698 3.33334 9.77895 3.33334 9.99996C3.33334 10.221 3.42114 10.4329 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.4329 16.6667 10.221 16.6667 9.99996C16.6667 9.77895 16.5789 9.56698 16.4226 9.4107C16.2663 9.25442 16.0544 9.16663 15.8333 9.16663Z" fill="#B680ED"></path>
+                </svg>
+              </span>
+              <span class="block group-hover:hidden">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16665H10.8333V4.16665C10.8333 3.94563 10.7455 3.73367 10.5893 3.57739C10.433 3.42111 10.221 3.33331 10 3.33331C9.779 3.33331 9.56703 3.42111 9.41075 3.57739C9.25447 3.73367 9.16668 3.94563 9.16668 4.16665V9.16665H4.16668C3.94566 9.16665 3.7337 9.25444 3.57742 9.41072C3.42114 9.567 3.33334 9.77897 3.33334 9.99998C3.33334 10.221 3.42114 10.433 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H9.16668V15.8333C9.16668 16.0543 9.25447 16.2663 9.41075 16.4226C9.56703 16.5788 9.779 16.6666 10 16.6666C10.221 16.6666 10.433 16.5788 10.5893 16.4226C10.7455 16.2663 10.8333 16.0543 10.8333 15.8333V10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.433 16.6667 10.221 16.6667 9.99998C16.6667 9.77897 16.5789 9.567 16.4226 9.41072C16.2663 9.25444 16.0544 9.16665 15.8333 9.16665Z" fill="white"></path>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </button>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-VVxlLawK.html b/components/unsorted/casper-all-VVxlLawK.html
new file mode 100644
index 0000000..7a81f33
--- /dev/null
+++ b/components/unsorted/casper-all-VVxlLawK.html
@@ -0,0 +1,36 @@
+<div><section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <img class="absolute top-0 left-0 w-full h-full" src="casper-assets/newsletter/bg-gradient.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <img class="hidden md:block absolute top-0 right-0 mt-24 lg:mt-14 mr-6 lg:mr-40 animate-spinStar" src="casper-assets/newsletter/blink-star.png" alt="">
+      <div class="relative max-w-lg mx-auto mb-12 text-center">
+        <h2 class="font-heading text-5xl sm:text-7xl text-black font-medium tracking-tight mb-6">Stay up to Date</h2>
+        <p class="text-lg text-gray-900 mb-16">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+        <div class="text-left">
+          <span class="block mb-2 text-sm font-medium text-black leading-snug">Email</span>
+          <div class="sm:flex mb-5">
+            <input class="block w-full mb-4 sm:mb-0 sm:mr-3 py-2 px-3 h-11 bg-white bg-opacity-80 border border-white focus:border-violet-500 rounded-lg text-sm placeholder-gray-800 text-black outline-none" type="email" placeholder="casper@shuffle.dev">
+            <button class="sm:flex-shrink-0 flex w-full sm:w-auto h-11 py-2 px-5 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" type="submit">
+              <span class="mr-2">Submit</span>
+              <svg width="25" height="24" viewbox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M18.4199 6.62C18.3185 6.37565 18.1243 6.18147 17.8799 6.08C17.7597 6.02876 17.6306 6.00158 17.4999 6H7.49994C7.23472 6 6.98037 6.10536 6.79283 6.29289C6.6053 6.48043 6.49994 6.73478 6.49994 7C6.49994 7.26522 6.6053 7.51957 6.79283 7.70711C6.98037 7.89464 7.23472 8 7.49994 8H15.0899L6.78994 16.29C6.69621 16.383 6.62182 16.4936 6.57105 16.6154C6.52028 16.7373 6.49414 16.868 6.49414 17C6.49414 17.132 6.52028 17.2627 6.57105 17.3846C6.62182 17.5064 6.69621 17.617 6.78994 17.71C6.8829 17.8037 6.9935 17.8781 7.11536 17.9289C7.23722 17.9797 7.36793 18.0058 7.49994 18.0058C7.63195 18.0058 7.76266 17.9797 7.88452 17.9289C8.00638 17.8781 8.11698 17.8037 8.20994 17.71L16.4999 9.41V17C16.4999 17.2652 16.6053 17.5196 16.7928 17.7071C16.9804 17.8946 17.2347 18 17.4999 18C17.7652 18 18.0195 17.8946 18.207 17.7071C18.3946 17.5196 18.4999 17.2652 18.4999 17V7C18.4984 6.86932 18.4712 6.74022 18.4199 6.62Z" fill="currentColor"></path>
+              </svg>
+            </button>
+          </div>
+          <label class="custom-checkbox flex items-center relative h-8 cursor-pointer">
+            <p class="inline-block ml-6 text-sm text-black">
+              <span>I agree with</span>
+              <a class="inline-block font-medium text-sky-900 hover:text-violet-500" href="#">Privacy Policy</a>
+              <span>and</span>
+              <a class="inline-block font-medium text-sky-900 hover:text-violet-500" href="#">Terms of Conditions</a>
+            </p>
+            <input class="absolute top-0 left-0 transform translate-y-1/2 w-4 h-4 opacity-0" type="checkbox" checked="">
+            <span class="custom-check absolute top-0 left-0 transform translate-y-1/2 flex h-4 w-4 items-center justify-center bg-violet-400 border border-violet-700 rounded">
+              <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12.4733 4.80667C12.4114 4.74418 12.3376 4.69458 12.2564 4.66074C12.1752 4.62689 12.088 4.60947 12 4.60947C11.912 4.60947 11.8249 4.62689 11.7436 4.66074C11.6624 4.69458 11.5886 4.74418 11.5267 4.80667L6.56001 9.78L4.47334 7.68667C4.40899 7.62451 4.33303 7.57563 4.2498 7.54283C4.16656 7.51003 4.07768 7.49394 3.98822 7.49549C3.89877 7.49703 3.8105 7.51619 3.72844 7.55185C3.64639 7.58751 3.57217 7.63898 3.51001 7.70333C3.44785 7.76768 3.39897 7.84364 3.36617 7.92688C3.33337 8.01011 3.31728 8.099 3.31883 8.18845C3.32038 8.2779 3.33953 8.36618 3.37519 8.44823C3.41085 8.53028 3.46233 8.60451 3.52667 8.66667L6.08667 11.2267C6.14865 11.2892 6.22238 11.3387 6.30362 11.3726C6.38486 11.4064 6.472 11.4239 6.56001 11.4239C6.64802 11.4239 6.73515 11.4064 6.81639 11.3726C6.89763 11.3387 6.97137 11.2892 7.03334 11.2267L12.4733 5.78667C12.541 5.72424 12.595 5.64847 12.632 5.56414C12.6689 5.4798 12.688 5.38873 12.688 5.29667C12.688 5.2046 12.6689 5.11353 12.632 5.02919C12.595 4.94486 12.541 4.86909 12.4733 4.80667Z" fill="currentColor"></path>
+              </svg>
+            </span>
+          </label>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-VxnepLgv.html b/components/unsorted/casper-all-VxnepLgv.html
new file mode 100644
index 0000000..710af65
--- /dev/null
+++ b/components/unsorted/casper-all-VxnepLgv.html
@@ -0,0 +1,70 @@
+<div><section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 -mt-80 -ml-32 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="absolute bottom-0 right-0 -mb-20 -mr-52 w-186 h-186 bg-gradient-to-t from-blue-500 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <img class="hidden lg:block absolute bottom-0 right-0 -mr-32 xl:-mr-10 animate-movePlant" src="casper-assets/pricing/robot-fly.png" alt="">
+      <div class="relative max-w-2xl mx-auto mb-14 text-center">
+        <img class="hidden md:block absolute bottom-0 left-0 -ml-40 lg:-ml-80 xl:-ml-112 lg:-mb-24 w-52 lg:w-auto animate-movePlanet" src="casper-assets/pricing/planet.png" alt="">
+        <span class="inline-flex items-center px-3.5 h-7 mb-4 text-xs font-medium text-white leading-6 bg-gradient-tag rounded-full">PRICING PLAN</span>
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl xl:text-7xl font-medium text-white tracking-tight mb-4">Choose Your Plan</h2>
+        <div class="flex items-center justify-center">
+          <span class="text-xl tracking-tight text-white">Billed Monthly</span>
+          <div class="inline-flex items-center mx-4 h-6 p-0.5 bg-violet-400 rounded-full">
+            <button class="inline-block w-5 h-5 rounded-full bg-transparent"></button>
+            <button class="inline-block w-5 h-5 rounded-full bg-violet-800"></button>
+          </div>
+          <span class="text-xl tracking-tight text-white">Billed Yearly</span>
+        </div>
+      </div>
+      <div class="relative max-w-xs sm:max-w-md md:max-w-3xl mx-auto mb-8 p-10 rounded-3xl overflow-hidden">
+        <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20 group-hover:bg-violet-400 group-hover:bg-opacity-100 transition duration-150"></div>
+        <div class="relative flex flex-wrap md:flex-nowrap -mx-4 items-center">
+          <div class="w-full md:w-auto px-4 mb-8 md:mb-0">
+            <div class="sm:flex items-center">
+              <img src="casper-assets/pricing/robot-sm.png" alt="">
+              <div class="max-w-xs mt-3 sm:mt-0 sm:ml-8">
+                <h3 class="text-3xl font-medium text-white">Basic</h3>
+                <p class="text-sm text-gray-300">Simply dummy text of the printing and typesetting industry.</p>
+              </div>
+            </div>
+          </div>
+          <div class="w-full md:w-auto ml-auto flex-shrink-0 px-4">
+            <div>
+              <span class="block mb-3 text-4xl font-medium text-white">$25</span>
+              <a class="group inline-flex w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-violet-500 bg-violet-500 hover:bg-white transition duration-200 rounded-full" href="#">
+                <span class="mr-2">CHOOSE PLAN</span>
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                </svg>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="relative max-w-xs sm:max-w-md md:max-w-3xl mx-auto mb-8 p-10 rounded-3xl overflow-hidden">
+        <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20 group-hover:bg-violet-400 group-hover:bg-opacity-100 transition duration-150"></div>
+        <div class="relative flex flex-wrap md:flex-nowrap -mx-4 items-center">
+          <div class="w-full md:w-auto px-4 mb-8 md:mb-0">
+            <div class="sm:flex items-center">
+              <img src="casper-assets/pricing/robot.png" alt="">
+              <div class="max-w-xs mt-3 sm:mt-0 sm:ml-8">
+                <h3 class="text-3xl font-medium text-white">Advanced</h3>
+                <p class="text-sm text-gray-300">Simply dummy text of the printing and typesetting industry.</p>
+              </div>
+            </div>
+          </div>
+          <div class="w-full md:w-auto ml-auto flex-shrink-0 px-4">
+            <div>
+              <span class="block mb-3 text-4xl font-medium text-white">$50</span>
+              <a class="group inline-flex w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-violet-500 bg-violet-500 hover:bg-white transition duration-200 rounded-full" href="#">
+                <span class="mr-2">CHOOSE PLAN</span>
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                </svg>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-WFSnfZjH.html b/components/unsorted/casper-all-WFSnfZjH.html
new file mode 100644
index 0000000..99b8caf
--- /dev/null
+++ b/components/unsorted/casper-all-WFSnfZjH.html
@@ -0,0 +1,106 @@
+<div> <section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <img class="absolute bottom-0 right-0" src="casper-assets/team/lines-circle.svg" alt="">
+    <img class="hidden md:block absolute top-0 right-0 md:mr-20 xl:mr-52 mt-12 animate-spinStar" src="casper-assets/team/blink-star.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 xl:ml-40 w-160 h-160 bg-gradient-to-t from-purple-700 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="absolute top-0 right-0 xl:mr-40 w-160 h-160 bg-gradient-to-t from-violet-900 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-md lg:max-w-none mx-auto">
+        <div class="flex flex-wrap items-end -mx-4 mb-16">
+          <div class="w-full lg:w-1/2 px-4 mb-16 lg:mb-0">
+            <div class="max-w-2xl">
+              <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-6">Get to know our amazing Team</h2>
+              <p class="text-xl text-gray-500">Mi turpis turpis in justo pellentesque id nibh praesent.</p>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4 lg:text-right">
+            <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">
+              <span class="mr-2">SHOW ALL PEOPLE</span>
+              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+              </svg>
+            </a>
+          </div>
+        </div>
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <div class="py-10 px-6 rounded-3xl shadow-box-orange overflow-hidden bg-white bg-opacity-10">
+              <div class="text-center">
+                <img class="block w-24 h-24 mx-auto mb-6" src="casper-assets/team/avatar-2-sm.png" alt="">
+                <span class="block text-2xl font-medium text-white">Wade Warren</span>
+                <span class="block text-base text-violet-500 font-medium mb-2">CEO & Founder</span>
+                <div>
+                  <a class="inline-flex w-8 h-8 mr-2 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M11.9763 3.99002H13.3863V1.60502C12.7036 1.53403 12.0176 1.49898 11.3313 1.50002C9.29125 1.50002 7.89625 2.74502 7.89625 5.02502V6.99002H5.59375V9.66002H7.89625V16.5H10.6562V9.66002H12.9513L13.2962 6.99002H10.6562V5.28752C10.6562 4.50002 10.8663 3.99002 11.9763 3.99002Z" fill="black"></path>
+                    </svg>
+                  </a>
+                  <a class="inline-flex w-8 h-8 mr-2 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M15.9891 1.49998H3.28414C3.14132 1.498 2.99952 1.52417 2.86681 1.577C2.73411 1.62982 2.61312 1.70827 2.51074 1.80787C2.40836 1.90746 2.3266 2.02625 2.27013 2.15744C2.21367 2.28863 2.1836 2.42967 2.18164 2.57248V15.4275C2.1836 15.5703 2.21367 15.7113 2.27013 15.8425C2.3266 15.9737 2.40836 16.0925 2.51074 16.1921C2.61312 16.2917 2.73411 16.3701 2.86681 16.423C2.99952 16.4758 3.14132 16.502 3.28414 16.5H15.9891C16.132 16.502 16.2738 16.4758 16.4065 16.423C16.5392 16.3701 16.6602 16.2917 16.7625 16.1921C16.8649 16.0925 16.9467 15.9737 17.0031 15.8425C17.0596 15.7113 17.0897 15.5703 17.0916 15.4275V2.57248C17.0897 2.42967 17.0596 2.28863 17.0031 2.15744C16.9467 2.02625 16.8649 1.90746 16.7625 1.80787C16.6602 1.70827 16.5392 1.62982 16.4065 1.577C16.2738 1.52417 16.132 1.498 15.9891 1.49998ZM6.70414 14.055H4.45414V7.30498H6.70414V14.055ZM5.57914 6.35998C5.26884 6.35998 4.97124 6.23672 4.75183 6.0173C4.53241 5.79788 4.40914 5.50029 4.40914 5.18998C4.40914 4.87968 4.53241 4.58209 4.75183 4.36267C4.97124 4.14325 5.26884 4.01998 5.57914 4.01998C5.74391 4.0013 5.91077 4.01762 6.0688 4.0679C6.22682 4.11817 6.37244 4.20125 6.49613 4.3117C6.61982 4.42216 6.71878 4.55749 6.78654 4.70884C6.8543 4.8602 6.88933 5.02415 6.88933 5.18998C6.88933 5.35581 6.8543 5.51977 6.78654 5.67112C6.71878 5.82247 6.61982 5.95781 6.49613 6.06826C6.37244 6.17872 6.22682 6.2618 6.0688 6.31207C5.91077 6.36234 5.74391 6.37867 5.57914 6.35998ZM14.8191 14.055H12.5691V10.4325C12.5691 9.52498 12.2466 8.93248 11.4291 8.93248C11.1761 8.93434 10.9298 9.01369 10.7233 9.15986C10.5168 9.30603 10.36 9.51199 10.2741 9.74998C10.2154 9.92626 10.19 10.1119 10.1991 10.2975V14.0475H7.94914C7.94914 14.0475 7.94914 7.91248 7.94914 7.29748H10.1991V8.24998C10.4035 7.89531 10.7008 7.60312 11.059 7.40488C11.4171 7.20665 11.8226 7.10987 12.2316 7.12498C13.7316 7.12498 14.8191 8.09248 14.8191 10.17V14.055Z" fill="black"></path>
+                    </svg>
+                  </a>
+                  <a class="inline-flex w-8 h-8 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M9.63672 7.14C9.26885 7.14 8.90923 7.24909 8.60336 7.45347C8.29748 7.65785 8.05908 7.94834 7.9183 8.28821C7.77752 8.62808 7.74069 9.00206 7.81246 9.36287C7.88423 9.72367 8.06137 10.0551 8.3215 10.3152C8.58163 10.5753 8.91305 10.7525 9.27385 10.8243C9.63466 10.896 10.0086 10.8592 10.3485 10.7184C10.6884 10.5776 10.9789 10.3392 11.1833 10.0334C11.3876 9.72749 11.4967 9.36787 11.4967 9C11.4967 8.75574 11.4486 8.51387 11.3551 8.28821C11.2617 8.06254 11.1247 7.8575 10.9519 7.68478C10.7792 7.51206 10.5742 7.37506 10.3485 7.28158C10.1228 7.18811 9.88098 7.14 9.63672 7.14ZM17.0842 5.3025C17.0803 4.72332 16.9736 4.14943 16.7692 3.6075C16.6187 3.21094 16.3858 2.85082 16.0858 2.55089C15.7859 2.25096 15.4258 2.01804 15.0292 1.8675C14.4873 1.6631 13.9134 1.55645 13.3342 1.5525C12.3667 1.5 12.0817 1.5 9.63672 1.5C7.19172 1.5 6.90672 1.5 5.93922 1.5525C5.36004 1.55645 4.78615 1.6631 4.24422 1.8675C3.84766 2.01804 3.48754 2.25096 3.18761 2.55089C2.88768 2.85082 2.65476 3.21094 2.50422 3.6075C2.29982 4.14943 2.19316 4.72332 2.18922 5.3025C2.13672 6.27 2.13672 6.555 2.13672 9C2.13672 11.445 2.13672 11.73 2.18922 12.6975C2.19729 13.2787 2.3038 13.8544 2.50422 14.4C2.65409 14.7947 2.88682 15.1528 3.18672 15.45C3.48536 15.7517 3.84626 15.9846 4.24422 16.1325C4.78615 16.3369 5.36004 16.4436 5.93922 16.4475C6.90672 16.5 7.19172 16.5 9.63672 16.5C12.0817 16.5 12.3667 16.5 13.3342 16.4475C13.9134 16.4436 14.4873 16.3369 15.0292 16.1325C15.4272 15.9846 15.7881 15.7517 16.0867 15.45C16.3866 15.1528 16.6193 14.7947 16.7692 14.4C16.9734 13.8554 17.0801 13.2791 17.0842 12.6975C17.1367 11.73 17.1367 11.445 17.1367 9C17.1367 6.555 17.1367 6.27 17.0842 5.3025ZM15.1792 11.3025C15.1551 11.7653 15.0564 12.2212 14.8867 12.6525C14.7411 13.0123 14.5247 13.3391 14.2502 13.6135C13.9758 13.8879 13.649 14.1044 13.2892 14.25C12.8539 14.4102 12.3954 14.4988 11.9317 14.5125C11.3392 14.5125 11.1817 14.5125 9.63672 14.5125C8.09172 14.5125 7.93422 14.5125 7.34172 14.5125C6.87802 14.4988 6.41958 14.4102 5.98422 14.25C5.6123 14.1118 5.27643 13.8913 5.00172 13.605C4.72997 13.3359 4.5201 13.0109 4.38672 12.6525C4.22589 12.2176 4.13967 11.7586 4.13172 11.295C4.13172 10.7025 4.13172 10.545 4.13172 9C4.13172 7.455 4.13172 7.2975 4.13172 6.705C4.13967 6.24137 4.22589 5.78241 4.38672 5.3475C4.52493 4.97558 4.74542 4.63971 5.03172 4.365C5.30197 4.09472 5.62667 3.88507 5.98422 3.75C6.41958 3.5898 6.87802 3.50116 7.34172 3.4875C7.93422 3.4875 8.09172 3.4875 9.63672 3.4875C11.1817 3.4875 11.3392 3.4875 11.9317 3.4875C12.3954 3.50116 12.8539 3.5898 13.2892 3.75C13.6611 3.88821 13.997 4.10871 14.2717 4.395C14.5435 4.66406 14.7533 4.9891 14.8867 5.3475C15.0469 5.78287 15.1356 6.2413 15.1492 6.705C15.1492 7.2975 15.1492 7.455 15.1492 9C15.1492 10.545 15.2017 10.7025 15.1792 11.295V11.3025ZM13.9792 5.7225C13.8899 5.48024 13.7491 5.26023 13.5666 5.07766C13.384 4.89509 13.164 4.7543 12.9217 4.665C12.5891 4.5497 12.2387 4.49384 11.8867 4.5C11.3017 4.5 11.1367 4.5 9.63672 4.5C8.13672 4.5 7.97172 4.5 7.38672 4.5C7.03292 4.50346 6.68252 4.56948 6.35172 4.695C6.11317 4.78024 5.89549 4.91528 5.71316 5.09115C5.53082 5.26702 5.38801 5.47968 5.29422 5.715C5.1853 6.04903 5.13209 6.3987 5.13672 6.75C5.13672 7.335 5.13672 7.5 5.13672 9C5.13672 10.5 5.13672 10.665 5.13672 11.25C5.14415 11.6034 5.21005 11.9531 5.33172 12.285C5.42102 12.5273 5.56181 12.7473 5.74438 12.9298C5.92695 13.1124 6.14696 13.2532 6.38922 13.3425C6.70922 13.4602 7.04596 13.526 7.38672 13.5375C7.97172 13.5375 8.13672 13.5375 9.63672 13.5375C11.1367 13.5375 11.3017 13.5375 11.8867 13.5375C12.2405 13.534 12.5909 13.468 12.9217 13.3425C13.164 13.2532 13.384 13.1124 13.5666 12.9298C13.7491 12.7473 13.8899 12.5273 13.9792 12.285C14.1047 11.9542 14.1708 11.6038 14.1742 11.25C14.1742 10.665 14.1742 10.5 14.1742 9C14.1742 7.5 14.1742 7.335 14.1742 6.75C14.1744 6.39585 14.1083 6.04479 13.9792 5.715V5.7225ZM9.63672 11.865C9.26083 11.865 8.88864 11.7908 8.54147 11.6468C8.19429 11.5027 7.87895 11.2915 7.6135 11.0254C7.34806 10.7593 7.13774 10.4434 6.99458 10.0958C6.85142 9.74827 6.77823 9.37588 6.77922 9C6.77922 8.43304 6.94744 7.87882 7.26258 7.40751C7.57773 6.93621 8.02562 6.569 8.54957 6.35238C9.07352 6.13575 9.64996 6.07946 10.2059 6.19061C10.7619 6.30177 11.2724 6.57538 11.6727 6.97681C12.0731 7.37823 12.3454 7.88943 12.4551 8.44568C12.5648 9.00193 12.507 9.57822 12.289 10.1016C12.071 10.625 11.7026 11.0719 11.2305 11.3858C10.7583 11.6997 10.2037 11.8665 9.63672 11.865ZM12.6367 6.6975C12.4709 6.67995 12.3175 6.60167 12.206 6.47773C12.0945 6.35379 12.0328 6.19297 12.0328 6.02625C12.0328 5.85953 12.0945 5.69871 12.206 5.57477C12.3175 5.45083 12.4709 5.37255 12.6367 5.355C12.8025 5.37255 12.9559 5.45083 13.0675 5.57477C13.179 5.69871 13.2407 5.85953 13.2407 6.02625C13.2407 6.19297 13.179 6.35379 13.0675 6.47773C12.9559 6.60167 12.8025 6.67995 12.6367 6.6975Z" fill="black"></path>
+                    </svg>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <div class="py-10 px-6 rounded-3xl shadow-box-orange overflow-hidden bg-white bg-opacity-10">
+              <div class="text-center">
+                <img class="block w-24 h-24 mx-auto mb-6" src="casper-assets/team/avatar-1-sm.png" alt="">
+                <span class="block text-2xl font-medium text-white">Marvin McKinney</span>
+                <span class="block text-base text-violet-500 font-medium mb-2">CEO & Founder</span>
+                <div>
+                  <a class="inline-flex w-8 h-8 mr-2 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M11.9763 3.99002H13.3863V1.60502C12.7036 1.53403 12.0176 1.49898 11.3313 1.50002C9.29125 1.50002 7.89625 2.74502 7.89625 5.02502V6.99002H5.59375V9.66002H7.89625V16.5H10.6562V9.66002H12.9513L13.2962 6.99002H10.6562V5.28752C10.6562 4.50002 10.8663 3.99002 11.9763 3.99002Z" fill="black"></path>
+                    </svg>
+                  </a>
+                  <a class="inline-flex w-8 h-8 mr-2 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M15.9891 1.49998H3.28414C3.14132 1.498 2.99952 1.52417 2.86681 1.577C2.73411 1.62982 2.61312 1.70827 2.51074 1.80787C2.40836 1.90746 2.3266 2.02625 2.27013 2.15744C2.21367 2.28863 2.1836 2.42967 2.18164 2.57248V15.4275C2.1836 15.5703 2.21367 15.7113 2.27013 15.8425C2.3266 15.9737 2.40836 16.0925 2.51074 16.1921C2.61312 16.2917 2.73411 16.3701 2.86681 16.423C2.99952 16.4758 3.14132 16.502 3.28414 16.5H15.9891C16.132 16.502 16.2738 16.4758 16.4065 16.423C16.5392 16.3701 16.6602 16.2917 16.7625 16.1921C16.8649 16.0925 16.9467 15.9737 17.0031 15.8425C17.0596 15.7113 17.0897 15.5703 17.0916 15.4275V2.57248C17.0897 2.42967 17.0596 2.28863 17.0031 2.15744C16.9467 2.02625 16.8649 1.90746 16.7625 1.80787C16.6602 1.70827 16.5392 1.62982 16.4065 1.577C16.2738 1.52417 16.132 1.498 15.9891 1.49998ZM6.70414 14.055H4.45414V7.30498H6.70414V14.055ZM5.57914 6.35998C5.26884 6.35998 4.97124 6.23672 4.75183 6.0173C4.53241 5.79788 4.40914 5.50029 4.40914 5.18998C4.40914 4.87968 4.53241 4.58209 4.75183 4.36267C4.97124 4.14325 5.26884 4.01998 5.57914 4.01998C5.74391 4.0013 5.91077 4.01762 6.0688 4.0679C6.22682 4.11817 6.37244 4.20125 6.49613 4.3117C6.61982 4.42216 6.71878 4.55749 6.78654 4.70884C6.8543 4.8602 6.88933 5.02415 6.88933 5.18998C6.88933 5.35581 6.8543 5.51977 6.78654 5.67112C6.71878 5.82247 6.61982 5.95781 6.49613 6.06826C6.37244 6.17872 6.22682 6.2618 6.0688 6.31207C5.91077 6.36234 5.74391 6.37867 5.57914 6.35998ZM14.8191 14.055H12.5691V10.4325C12.5691 9.52498 12.2466 8.93248 11.4291 8.93248C11.1761 8.93434 10.9298 9.01369 10.7233 9.15986C10.5168 9.30603 10.36 9.51199 10.2741 9.74998C10.2154 9.92626 10.19 10.1119 10.1991 10.2975V14.0475H7.94914C7.94914 14.0475 7.94914 7.91248 7.94914 7.29748H10.1991V8.24998C10.4035 7.89531 10.7008 7.60312 11.059 7.40488C11.4171 7.20665 11.8226 7.10987 12.2316 7.12498C13.7316 7.12498 14.8191 8.09248 14.8191 10.17V14.055Z" fill="black"></path>
+                    </svg>
+                  </a>
+                  <a class="inline-flex w-8 h-8 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M9.63672 7.14C9.26885 7.14 8.90923 7.24909 8.60336 7.45347C8.29748 7.65785 8.05908 7.94834 7.9183 8.28821C7.77752 8.62808 7.74069 9.00206 7.81246 9.36287C7.88423 9.72367 8.06137 10.0551 8.3215 10.3152C8.58163 10.5753 8.91305 10.7525 9.27385 10.8243C9.63466 10.896 10.0086 10.8592 10.3485 10.7184C10.6884 10.5776 10.9789 10.3392 11.1833 10.0334C11.3876 9.72749 11.4967 9.36787 11.4967 9C11.4967 8.75574 11.4486 8.51387 11.3551 8.28821C11.2617 8.06254 11.1247 7.8575 10.9519 7.68478C10.7792 7.51206 10.5742 7.37506 10.3485 7.28158C10.1228 7.18811 9.88098 7.14 9.63672 7.14ZM17.0842 5.3025C17.0803 4.72332 16.9736 4.14943 16.7692 3.6075C16.6187 3.21094 16.3858 2.85082 16.0858 2.55089C15.7859 2.25096 15.4258 2.01804 15.0292 1.8675C14.4873 1.6631 13.9134 1.55645 13.3342 1.5525C12.3667 1.5 12.0817 1.5 9.63672 1.5C7.19172 1.5 6.90672 1.5 5.93922 1.5525C5.36004 1.55645 4.78615 1.6631 4.24422 1.8675C3.84766 2.01804 3.48754 2.25096 3.18761 2.55089C2.88768 2.85082 2.65476 3.21094 2.50422 3.6075C2.29982 4.14943 2.19316 4.72332 2.18922 5.3025C2.13672 6.27 2.13672 6.555 2.13672 9C2.13672 11.445 2.13672 11.73 2.18922 12.6975C2.19729 13.2787 2.3038 13.8544 2.50422 14.4C2.65409 14.7947 2.88682 15.1528 3.18672 15.45C3.48536 15.7517 3.84626 15.9846 4.24422 16.1325C4.78615 16.3369 5.36004 16.4436 5.93922 16.4475C6.90672 16.5 7.19172 16.5 9.63672 16.5C12.0817 16.5 12.3667 16.5 13.3342 16.4475C13.9134 16.4436 14.4873 16.3369 15.0292 16.1325C15.4272 15.9846 15.7881 15.7517 16.0867 15.45C16.3866 15.1528 16.6193 14.7947 16.7692 14.4C16.9734 13.8554 17.0801 13.2791 17.0842 12.6975C17.1367 11.73 17.1367 11.445 17.1367 9C17.1367 6.555 17.1367 6.27 17.0842 5.3025ZM15.1792 11.3025C15.1551 11.7653 15.0564 12.2212 14.8867 12.6525C14.7411 13.0123 14.5247 13.3391 14.2502 13.6135C13.9758 13.8879 13.649 14.1044 13.2892 14.25C12.8539 14.4102 12.3954 14.4988 11.9317 14.5125C11.3392 14.5125 11.1817 14.5125 9.63672 14.5125C8.09172 14.5125 7.93422 14.5125 7.34172 14.5125C6.87802 14.4988 6.41958 14.4102 5.98422 14.25C5.6123 14.1118 5.27643 13.8913 5.00172 13.605C4.72997 13.3359 4.5201 13.0109 4.38672 12.6525C4.22589 12.2176 4.13967 11.7586 4.13172 11.295C4.13172 10.7025 4.13172 10.545 4.13172 9C4.13172 7.455 4.13172 7.2975 4.13172 6.705C4.13967 6.24137 4.22589 5.78241 4.38672 5.3475C4.52493 4.97558 4.74542 4.63971 5.03172 4.365C5.30197 4.09472 5.62667 3.88507 5.98422 3.75C6.41958 3.5898 6.87802 3.50116 7.34172 3.4875C7.93422 3.4875 8.09172 3.4875 9.63672 3.4875C11.1817 3.4875 11.3392 3.4875 11.9317 3.4875C12.3954 3.50116 12.8539 3.5898 13.2892 3.75C13.6611 3.88821 13.997 4.10871 14.2717 4.395C14.5435 4.66406 14.7533 4.9891 14.8867 5.3475C15.0469 5.78287 15.1356 6.2413 15.1492 6.705C15.1492 7.2975 15.1492 7.455 15.1492 9C15.1492 10.545 15.2017 10.7025 15.1792 11.295V11.3025ZM13.9792 5.7225C13.8899 5.48024 13.7491 5.26023 13.5666 5.07766C13.384 4.89509 13.164 4.7543 12.9217 4.665C12.5891 4.5497 12.2387 4.49384 11.8867 4.5C11.3017 4.5 11.1367 4.5 9.63672 4.5C8.13672 4.5 7.97172 4.5 7.38672 4.5C7.03292 4.50346 6.68252 4.56948 6.35172 4.695C6.11317 4.78024 5.89549 4.91528 5.71316 5.09115C5.53082 5.26702 5.38801 5.47968 5.29422 5.715C5.1853 6.04903 5.13209 6.3987 5.13672 6.75C5.13672 7.335 5.13672 7.5 5.13672 9C5.13672 10.5 5.13672 10.665 5.13672 11.25C5.14415 11.6034 5.21005 11.9531 5.33172 12.285C5.42102 12.5273 5.56181 12.7473 5.74438 12.9298C5.92695 13.1124 6.14696 13.2532 6.38922 13.3425C6.70922 13.4602 7.04596 13.526 7.38672 13.5375C7.97172 13.5375 8.13672 13.5375 9.63672 13.5375C11.1367 13.5375 11.3017 13.5375 11.8867 13.5375C12.2405 13.534 12.5909 13.468 12.9217 13.3425C13.164 13.2532 13.384 13.1124 13.5666 12.9298C13.7491 12.7473 13.8899 12.5273 13.9792 12.285C14.1047 11.9542 14.1708 11.6038 14.1742 11.25C14.1742 10.665 14.1742 10.5 14.1742 9C14.1742 7.5 14.1742 7.335 14.1742 6.75C14.1744 6.39585 14.1083 6.04479 13.9792 5.715V5.7225ZM9.63672 11.865C9.26083 11.865 8.88864 11.7908 8.54147 11.6468C8.19429 11.5027 7.87895 11.2915 7.6135 11.0254C7.34806 10.7593 7.13774 10.4434 6.99458 10.0958C6.85142 9.74827 6.77823 9.37588 6.77922 9C6.77922 8.43304 6.94744 7.87882 7.26258 7.40751C7.57773 6.93621 8.02562 6.569 8.54957 6.35238C9.07352 6.13575 9.64996 6.07946 10.2059 6.19061C10.7619 6.30177 11.2724 6.57538 11.6727 6.97681C12.0731 7.37823 12.3454 7.88943 12.4551 8.44568C12.5648 9.00193 12.507 9.57822 12.289 10.1016C12.071 10.625 11.7026 11.0719 11.2305 11.3858C10.7583 11.6997 10.2037 11.8665 9.63672 11.865ZM12.6367 6.6975C12.4709 6.67995 12.3175 6.60167 12.206 6.47773C12.0945 6.35379 12.0328 6.19297 12.0328 6.02625C12.0328 5.85953 12.0945 5.69871 12.206 5.57477C12.3175 5.45083 12.4709 5.37255 12.6367 5.355C12.8025 5.37255 12.9559 5.45083 13.0675 5.57477C13.179 5.69871 13.2407 5.85953 13.2407 6.02625C13.2407 6.19297 13.179 6.35379 13.0675 6.47773C12.9559 6.60167 12.8025 6.67995 12.6367 6.6975Z" fill="black"></path>
+                    </svg>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/3 px-4">
+            <div class="py-10 px-6 rounded-3xl shadow-box-orange overflow-hidden bg-white bg-opacity-10">
+              <div class="text-center">
+                <img class="block w-24 h-24 mx-auto mb-6" src="casper-assets/team/avatar-2-sm.png" alt="">
+                <span class="block text-2xl font-medium text-white">Kathryn Murphy</span>
+                <span class="block text-base text-violet-500 font-medium mb-2">CEO & Founder</span>
+                <div>
+                  <a class="inline-flex w-8 h-8 mr-2 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M11.9763 3.99002H13.3863V1.60502C12.7036 1.53403 12.0176 1.49898 11.3313 1.50002C9.29125 1.50002 7.89625 2.74502 7.89625 5.02502V6.99002H5.59375V9.66002H7.89625V16.5H10.6562V9.66002H12.9513L13.2962 6.99002H10.6562V5.28752C10.6562 4.50002 10.8663 3.99002 11.9763 3.99002Z" fill="black"></path>
+                    </svg>
+                  </a>
+                  <a class="inline-flex w-8 h-8 mr-2 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M15.9891 1.49998H3.28414C3.14132 1.498 2.99952 1.52417 2.86681 1.577C2.73411 1.62982 2.61312 1.70827 2.51074 1.80787C2.40836 1.90746 2.3266 2.02625 2.27013 2.15744C2.21367 2.28863 2.1836 2.42967 2.18164 2.57248V15.4275C2.1836 15.5703 2.21367 15.7113 2.27013 15.8425C2.3266 15.9737 2.40836 16.0925 2.51074 16.1921C2.61312 16.2917 2.73411 16.3701 2.86681 16.423C2.99952 16.4758 3.14132 16.502 3.28414 16.5H15.9891C16.132 16.502 16.2738 16.4758 16.4065 16.423C16.5392 16.3701 16.6602 16.2917 16.7625 16.1921C16.8649 16.0925 16.9467 15.9737 17.0031 15.8425C17.0596 15.7113 17.0897 15.5703 17.0916 15.4275V2.57248C17.0897 2.42967 17.0596 2.28863 17.0031 2.15744C16.9467 2.02625 16.8649 1.90746 16.7625 1.80787C16.6602 1.70827 16.5392 1.62982 16.4065 1.577C16.2738 1.52417 16.132 1.498 15.9891 1.49998ZM6.70414 14.055H4.45414V7.30498H6.70414V14.055ZM5.57914 6.35998C5.26884 6.35998 4.97124 6.23672 4.75183 6.0173C4.53241 5.79788 4.40914 5.50029 4.40914 5.18998C4.40914 4.87968 4.53241 4.58209 4.75183 4.36267C4.97124 4.14325 5.26884 4.01998 5.57914 4.01998C5.74391 4.0013 5.91077 4.01762 6.0688 4.0679C6.22682 4.11817 6.37244 4.20125 6.49613 4.3117C6.61982 4.42216 6.71878 4.55749 6.78654 4.70884C6.8543 4.8602 6.88933 5.02415 6.88933 5.18998C6.88933 5.35581 6.8543 5.51977 6.78654 5.67112C6.71878 5.82247 6.61982 5.95781 6.49613 6.06826C6.37244 6.17872 6.22682 6.2618 6.0688 6.31207C5.91077 6.36234 5.74391 6.37867 5.57914 6.35998ZM14.8191 14.055H12.5691V10.4325C12.5691 9.52498 12.2466 8.93248 11.4291 8.93248C11.1761 8.93434 10.9298 9.01369 10.7233 9.15986C10.5168 9.30603 10.36 9.51199 10.2741 9.74998C10.2154 9.92626 10.19 10.1119 10.1991 10.2975V14.0475H7.94914C7.94914 14.0475 7.94914 7.91248 7.94914 7.29748H10.1991V8.24998C10.4035 7.89531 10.7008 7.60312 11.059 7.40488C11.4171 7.20665 11.8226 7.10987 12.2316 7.12498C13.7316 7.12498 14.8191 8.09248 14.8191 10.17V14.055Z" fill="black"></path>
+                    </svg>
+                  </a>
+                  <a class="inline-flex w-8 h-8 items-center justify-center rounded-full bg-gray-100 hover:bg-violet-200" href="#">
+                    <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M9.63672 7.14C9.26885 7.14 8.90923 7.24909 8.60336 7.45347C8.29748 7.65785 8.05908 7.94834 7.9183 8.28821C7.77752 8.62808 7.74069 9.00206 7.81246 9.36287C7.88423 9.72367 8.06137 10.0551 8.3215 10.3152C8.58163 10.5753 8.91305 10.7525 9.27385 10.8243C9.63466 10.896 10.0086 10.8592 10.3485 10.7184C10.6884 10.5776 10.9789 10.3392 11.1833 10.0334C11.3876 9.72749 11.4967 9.36787 11.4967 9C11.4967 8.75574 11.4486 8.51387 11.3551 8.28821C11.2617 8.06254 11.1247 7.8575 10.9519 7.68478C10.7792 7.51206 10.5742 7.37506 10.3485 7.28158C10.1228 7.18811 9.88098 7.14 9.63672 7.14ZM17.0842 5.3025C17.0803 4.72332 16.9736 4.14943 16.7692 3.6075C16.6187 3.21094 16.3858 2.85082 16.0858 2.55089C15.7859 2.25096 15.4258 2.01804 15.0292 1.8675C14.4873 1.6631 13.9134 1.55645 13.3342 1.5525C12.3667 1.5 12.0817 1.5 9.63672 1.5C7.19172 1.5 6.90672 1.5 5.93922 1.5525C5.36004 1.55645 4.78615 1.6631 4.24422 1.8675C3.84766 2.01804 3.48754 2.25096 3.18761 2.55089C2.88768 2.85082 2.65476 3.21094 2.50422 3.6075C2.29982 4.14943 2.19316 4.72332 2.18922 5.3025C2.13672 6.27 2.13672 6.555 2.13672 9C2.13672 11.445 2.13672 11.73 2.18922 12.6975C2.19729 13.2787 2.3038 13.8544 2.50422 14.4C2.65409 14.7947 2.88682 15.1528 3.18672 15.45C3.48536 15.7517 3.84626 15.9846 4.24422 16.1325C4.78615 16.3369 5.36004 16.4436 5.93922 16.4475C6.90672 16.5 7.19172 16.5 9.63672 16.5C12.0817 16.5 12.3667 16.5 13.3342 16.4475C13.9134 16.4436 14.4873 16.3369 15.0292 16.1325C15.4272 15.9846 15.7881 15.7517 16.0867 15.45C16.3866 15.1528 16.6193 14.7947 16.7692 14.4C16.9734 13.8554 17.0801 13.2791 17.0842 12.6975C17.1367 11.73 17.1367 11.445 17.1367 9C17.1367 6.555 17.1367 6.27 17.0842 5.3025ZM15.1792 11.3025C15.1551 11.7653 15.0564 12.2212 14.8867 12.6525C14.7411 13.0123 14.5247 13.3391 14.2502 13.6135C13.9758 13.8879 13.649 14.1044 13.2892 14.25C12.8539 14.4102 12.3954 14.4988 11.9317 14.5125C11.3392 14.5125 11.1817 14.5125 9.63672 14.5125C8.09172 14.5125 7.93422 14.5125 7.34172 14.5125C6.87802 14.4988 6.41958 14.4102 5.98422 14.25C5.6123 14.1118 5.27643 13.8913 5.00172 13.605C4.72997 13.3359 4.5201 13.0109 4.38672 12.6525C4.22589 12.2176 4.13967 11.7586 4.13172 11.295C4.13172 10.7025 4.13172 10.545 4.13172 9C4.13172 7.455 4.13172 7.2975 4.13172 6.705C4.13967 6.24137 4.22589 5.78241 4.38672 5.3475C4.52493 4.97558 4.74542 4.63971 5.03172 4.365C5.30197 4.09472 5.62667 3.88507 5.98422 3.75C6.41958 3.5898 6.87802 3.50116 7.34172 3.4875C7.93422 3.4875 8.09172 3.4875 9.63672 3.4875C11.1817 3.4875 11.3392 3.4875 11.9317 3.4875C12.3954 3.50116 12.8539 3.5898 13.2892 3.75C13.6611 3.88821 13.997 4.10871 14.2717 4.395C14.5435 4.66406 14.7533 4.9891 14.8867 5.3475C15.0469 5.78287 15.1356 6.2413 15.1492 6.705C15.1492 7.2975 15.1492 7.455 15.1492 9C15.1492 10.545 15.2017 10.7025 15.1792 11.295V11.3025ZM13.9792 5.7225C13.8899 5.48024 13.7491 5.26023 13.5666 5.07766C13.384 4.89509 13.164 4.7543 12.9217 4.665C12.5891 4.5497 12.2387 4.49384 11.8867 4.5C11.3017 4.5 11.1367 4.5 9.63672 4.5C8.13672 4.5 7.97172 4.5 7.38672 4.5C7.03292 4.50346 6.68252 4.56948 6.35172 4.695C6.11317 4.78024 5.89549 4.91528 5.71316 5.09115C5.53082 5.26702 5.38801 5.47968 5.29422 5.715C5.1853 6.04903 5.13209 6.3987 5.13672 6.75C5.13672 7.335 5.13672 7.5 5.13672 9C5.13672 10.5 5.13672 10.665 5.13672 11.25C5.14415 11.6034 5.21005 11.9531 5.33172 12.285C5.42102 12.5273 5.56181 12.7473 5.74438 12.9298C5.92695 13.1124 6.14696 13.2532 6.38922 13.3425C6.70922 13.4602 7.04596 13.526 7.38672 13.5375C7.97172 13.5375 8.13672 13.5375 9.63672 13.5375C11.1367 13.5375 11.3017 13.5375 11.8867 13.5375C12.2405 13.534 12.5909 13.468 12.9217 13.3425C13.164 13.2532 13.384 13.1124 13.5666 12.9298C13.7491 12.7473 13.8899 12.5273 13.9792 12.285C14.1047 11.9542 14.1708 11.6038 14.1742 11.25C14.1742 10.665 14.1742 10.5 14.1742 9C14.1742 7.5 14.1742 7.335 14.1742 6.75C14.1744 6.39585 14.1083 6.04479 13.9792 5.715V5.7225ZM9.63672 11.865C9.26083 11.865 8.88864 11.7908 8.54147 11.6468C8.19429 11.5027 7.87895 11.2915 7.6135 11.0254C7.34806 10.7593 7.13774 10.4434 6.99458 10.0958C6.85142 9.74827 6.77823 9.37588 6.77922 9C6.77922 8.43304 6.94744 7.87882 7.26258 7.40751C7.57773 6.93621 8.02562 6.569 8.54957 6.35238C9.07352 6.13575 9.64996 6.07946 10.2059 6.19061C10.7619 6.30177 11.2724 6.57538 11.6727 6.97681C12.0731 7.37823 12.3454 7.88943 12.4551 8.44568C12.5648 9.00193 12.507 9.57822 12.289 10.1016C12.071 10.625 11.7026 11.0719 11.2305 11.3858C10.7583 11.6997 10.2037 11.8665 9.63672 11.865ZM12.6367 6.6975C12.4709 6.67995 12.3175 6.60167 12.206 6.47773C12.0945 6.35379 12.0328 6.19297 12.0328 6.02625C12.0328 5.85953 12.0945 5.69871 12.206 5.57477C12.3175 5.45083 12.4709 5.37255 12.6367 5.355C12.8025 5.37255 12.9559 5.45083 13.0675 5.57477C13.179 5.69871 13.2407 5.85953 13.2407 6.02625C13.2407 6.19297 13.179 6.35379 13.0675 6.47773C12.9559 6.60167 12.8025 6.67995 12.6367 6.6975Z" fill="black"></path>
+                    </svg>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-WqRNmyFb.html b/components/unsorted/casper-all-WqRNmyFb.html
new file mode 100644
index 0000000..f780107
--- /dev/null
+++ b/components/unsorted/casper-all-WqRNmyFb.html
@@ -0,0 +1,95 @@
+<section class="relative py-12 sm:py-24 bg-body overflow-hidden">
+    <div class="absolute top-0 left-1/2 transform -translate-x-1/2 -mt-10 w-160 h-160 bg-gradient-to-t from-purple-700 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+    <img class="absolute bottom-0 left-1/2 transform -translate-x-1/2 h-full pt-32" src="casper-assets/features/double-circle-line-center.svg" alt="">
+    <img class="hidden md:block absolute top-0 left-1/2 mt-20 animate-spinStar" src="casper-assets/features/blink-star.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="flex flex-wrap items-center -mx-4 mb-8">
+        <div class="w-full lg:w-1/2 px-4 mb-8 lg:mb-0">
+          <div>
+            <span class="inline-flex items-center px-3.5 h-7 mb-8 text-xs font-medium text-white leading-6 bg-gradient-tag rounded-full">FEATURES</span>
+            <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl xl:text-7xl font-medium text-white tracking-tight">Intelligent Conversations</h2>
+          </div>
+        </div>
+        <div class="w-full lg:w-1/2 px-4">
+          <div class="max-w-sm lg:ml-auto lg:pt-10">
+            <p class="text-xl text-gray-500 leading-relaxed">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+          </div>
+        </div>
+      </div>
+      <div class="flex flex-wrap -mx-4">
+        <div class="w-full lg:w-1/2 px-4 mb-8 lg:mb-0">
+          <div class="relative h-full pt-12 px-8 xs:px-12 pb-16 rounded-3xl overflow-hidden">
+            <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/features/left-image-robot.png" alt="">
+            <div class="relative max-w-sm flex flex-col items-start h-full">
+              <span class="block text-base font-medium text-sky-900 mb-3">Ready for future</span>
+              <span class="block text-3xl font-medium text-white mb-20">Leveraging tech to drive a better IT experience</span>
+              <a class="group inline-flex h-14 mt-auto px-7 items-center justify-center text-base font-medium text-white hover:text-violet-900 bg-violet-900 hover:bg-white transition duration-200 rounded-full" href="#">
+                <span class="mr-2">SEE OUR PLANS</span>
+                <span>
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.92 6.62C17.8185 6.37565 17.6243 6.18147 17.38 6.08C17.2598 6.02876 17.1307 6.00158 17 6H7C6.73478 6 6.48043 6.10536 6.29289 6.29289C6.10536 6.48043 6 6.73478 6 7C6 7.26522 6.10536 7.51957 6.29289 7.70711C6.48043 7.89464 6.73478 8 7 8H14.59L6.29 16.29C6.19627 16.383 6.12188 16.4936 6.07111 16.6154C6.02034 16.7373 5.9942 16.868 5.9942 17C5.9942 17.132 6.02034 17.2627 6.07111 17.3846C6.12188 17.5064 6.19627 17.617 6.29 17.71C6.38296 17.8037 6.49356 17.8781 6.61542 17.9289C6.73728 17.9797 6.86799 18.0058 7 18.0058C7.13201 18.0058 7.26272 17.9797 7.38458 17.9289C7.50644 17.8781 7.61704 17.8037 7.71 17.71L16 9.41V17C16 17.2652 16.1054 17.5196 16.2929 17.7071C16.4804 17.8946 16.7348 18 17 18C17.2652 18 17.5196 17.8946 17.7071 17.7071C17.8946 17.5196 18 17.2652 18 17V7C17.9984 6.86932 17.9712 6.74022 17.92 6.62Z" fill="currentColor"></path>
+                  </svg>
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div class="w-full lg:w-1/2 px-4">
+          <div class="flex flex-wrap -mx-4">
+            <div class="w-full xl:w-1/2 px-4 mb-8 xl:mb-0">
+              <a class="relative group block mb-7 rounded-3xl bg-radial to-orange-800 from-orange-500 overflow-hidden" href="#">
+                <div class="relative h-full pt-8 px-8 pb-6 bg-opacity-0 bg-orange-600 group-hover:bg-opacity-60 transition duration-500">
+                  <div class="relative flex flex-col max-w-xs h-full pr-12">
+                    <p class="text-sm text-white leading-snug mb-12">Say goodbye to static web pages and hello to an interactive</p>
+                    <h4 class="text-3xl text-white font-medium">
+                      <span class="block">Read our</span>
+                      <span>blog</span>
+                    </h4>
+                  </div>
+                  <span class="absolute bottom-0 right-0 m-5">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="white"></path>
+                    </svg>
+                  </span>
+                </div>
+              </a>
+              <a class="relative group block rounded-3xl bg-radial to-blue-800 from-blue-500 overflow-hidden" href="#">
+                <div class="relative h-full pt-8 px-8 pb-6 bg-opacity-0 bg-blue-600 group-hover:bg-opacity-60 transition duration-500">
+                  <div class="relative flex flex-col max-w-xs h-full pr-12">
+                    <p class="text-sm text-white leading-snug mb-12">It’s a must to that we would like to share our workflow to believe you</p>
+                    <h4 class="text-3xl text-white font-medium">
+                      <span class="block">See our</span>
+                      <span>workflow</span>
+                    </h4>
+                  </div>
+                  <span class="absolute bottom-0 right-0 m-5">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="white"></path>
+                    </svg>
+                  </span>
+                </div>
+              </a>
+            </div>
+            <div class="w-full xl:w-1/2 px-4">
+              <a class="relative group block h-full rounded-3xl bg-radial to-teal-800 from-teal-500 overflow-hidden" href="#">
+                <div class="relative h-full pt-8 px-8 pb-6 bg-opacity-0 bg-teal-600 group-hover:bg-opacity-60 transition duration-500">
+                  <div class="relative flex flex-col max-w-sm h-full pr-12">
+                    <p class="text-sm text-white leading-snug mb-12">Introducing Casper - the cutting-edge AI chat assistant that will transform your website into a dynamic hub of personalized conversations.</p>
+                    <h4 class="text-3xl text-white font-medium mt-auto">
+                      <span class="block">Meet Our</span>
+                      <span>Expert</span>
+                    </h4>
+                  </div>
+                  <span class="absolute bottom-0 right-0 m-5">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="white"></path>
+                    </svg>
+                  </span>
+                </div>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section><div> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-XEnqyNdZ.html b/components/unsorted/casper-all-XEnqyNdZ.html
new file mode 100644
index 0000000..a8601fd
--- /dev/null
+++ b/components/unsorted/casper-all-XEnqyNdZ.html
@@ -0,0 +1,128 @@
+<div><section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="relative flex flex-wrap -mx-4">
+        <div class="w-full lg:w-1/2 xl:w-2/5 px-4 pb-16 lg:pb-32">
+          <div class="relative z-10 max-w-xl mx-auto py-8">
+            <img class="absolute top-0 left-1/2 transform -translate-x-1/2 h-full" src="casper-assets/faq/bg-gradient-vartical.png" alt="">
+            <img class="relative block mx-auto sm:h-112 lg:h-auto" src="casper-assets/faq/robot-lg.png" alt="">
+          </div>
+        </div>
+        <div class="relative w-full lg:w-1/2 xl:w-3/5 px-4">
+          <div class="absolute bottom-0 right-0 w-186 h-186 bg-gradient-to-t from-violet-700 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+          <div class="relative max-w-lg xl:max-w-3xl mx-auto lg:mr-0">
+            <div class="flex mb-12 px-8 h-18 items-center bg-white bg-opacity-10 rounded-full">
+              <button class="inline-block text-white hover:text-violet-600">
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M21.7099 20.29L17.9999 16.61C19.44 14.8144 20.1374 12.5353 19.9487 10.2413C19.76 7.94733 18.6996 5.81281 16.9854 4.27667C15.2713 2.74053 13.0337 1.91954 10.7328 1.9825C8.43194 2.04546 6.24263 2.98759 4.61505 4.61517C2.98747 6.24275 2.04534 8.43207 1.98237 10.7329C1.91941 13.0338 2.74041 15.2714 4.27655 16.9855C5.81269 18.6997 7.94721 19.7601 10.2412 19.9488C12.5352 20.1375 14.8143 19.4401 16.6099 18L20.2899 21.68C20.3829 21.7738 20.4935 21.8482 20.6153 21.8989C20.7372 21.9497 20.8679 21.9758 20.9999 21.9758C21.1319 21.9758 21.2626 21.9497 21.3845 21.8989C21.5063 21.8482 21.6169 21.7738 21.7099 21.68C21.8901 21.4936 21.9909 21.2444 21.9909 20.985C21.9909 20.7257 21.8901 20.4765 21.7099 20.29ZM10.9999 18C9.61544 18 8.26206 17.5895 7.11091 16.8203C5.95977 16.0511 5.06256 14.9579 4.53275 13.6788C4.00293 12.3997 3.86431 10.9923 4.13441 9.63439C4.4045 8.27653 5.07119 7.02925 6.05016 6.05028C7.02912 5.07131 8.27641 4.40463 9.63427 4.13453C10.9921 3.86443 12.3996 4.00306 13.6787 4.53287C14.9578 5.06268 16.051 5.95989 16.8202 7.11103C17.5894 8.26218 17.9999 9.61556 17.9999 11C17.9999 12.8565 17.2624 14.637 15.9497 15.9498C14.6369 17.2625 12.8564 18 10.9999 18Z" fill="currentColor"></path>
+                </svg>
+              </button>
+              <input class="h-full w-full pl-6 py-6 bg-transparent text-base tracking-tight text-gray-400 placeholder-gray-500 outline-none" type="search" placeholder="Search question, keywords, articles">
+            </div>
+            <div>
+              <h5 class="text-xl text-white font-medium tracking-tight mb-8">GETTING STARTED</h5>
+              <button class="group block w-full pb-6 mb-6 text-left border-b-2 border-white border-opacity-10">
+                <div class="flex items-start">
+                  <div class="flex-shrink-0 inline-flex items-center justify-center w-11 h-11 rounded-full bg-white bg-opacity-20 group-hover:bg-opacity-100 text-white group-hover:bg-violet-500">
+                    <span class="block group-hover:hidden">
+                      <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M13 5L13 11L19 11C19.2652 11 19.5196 11.1054 19.7071 11.2929C19.8946 11.4804 20 11.7348 20 12C20 12.2652 19.8946 12.5196 19.7071 12.7071C19.5196 12.8946 19.2652 13 19 13L13 13L13 19C13 19.2652 12.8946 19.5196 12.7071 19.7071C12.5196 19.8946 12.2652 20 12 20C11.7348 20 11.4804 19.8946 11.2929 19.7071C11.1054 19.5196 11 19.2652 11 19L11 13L5 13C4.73478 13 4.48043 12.8946 4.29289 12.7071C4.10536 12.5196 4 12.2652 4 12C4 11.7348 4.10536 11.4804 4.29289 11.2929C4.48043 11.1054 4.73478 11 5 11L11 11L11 5C11 4.73478 11.1054 4.48043 11.2929 4.29289C11.4804 4.10536 11.7348 4 12 4C12.2652 4 12.5196 4.10536 12.7071 4.29289C12.8946 4.48043 13 4.73478 13 5Z" fill="white"></path>
+                      </svg>
+                    </span>
+                    <span class="hidden group-hover:block">
+                      <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M5 11L19 11C19.2652 11 19.5196 11.1054 19.7071 11.2929C19.8946 11.4804 20 11.7348 20 12C20 12.2652 19.8946 12.5196 19.7071 12.7071C19.5196 12.8946 19.2652 13 19 13L5 13C4.73478 13 4.48043 12.8946 4.29289 12.7071C4.10536 12.5196 4 12.2652 4 12C4 11.7348 4.10536 11.4804 4.29289 11.2929C4.48043 11.1054 4.73478 11 5 11Z" fill="white"></path>
+                      </svg>
+                    </span>
+                  </div>
+                  <div class="pl-8">
+                    <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">Do you provide a complete design style?</h4>
+                    <p class="hidden group-hover:block max-w-xl mt-2 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+                  </div>
+                </div>
+              </button>
+              <button class="group block w-full pb-6 mb-6 text-left border-b-2 border-white border-opacity-10">
+                <div class="flex items-start">
+                  <div class="flex-shrink-0 inline-flex items-center justify-center w-11 h-11 rounded-full bg-white bg-opacity-20 group-hover:bg-opacity-100 text-white group-hover:bg-violet-500">
+                    <span class="block group-hover:hidden">
+                      <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M13 5L13 11L19 11C19.2652 11 19.5196 11.1054 19.7071 11.2929C19.8946 11.4804 20 11.7348 20 12C20 12.2652 19.8946 12.5196 19.7071 12.7071C19.5196 12.8946 19.2652 13 19 13L13 13L13 19C13 19.2652 12.8946 19.5196 12.7071 19.7071C12.5196 19.8946 12.2652 20 12 20C11.7348 20 11.4804 19.8946 11.2929 19.7071C11.1054 19.5196 11 19.2652 11 19L11 13L5 13C4.73478 13 4.48043 12.8946 4.29289 12.7071C4.10536 12.5196 4 12.2652 4 12C4 11.7348 4.10536 11.4804 4.29289 11.2929C4.48043 11.1054 4.73478 11 5 11L11 11L11 5C11 4.73478 11.1054 4.48043 11.2929 4.29289C11.4804 4.10536 11.7348 4 12 4C12.2652 4 12.5196 4.10536 12.7071 4.29289C12.8946 4.48043 13 4.73478 13 5Z" fill="white"></path>
+                      </svg>
+                    </span>
+                    <span class="hidden group-hover:block">
+                      <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M5 11L19 11C19.2652 11 19.5196 11.1054 19.7071 11.2929C19.8946 11.4804 20 11.7348 20 12C20 12.2652 19.8946 12.5196 19.7071 12.7071C19.5196 12.8946 19.2652 13 19 13L5 13C4.73478 13 4.48043 12.8946 4.29289 12.7071C4.10536 12.5196 4 12.2652 4 12C4 11.7348 4.10536 11.4804 4.29289 11.2929C4.48043 11.1054 4.73478 11 5 11Z" fill="white"></path>
+                      </svg>
+                    </span>
+                  </div>
+                  <div class="pl-8">
+                    <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">Do you have any terms & conditions?</h4>
+                    <p class="hidden group-hover:block max-w-xl mt-2 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+                  </div>
+                </div>
+              </button>
+              <button class="group block w-full pb-6 mb-6 text-left border-b-2 border-white border-opacity-10">
+                <div class="flex items-start">
+                  <div class="flex-shrink-0 inline-flex items-center justify-center w-11 h-11 rounded-full bg-white bg-opacity-20 group-hover:bg-opacity-100 text-white group-hover:bg-violet-500">
+                    <span class="block group-hover:hidden">
+                      <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M13 5L13 11L19 11C19.2652 11 19.5196 11.1054 19.7071 11.2929C19.8946 11.4804 20 11.7348 20 12C20 12.2652 19.8946 12.5196 19.7071 12.7071C19.5196 12.8946 19.2652 13 19 13L13 13L13 19C13 19.2652 12.8946 19.5196 12.7071 19.7071C12.5196 19.8946 12.2652 20 12 20C11.7348 20 11.4804 19.8946 11.2929 19.7071C11.1054 19.5196 11 19.2652 11 19L11 13L5 13C4.73478 13 4.48043 12.8946 4.29289 12.7071C4.10536 12.5196 4 12.2652 4 12C4 11.7348 4.10536 11.4804 4.29289 11.2929C4.48043 11.1054 4.73478 11 5 11L11 11L11 5C11 4.73478 11.1054 4.48043 11.2929 4.29289C11.4804 4.10536 11.7348 4 12 4C12.2652 4 12.5196 4.10536 12.7071 4.29289C12.8946 4.48043 13 4.73478 13 5Z" fill="white"></path>
+                      </svg>
+                    </span>
+                    <span class="hidden group-hover:block">
+                      <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M5 11L19 11C19.2652 11 19.5196 11.1054 19.7071 11.2929C19.8946 11.4804 20 11.7348 20 12C20 12.2652 19.8946 12.5196 19.7071 12.7071C19.5196 12.8946 19.2652 13 19 13L5 13C4.73478 13 4.48043 12.8946 4.29289 12.7071C4.10536 12.5196 4 12.2652 4 12C4 11.7348 4.10536 11.4804 4.29289 11.2929C4.48043 11.1054 4.73478 11 5 11Z" fill="white"></path>
+                      </svg>
+                    </span>
+                  </div>
+                  <div class="pl-8">
+                    <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">How to apply Casper to our project?</h4>
+                    <p class="hidden group-hover:block max-w-xl mt-2 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+                  </div>
+                </div>
+              </button>
+              <button class="group block w-full pb-6 mb-6 text-left border-b-2 border-white border-opacity-10">
+                <div class="flex items-start">
+                  <div class="flex-shrink-0 inline-flex items-center justify-center w-11 h-11 rounded-full bg-white bg-opacity-20 group-hover:bg-opacity-100 text-white group-hover:bg-violet-500">
+                    <span class="block group-hover:hidden">
+                      <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M13 5L13 11L19 11C19.2652 11 19.5196 11.1054 19.7071 11.2929C19.8946 11.4804 20 11.7348 20 12C20 12.2652 19.8946 12.5196 19.7071 12.7071C19.5196 12.8946 19.2652 13 19 13L13 13L13 19C13 19.2652 12.8946 19.5196 12.7071 19.7071C12.5196 19.8946 12.2652 20 12 20C11.7348 20 11.4804 19.8946 11.2929 19.7071C11.1054 19.5196 11 19.2652 11 19L11 13L5 13C4.73478 13 4.48043 12.8946 4.29289 12.7071C4.10536 12.5196 4 12.2652 4 12C4 11.7348 4.10536 11.4804 4.29289 11.2929C4.48043 11.1054 4.73478 11 5 11L11 11L11 5C11 4.73478 11.1054 4.48043 11.2929 4.29289C11.4804 4.10536 11.7348 4 12 4C12.2652 4 12.5196 4.10536 12.7071 4.29289C12.8946 4.48043 13 4.73478 13 5Z" fill="white"></path>
+                      </svg>
+                    </span>
+                    <span class="hidden group-hover:block">
+                      <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M5 11L19 11C19.2652 11 19.5196 11.1054 19.7071 11.2929C19.8946 11.4804 20 11.7348 20 12C20 12.2652 19.8946 12.5196 19.7071 12.7071C19.5196 12.8946 19.2652 13 19 13L5 13C4.73478 13 4.48043 12.8946 4.29289 12.7071C4.10536 12.5196 4 12.2652 4 12C4 11.7348 4.10536 11.4804 4.29289 11.2929C4.48043 11.1054 4.73478 11 5 11Z" fill="white"></path>
+                      </svg>
+                    </span>
+                  </div>
+                  <div class="pl-8">
+                    <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">How was the Terms & Condition?</h4>
+                    <p class="hidden group-hover:block max-w-xl mt-2 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+                  </div>
+                </div>
+              </button>
+              <button class="group block w-full pb-6 text-left border-b-2 border-white border-opacity-10">
+                <div class="flex items-start">
+                  <div class="flex-shrink-0 inline-flex items-center justify-center w-11 h-11 rounded-full bg-white bg-opacity-20 group-hover:bg-opacity-100 text-white group-hover:bg-violet-500">
+                    <span class="block group-hover:hidden">
+                      <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M13 5L13 11L19 11C19.2652 11 19.5196 11.1054 19.7071 11.2929C19.8946 11.4804 20 11.7348 20 12C20 12.2652 19.8946 12.5196 19.7071 12.7071C19.5196 12.8946 19.2652 13 19 13L13 13L13 19C13 19.2652 12.8946 19.5196 12.7071 19.7071C12.5196 19.8946 12.2652 20 12 20C11.7348 20 11.4804 19.8946 11.2929 19.7071C11.1054 19.5196 11 19.2652 11 19L11 13L5 13C4.73478 13 4.48043 12.8946 4.29289 12.7071C4.10536 12.5196 4 12.2652 4 12C4 11.7348 4.10536 11.4804 4.29289 11.2929C4.48043 11.1054 4.73478 11 5 11L11 11L11 5C11 4.73478 11.1054 4.48043 11.2929 4.29289C11.4804 4.10536 11.7348 4 12 4C12.2652 4 12.5196 4.10536 12.7071 4.29289C12.8946 4.48043 13 4.73478 13 5Z" fill="white"></path>
+                      </svg>
+                    </span>
+                    <span class="hidden group-hover:block">
+                      <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M5 11L19 11C19.2652 11 19.5196 11.1054 19.7071 11.2929C19.8946 11.4804 20 11.7348 20 12C20 12.2652 19.8946 12.5196 19.7071 12.7071C19.5196 12.8946 19.2652 13 19 13L5 13C4.73478 13 4.48043 12.8946 4.29289 12.7071C4.10536 12.5196 4 12.2652 4 12C4 11.7348 4.10536 11.4804 4.29289 11.2929C4.48043 11.1054 4.73478 11 5 11Z" fill="white"></path>
+                      </svg>
+                    </span>
+                  </div>
+                  <div class="pl-8">
+                    <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">How much we can buy this product?</h4>
+                    <p class="hidden group-hover:block max-w-xl mt-2 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+                  </div>
+                </div>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-XuhWYOMQ.html b/components/unsorted/casper-all-XuhWYOMQ.html
new file mode 100644
index 0000000..1d08cef
--- /dev/null
+++ b/components/unsorted/casper-all-XuhWYOMQ.html
@@ -0,0 +1,99 @@
+<div><section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 ml-52 -mt-40 w-160 h-160 bg-gradient-to-t from-purple-600 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="absolute top-0 left-0 ml-148 -mt-40 w-135 h-135 bg-gradient-to-t from-blue-500 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative">
+        <div class="max-w-xl mx-auto mb-16 text-center">
+          <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-2">Careers at Casper</h2>
+          <p class="text-xl text-gray-500">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+        </div>
+        <div class="flex flex-col sm:flex-row justify-center mb-20"><a class="group inline-flex w-full sm:w-auto mb-3 sm:mb-0 sm:mr-4 h-12 px-7 items-center justify-center text-base font-medium text-white hover:text-sky-900 border border-white hover:border-sky-900 transition duration-200 rounded-full" href="#">All</a><a class="group inline-flex w-full sm:w-auto mb-3 sm:mb-0 sm:mr-4 h-12 px-7 items-center justify-center text-base font-medium text-white hover:text-sky-900 border border-white hover:border-sky-900 transition duration-200 rounded-full" href="#">Design</a><a class="group inline-flex w-full sm:w-auto mb-3 sm:mb-0 sm:mr-4 h-12 px-7 items-center justify-center text-base font-medium text-white hover:text-sky-900 border border-white hover:border-sky-900 transition duration-200 rounded-full" href="#">Developer</a><a class="group inline-flex w-full sm:w-auto mb-3 sm:mb-0 sm:mr-4 h-12 px-7 items-center justify-center text-base font-medium text-white hover:text-sky-900 border border-white hover:border-sky-900 transition duration-200 rounded-full" href="#">Marketing</a><a class="group inline-flex w-full sm:w-auto h-12 px-7 items-center justify-center text-base font-medium text-white hover:text-sky-900 border border-white hover:border-sky-900 transition duration-200 rounded-full" href="#">Tech Support</a></div>
+        <div class="mb-16 px-4 pb-4 overflow-x-auto">
+          <table class="table-auto text-white w-full min-w-max">
+            <thead>
+              <tr class="border-b border-gray-100 border-opacity-20">
+                <th class="pb-4 pr-6 text-left">
+                  <span class="font-medium text-gray-200 tracking-tight">Positions</span>
+                </th>
+                <th class="pb-4 px-6 text-left">
+                  <span class="font-medium text-gray-200 tracking-tight">Department</span>
+                </th>
+                <th class="pb-4 px-6 text-left">
+                  <span class="font-medium text-gray-200 tracking-tight">Rule</span>
+                </th>
+                <th class="pb-4 pl-6 text-left">
+                  <span class="font-medium text-gray-200 tracking-tight">Location</span>
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr class="border-b border-gray-100 border-opacity-20">
+                <td class="px-6 py-8">
+                  <span class="text-2xl font-medium text-white">Product Designer</span>
+                </td>
+                <td class="px-6 py-8">
+                  <span class="text-lg font-medium tracking-tight text-sky-900">Design</span>
+                </td>
+                <td class="px-6 py-8">
+                  <span class="text-lg text-gray-200 tracking-tight">Part-Time</span>
+                </td>
+                <td class="px-6 py-8">
+                  <span class="text-lg text-gray-200 tracking-tight">Tokyo</span>
+                </td>
+              </tr>
+              <tr class="border-b border-gray-100 border-opacity-20">
+                <td class="px-6 py-8">
+                  <span class="text-2xl font-medium text-white">Sr. Mobile Developer</span>
+                </td>
+                <td class="px-6 py-8">
+                  <span class="text-lg font-medium tracking-tight text-sky-900">Developer</span>
+                </td>
+                <td class="px-6 py-8">
+                  <span class="text-lg text-gray-200 tracking-tight">Part-Time</span>
+                </td>
+                <td class="px-6 py-8">
+                  <span class="text-lg text-gray-200 tracking-tight">Ponorogo</span>
+                </td>
+              </tr>
+              <tr class="border-b border-gray-100 border-opacity-20">
+                <td class="px-6 py-8">
+                  <span class="text-2xl font-medium text-white">3D Model</span>
+                </td>
+                <td class="px-6 py-8">
+                  <span class="text-lg font-medium tracking-tight text-sky-900">Graphic</span>
+                </td>
+                <td class="px-6 py-8">
+                  <span class="text-lg text-gray-200 tracking-tight">Part-Time</span>
+                </td>
+                <td class="px-6 py-8">
+                  <span class="text-lg text-gray-200 tracking-tight">Wakanda</span>
+                </td>
+              </tr>
+              <tr class="border-b border-gray-100 border-opacity-20">
+                <td class="px-6 py-8">
+                  <span class="text-2xl font-medium text-white">Marketing Manager</span>
+                </td>
+                <td class="px-6 py-8">
+                  <span class="text-lg font-medium tracking-tight text-sky-900">Marketing</span>
+                </td>
+                <td class="px-6 py-8">
+                  <span class="text-lg text-gray-200 tracking-tight">Full-Time</span>
+                </td>
+                <td class="px-6 py-8">
+                  <span class="text-lg text-gray-200 tracking-tight">New York</span>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div class="text-center">
+          <a class="group inline-flex w-full sm:w-auto h-14 px-7 items-center justify-center text-base font-medium text-white hover:text-black hover:bg-violet-500 border-2 border-white hover:border-violet-500 transition duration-200 rounded-full" href="#">
+            <span class="mr-2">SEE ALL POSITIONS</span>
+            <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+            </svg>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-YWJiEUpb.html b/components/unsorted/casper-all-YWJiEUpb.html
new file mode 100644
index 0000000..ca38f73
--- /dev/null
+++ b/components/unsorted/casper-all-YWJiEUpb.html
@@ -0,0 +1,60 @@
+<div><section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <img class="hidden sm:block absolute top-0 right-1/2 -mr-64 xl:mr-24 mt-12 h-20 animate-spinStar" src="casper-assets/features/blink-star.png" alt="">
+    <img class="hidden sm:block absolute bottom-0 right-0 mb-64 mr-8 h-20 animate-spinStar" src="casper-assets/features/blink-star.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="flex flex-wrap items-center -mx-4">
+        <div class="w-full lg:w-2/5 xl:w-1/2 px-4 mb-8 lg:mb-0">
+          <img class="block w-full max-w-md xl:max-w-lg" src="casper-assets/features/left-image-robot.png" alt="">
+        </div>
+        <div class="w-full lg:w-3/5 xl:w-1/2 px-4">
+          <div class="relative overflow-hidden">
+            <div class="hidden xs:block absolute z-10 top-0 left-0 w-full h-20 lg:h-48 bg-gradient-to-b from-darkBlue-900 via-darkBlue-900 to-transparent opacity-90"></div>
+            <div class="hidden xs:block absolute z-10 bottom-0 left-0 w-full h-20 lg:h-48 bg-gradient-to-t from-darkBlue-900 via-darkBlue-900 to-transparent opacity-90"></div>
+            <div class="slider">
+              <div class="slider-container">
+                <div class="slide flex mb-16 items-start">
+                  <div class="flex-shrink-0 flex mr-8 items-center justify-center w-16 h-16 rounded-full bg-sky-500">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M3 3V2C2.44772 2 2 2.44772 2 3H3ZM18.293 14.293L17.3818 13.8809C17.2104 14.2601 17.2916 14.7058 17.5859 15.0001L18.293 14.293ZM21 17L21.7071 17.7071C22.0976 17.3166 22.0976 16.6834 21.7071 16.2929L21 17ZM17 21L16.2929 21.7071C16.6834 22.0976 17.3166 22.0976 17.7071 21.7071L17 21ZM14.293 18.293L15.0001 17.5859C14.7058 17.2916 14.2601 17.2104 13.8809 17.3818L14.293 18.293ZM11 2H3V4H11V2ZM20 11C20 6.02944 15.9706 2 11 2V4C14.866 4 18 7.13401 18 11H20ZM19.2041 14.7051C19.7157 13.5738 20 12.3188 20 11H18C18 12.029 17.7786 13.0036 17.3818 13.8809L19.2041 14.7051ZM17.5859 15.0001L20.2929 17.7071L21.7071 16.2929L19.0001 13.5859L17.5859 15.0001ZM20.2929 16.2929L16.2929 20.2929L17.7071 21.7071L21.7071 17.7071L20.2929 16.2929ZM17.7071 20.2929L15.0001 17.5859L13.5859 19.0001L16.2929 21.7071L17.7071 20.2929ZM11 20C12.3188 20 13.5738 19.7157 14.7051 19.2041L13.8809 17.3818C13.0036 17.7786 12.029 18 11 18V20ZM2 11C2 15.9706 6.02944 20 11 20V18C7.13401 18 4 14.866 4 11H2ZM2 3V11H4V3H2Z" fill="white"></path>
+                      <ellipse cx="11" cy="11" rx="2" ry="2" transform="rotate(-180 11 11)" fill="white"></ellipse>
+                      <path d="M3 3L11 11" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </div>
+                  <div class="max-w-lg">
+                    <h4 class="text-3xl font-medium text-white mb-8">Analytics and Insights</h4>
+                    <p class="text-xl text-gray-400">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions. Sign up today and transform your customer interactions.</p>
+                  </div>
+                </div>
+                <div class="slide flex mb-16 items-start">
+                  <div class="flex-shrink-0 flex mr-8 items-center justify-center w-16 h-16 rounded-full bg-yellow-700">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M3 3V2C2.44772 2 2 2.44772 2 3H3ZM18.293 14.293L17.3818 13.8809C17.2104 14.2601 17.2916 14.7058 17.5859 15.0001L18.293 14.293ZM21 17L21.7071 17.7071C22.0976 17.3166 22.0976 16.6834 21.7071 16.2929L21 17ZM17 21L16.2929 21.7071C16.6834 22.0976 17.3166 22.0976 17.7071 21.7071L17 21ZM14.293 18.293L15.0001 17.5859C14.7058 17.2916 14.2601 17.2104 13.8809 17.3818L14.293 18.293ZM11 2H3V4H11V2ZM20 11C20 6.02944 15.9706 2 11 2V4C14.866 4 18 7.13401 18 11H20ZM19.2041 14.7051C19.7157 13.5738 20 12.3188 20 11H18C18 12.029 17.7786 13.0036 17.3818 13.8809L19.2041 14.7051ZM17.5859 15.0001L20.2929 17.7071L21.7071 16.2929L19.0001 13.5859L17.5859 15.0001ZM20.2929 16.2929L16.2929 20.2929L17.7071 21.7071L21.7071 17.7071L20.2929 16.2929ZM17.7071 20.2929L15.0001 17.5859L13.5859 19.0001L16.2929 21.7071L17.7071 20.2929ZM11 20C12.3188 20 13.5738 19.7157 14.7051 19.2041L13.8809 17.3818C13.0036 17.7786 12.029 18 11 18V20ZM2 11C2 15.9706 6.02944 20 11 20V18C7.13401 18 4 14.866 4 11H2ZM2 3V11H4V3H2Z" fill="white"></path>
+                      <ellipse cx="11" cy="11" rx="2" ry="2" transform="rotate(-180 11 11)" fill="white"></ellipse>
+                      <path d="M3 3L11 11" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </div>
+                  <div class="max-w-lg">
+                    <h4 class="text-3xl font-medium text-white mb-8">Intelligent Conversations</h4>
+                    <p class="text-xl text-gray-400">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions. Sign up today and transform your customer interactions.</p>
+                  </div>
+                </div>
+                <div class="slide flex items-start">
+                  <div class="flex-shrink-0 flex mr-8 items-center justify-center w-16 h-16 rounded-full bg-green-700">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M3 3V2C2.44772 2 2 2.44772 2 3H3ZM18.293 14.293L17.3818 13.8809C17.2104 14.2601 17.2916 14.7058 17.5859 15.0001L18.293 14.293ZM21 17L21.7071 17.7071C22.0976 17.3166 22.0976 16.6834 21.7071 16.2929L21 17ZM17 21L16.2929 21.7071C16.6834 22.0976 17.3166 22.0976 17.7071 21.7071L17 21ZM14.293 18.293L15.0001 17.5859C14.7058 17.2916 14.2601 17.2104 13.8809 17.3818L14.293 18.293ZM11 2H3V4H11V2ZM20 11C20 6.02944 15.9706 2 11 2V4C14.866 4 18 7.13401 18 11H20ZM19.2041 14.7051C19.7157 13.5738 20 12.3188 20 11H18C18 12.029 17.7786 13.0036 17.3818 13.8809L19.2041 14.7051ZM17.5859 15.0001L20.2929 17.7071L21.7071 16.2929L19.0001 13.5859L17.5859 15.0001ZM20.2929 16.2929L16.2929 20.2929L17.7071 21.7071L21.7071 17.7071L20.2929 16.2929ZM17.7071 20.2929L15.0001 17.5859L13.5859 19.0001L16.2929 21.7071L17.7071 20.2929ZM11 20C12.3188 20 13.5738 19.7157 14.7051 19.2041L13.8809 17.3818C13.0036 17.7786 12.029 18 11 18V20ZM2 11C2 15.9706 6.02944 20 11 20V18C7.13401 18 4 14.866 4 11H2ZM2 3V11H4V3H2Z" fill="white"></path>
+                      <ellipse cx="11" cy="11" rx="2" ry="2" transform="rotate(-180 11 11)" fill="white"></ellipse>
+                      <path d="M3 3L11 11" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </div>
+                  <div class="max-w-lg">
+                    <h4 class="text-3xl font-medium text-white mb-8">Seamless Integration</h4>
+                    <p class="text-xl text-gray-400">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions. Sign up today and transform your customer interactions.</p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-ZRWOFDip.html b/components/unsorted/casper-all-ZRWOFDip.html
new file mode 100644
index 0000000..c673a86
--- /dev/null
+++ b/components/unsorted/casper-all-ZRWOFDip.html
@@ -0,0 +1,184 @@
+<div> <section class="relative py-12 md:py-24 lg:pb-32 bg-body overflow-hidden">
+    <img class="absolute bottom-0 left-0 w-full" src="casper-assets/testimonials/triangle-line-bottom.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="max-w-3xl mx-auto mb-18 text-center">
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl lg:text-7xl font-medium text-white tracking-tight mb-8">Our Customer Says</h2>
+        <p class="max-w-xl mx-auto text-xl text-gray-400 leading-relaxed tracking-tight">Casper is powered by state-of-the-art artificial intelligence</p>
+      </div>
+      <div class="max-w-lg lg:max-w-8xl mx-auto">
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <div class="p-7 mb-10 bg-white rounded-3xl">
+              <div class="flex mb-5 items-center">
+                <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-1.png" alt="">
+                <div class="ml-5">
+                  <span class="block text-xl font-medium text-black leading-6">Bambang Sucat</span>
+                  <span class="text-sm text-gray-600">CEO of Coca Soft</span>
+                </div>
+              </div>
+              <div class="flex mb-5 items-center">
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+              </div>
+              <p class="text-lg text-black tracking-tight leading-snug">It was a pleasure working with the Saturn. They understood the brief correctly and delivered great designs exceeding the expectations.</p>
+            </div>
+            <div class="p-7 bg-white rounded-3xl">
+              <div class="flex mb-5 items-center">
+                <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-2.png" alt="">
+                <div class="ml-5">
+                  <span class="block text-xl font-medium text-black leading-6">Gatot Jonatan</span>
+                  <span class="text-sm text-gray-600">CEO of Coca Soft</span>
+                </div>
+              </div>
+              <div class="flex mb-5 items-center">
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+              </div>
+              <img class="block w-full mb-5" src="casper-assets/testimonials/photo-small.png" alt="">
+              <p class="text-lg text-black tracking-tight leading-snug">It was a pleasure working with the Saturn. They understood the brief correctly and delivered great designs exceeding the expectations.</p>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <div class="p-7 mb-10 bg-white rounded-3xl">
+              <div class="flex mb-5 items-center">
+                <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-3.png" alt="">
+                <div class="ml-5">
+                  <span class="block text-xl font-medium text-black leading-6">Beby Aduhai</span>
+                  <span class="text-sm text-gray-600">CEO of Sans Design</span>
+                </div>
+              </div>
+              <div class="flex mb-5 items-center">
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+              </div>
+              <img class="block w-full mb-5" src="casper-assets/testimonials/image-small-1.png" alt="">
+              <p class="text-lg text-black tracking-tight leading-snug">It was a pleasure working with the Saturn. They understood the brief correctly and delivered great designs exceeding the expectations.</p>
+            </div>
+            <div class="p-7 bg-white rounded-3xl">
+              <div class="flex mb-5 items-center">
+                <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-4.png" alt="">
+                <div class="ml-5">
+                  <span class="block text-xl font-medium text-black leading-6">Debora Wulan</span>
+                  <span class="text-sm text-gray-600">CEO of Coca Soft</span>
+                </div>
+              </div>
+              <div class="flex mb-5 items-center">
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+              </div>
+              <p class="text-lg text-black tracking-tight leading-snug">It was a pleasure working with the Saturn. They understood the brief correctly and delivered great designs exceeding the expectations.</p>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/3 px-4">
+            <div class="p-7 mb-10 bg-white rounded-3xl">
+              <div class="flex mb-5 items-center">
+                <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-2.png" alt="">
+                <div class="ml-5">
+                  <span class="block text-xl font-medium text-black leading-6">Bambang Sucat</span>
+                  <span class="text-sm text-gray-600">CEO of Coca Soft</span>
+                </div>
+              </div>
+              <div class="flex mb-5 items-center">
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+              </div>
+              <p class="text-lg text-black tracking-tight leading-snug">It was a pleasure working with the Saturn. They understood the brief correctly and delivered great designs exceeding the expectations.</p>
+            </div>
+            <div class="p-7 bg-white rounded-3xl">
+              <div class="flex mb-5 items-center">
+                <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-1.png" alt="">
+                <div class="ml-5">
+                  <span class="block text-xl font-medium text-black leading-6">Gatot Jonatan</span>
+                  <span class="text-sm text-gray-600">CEO of Coca Soft</span>
+                </div>
+              </div>
+              <div class="flex mb-5 items-center">
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                </svg>
+              </div>
+              <img class="block w-full mb-5" src="casper-assets/testimonials/image-small-2.png" alt="">
+              <p class="text-lg text-black tracking-tight leading-snug">It was a pleasure working with the Saturn. They understood the brief correctly and delivered great designs exceeding the expectations.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-ZhSSpsVW.html b/components/unsorted/casper-all-ZhSSpsVW.html
new file mode 100644
index 0000000..4ecdcd4
--- /dev/null
+++ b/components/unsorted/casper-all-ZhSSpsVW.html
@@ -0,0 +1,27 @@
+<div><section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 -ml-60 -mt-96 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="relative">
+        <span class="block text-sm font-medium text-sky-900 mb-4">BLOG CATEGORY</span>
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl xl:text-7xl font-medium text-white tracking-tight mb-10">Gorgeous UI Library</h2>
+        <img class="hidden md:block absolute top-0 right-0 animate-spinStar" src="casper-assets/content/blink-star.png" alt="">
+        <div class="relative flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/2 px-4 mb-16 lg:mb-0">
+            <div class="max-w-2xl mx-auto lg:mx-0 lg:max-w-md xl:max-w-xl">
+              <img class="block w-full mb-10" src="casper-assets/content/image-robot.png" alt="">
+              <div class="-mb-2"><a class="inline-flex mb-2 mr-2 h-10 px-5 items-center justify-center text-sm text-white rounded-full bg-white bg-opacity-20" href="#">BRANDING</a><a class="inline-flex mb-2 mr-2 h-10 px-5 items-center justify-center text-sm text-white rounded-full bg-white bg-opacity-20" href="#">ILLUSTRATION</a><a class="inline-flex mb-2 h-10 px-5 items-center justify-center text-sm text-white rounded-full bg-white bg-opacity-20" href="#">LANDING PAGE</a></div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4">
+            <div class="max-w-2xl mx-auto lg:mx-0 lg:max-w-md xl:max-w-xl">
+              <h3 class="text-2xl text-gray-50 font-medium mb-8">Mi quisque ultrices hendrerit nec aliquet integer mollis faucibus morbi.</h3>
+              <p class="text-lg tracking-tight text-gray-200 mb-4">Pellentesque ipsum nulla in eget interdum a. Neque pellentesque pulvinar mauris pulvinar diam. Turpis aliquet pellentesque velit vitae nisi sed morbi ultrices sed. Egestas interdum elit integer nec pharetra eget blandit dolor purus. A sed nisi congue morbi fermentum blandit. Turpis pretium dignissim risus ultrices purus et amet netus nibh.</p>
+              <p class="text-lg tracking-tight text-gray-200 mb-10">Vestibulum est ante in congue a fusce nunc. At tristique donec nisi viverra vulputate blandit orci at lectus. Morbi cras urna congue ornare. Mi magna vestibulum tortor id nec tortor non. Enim orci lorem egestas sed morbi dui mauris etiam nulla. Euismod cursus viverra ut ac eu sit quam amet tempor. Id in suspendisse nam sit vitae ullamcorper mollis et ut.</p>
+              <p class="text-lg tracking-tight text-gray-200 mb-4">Pellentesque ipsum nulla in eget interdum a. Neque pellentesque pulvinar mauris pulvinar diam. Turpis aliquet pellentesque velit vitae nisi sed morbi ultrices sed. Egestas interdum elit integer nec pharetra eget blandit dolor purus. A sed nisi congue morbi fermentum blandit. Turpis pretium dignissim risus ultrices purus et amet netus nibh.</p>
+              <p class="text-lg tracking-tight text-gray-200">Vestibulum est ante in congue a fusce nunc. At tristique donec nisi viverra vulputate blandit orci at lectus. Morbi cras urna congue ornare. Mi magna vestibulum tortor id nec tortor non. Enim orci lorem egestas sed morbi dui mauris etiam nulla. Euismod cursus viverra ut ac eu sit quam amet tempor. Id in suspendisse nam sit vitae ullamcorper mollis et ut.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-ZihYHhuH.html b/components/unsorted/casper-all-ZihYHhuH.html
new file mode 100644
index 0000000..dbce7d0
--- /dev/null
+++ b/components/unsorted/casper-all-ZihYHhuH.html
@@ -0,0 +1,209 @@
+<div> <section class="relative pb-12 xl:pb-0 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="flex flex-wrap items-center -mx-4">
+        <div class="w-full xl:w-2/5 px-4 mb-32 xl:mb-0">
+          <div class="relative max-w-xl xl:max-w-md mx-auto xl:mx-0">
+            <img class="mb-6 animate-spinStar" src="casper-assets/testimonials/blink-star.png" alt="">
+            <div class="relative z-10">
+              <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-8">Trusted by more than 100k people</h2>
+              <p class="text-xl text-gray-500 leading-relaxed">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+            </div>
+          </div>
+        </div>
+        <div class="relative w-full xl:w-3/5 px-4 h-186 overflow-hidden">
+          <div class="absolute top-0 left-0 z-10 w-full h-52 bg-gradient-to-b from-darkBlue-900 to-transparent"></div>
+          <div class="absolute z-10 bottom-0 left-0 w-full h-52 bg-gradient-to-t from-darkBlue-900 to-transparent"></div>
+          <div class="max-w-md md:max-w-3xl mx-auto xl:mr-0">
+            <div class="flex flex-wrap -mx-4">
+              <div class="w-full md:w-1/2 px-4">
+                <div class="slider-2 h-full">
+                  <div class="slider-container-2">
+                    <div class="slide-2 p-6 mb-6 rounded-3xl overflow-hidden bg-white">
+                      <div class="pb-6 mb-6 border-b border-gray-100">
+                        <p class="text-black mb-6">Casper has become an invaluable asset to our website. The AI chat assistant not only engages visitors but also collects valuable data and insights.</p>
+                        <div class="flex items-center">
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                        </div>
+                      </div>
+                      <div class="flex items-center">
+                        <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-2.png" alt="">
+                        <div class="ml-4">
+                          <span class="block text-lg font-medium text-black">Kristin Watson</span>
+                          <span class="block text-sm font-medium text-black">Johnson & Johnson</span>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="slide-2 p-6 mb-6 rounded-3xl overflow-hidden bg-white">
+                      <div class="pb-6 mb-6 border-b border-gray-100">
+                        <p class="text-black mb-6">Casper has become an invaluable asset to our website. The AI chat assistant not only engages visitors but also collects valuable data and insights.</p>
+                        <div class="flex items-center">
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                        </div>
+                      </div>
+                      <div class="flex items-center">
+                        <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-4.png" alt="">
+                        <div class="ml-4">
+                          <span class="block text-lg font-medium text-black">Guy Hawkins</span>
+                          <span class="block text-sm font-medium text-black">Louis Vuitton</span>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="slide-2 p-6 mb-6 rounded-3xl overflow-hidden bg-white">
+                      <div class="pb-6 mb-6 border-b border-gray-100">
+                        <p class="text-black mb-6">Casper has become an invaluable asset to our website. The AI chat assistant not only engages visitors but also collects valuable data and insights.</p>
+                        <div class="flex items-center">
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                        </div>
+                      </div>
+                      <div class="flex items-center">
+                        <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-1.png" alt="">
+                        <div class="ml-4">
+                          <span class="block text-lg font-medium text-black">Jenny Wilson</span>
+                          <span class="block text-sm font-medium text-black">The Walt Disney Company</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="w-full md:w-1/2 px-4">
+                <div class="md:slider-2 h-full">
+                  <div class="slider-container-2 slide-2">
+                    <div class="md:slide-2 p-6 mb-6 rounded-3xl overflow-hidden bg-white">
+                      <div class="pb-6 mb-6 border-b border-gray-100">
+                        <p class="text-black mb-6">Casper has become an invaluable asset to our website. The AI chat assistant not only engages visitors but also collects valuable data and insights.</p>
+                        <div class="flex items-center">
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                        </div>
+                      </div>
+                      <div class="flex items-center">
+                        <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-4.png" alt="">
+                        <div class="ml-4">
+                          <span class="block text-lg font-medium text-black">Ronald Richards</span>
+                          <span class="block text-sm font-medium text-black">The Walt Disney Company</span>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="md:slide-2 p-6 mb-6 rounded-3xl overflow-hidden bg-white">
+                      <div class="pb-6 mb-6 border-b border-gray-100">
+                        <p class="text-black mb-6">Casper has become an invaluable asset to our website. The AI chat assistant not only engages visitors but also collects valuable data and insights.</p>
+                        <div class="flex items-center">
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                        </div>
+                      </div>
+                      <div class="flex items-center">
+                        <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-2.png" alt="">
+                        <div class="ml-4">
+                          <span class="block text-lg font-medium text-black">Jenny Wilson</span>
+                          <span class="block text-sm font-medium text-black">Louis Vuitton</span>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="md:slide-2 p-6 mb-6 rounded-3xl overflow-hidden bg-white">
+                      <div class="pb-6 mb-6 border-b border-gray-100">
+                        <p class="text-black mb-6">Casper has become an invaluable asset to our website. The AI chat assistant not only engages visitors but also collects valuable data and insights.</p>
+                        <div class="flex items-center">
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg class="mr-2" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                          <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                          </svg>
+                        </div>
+                      </div>
+                      <div class="flex items-center">
+                        <img class="w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-3.png" alt="">
+                        <div class="ml-4">
+                          <span class="block text-lg font-medium text-black">Kristin Watson</span>
+                          <span class="block text-sm font-medium text-black">Johnson & Johnson</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-aijgzYxB.html b/components/unsorted/casper-all-aijgzYxB.html
new file mode 100644
index 0000000..d10adfc
--- /dev/null
+++ b/components/unsorted/casper-all-aijgzYxB.html
@@ -0,0 +1,80 @@
+<div><section class="relative bg-white pb-20 overflow-hidden">
+    <nav class="relative z-10 py-7">
+      <div class="container mx-auto px-4">
+        <div class="relative flex items-center justify-between">
+          <a class="inline-block" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo.svg" alt="">
+          </a>
+          <div class="flex items-center justify-end">
+            <div class="hidden lg:block mr-10"><a class="inline-flex py-2 px-4 mr-4 items-center justify-center text-sm font-medium uppercase text-violet-900 hover:text-violet-500" href="#">SIGN IN</a><a class="inline-flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+            <button class="navbar-burger text-black hover:text-violet-500">
+              <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3 16H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M3 8H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M20 24L29 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <img class="absolute top-0 right-0" src="casper-assets/headers/circle-double-element.svg" alt="">
+    <div class="relative pt-20">
+      <div class="container mx-auto px-4">
+        <div class="flex flex-wrap -mx-4 mb-9">
+          <div class="w-full lg:w-1/2 px-4 mb-8 lg:mb-0">
+            <div class="relative max-w-md lg:max-w-none">
+              <img class="hidden lg:block absolute top-0 left-0 -ml-28 -mt-24 animate-spinStar" src="casper-assets/headers/blink.png" alt="">
+              <h1 class="font-heading text-4xl xs:text-5xl md:text-7xl text-black font-semibold leading-none">INTRODUCING CASPER AI</h1>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4">
+            <div class="max-w-sm lg:ml-auto">
+              <p class="text-2xl text-gray-400 mb-8">
+                <span class="block">Welcome to ChatBotX -</span>
+                <span class="block">Your Intelligent AI Chat Assistant!</span>
+              </p>
+              <a class="group inline-flex h-14 px-7 items-center justify-center text-base font-medium text-violet-900 hover:text-white bg-white hover:bg-violet-600 border border-gray-200 hover:border-violet-600 transition duration-200 rounded-full" href="#">
+                <span class="mr-2">TRY IT FOR FREE</span>
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                </svg>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-2/3 px-4 mb-8 lg:mb-0">
+            <img class="block w-full" src="casper-assets/headers/photo-cosmic-2.png" alt="">
+          </div>
+          <div class="w-full lg:w-1/3 px-4">
+            <img class="block w-full" src="casper-assets/headers/photo-cosmic-1.png" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="hidden navbar-menu fixed top-0 left-0 bottom-0 w-5/6 max-w-md z-50">
+      <div class="navbar-backdrop fixed inset-0 bg-violet-900 opacity-20"></div>
+      <nav class="relative flex flex-col py-7 px-10 w-full h-full bg-white overflow-y-auto">
+        <div class="flex mb-auto items-center">
+          <a class="inline-block mr-auto" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo.svg" alt="">
+          </a>
+          <a class="navbar-close" href="#">
+            <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M6 18L18 6M6 6L18 18" stroke="#111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+            </svg>
+          </a>
+        </div>
+        <div class="py-12 mb-auto">
+          <ul class="flex-col">
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">FEATURED</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">SOLUTIONS</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">PRODUCTS</a></li>
+            <li><a class="inline-block text-base text-black font-medium uppercase" href="#">ARTICLES</a></li>
+          </ul>
+        </div>
+        <div><a class="flex py-2 px-4 mb-4 items-center justify-center text-sm font-medium uppercase text-violet-900 hover:text-violet-500" href="#">SIGN IN</a><a class="flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+      </nav>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-cNWpNEZu.html b/components/unsorted/casper-all-cNWpNEZu.html
new file mode 100644
index 0000000..6bd547a
--- /dev/null
+++ b/components/unsorted/casper-all-cNWpNEZu.html
@@ -0,0 +1,25 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 -ml-60 -mt-96 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="relative flex flex-wrap -mx-4">
+        <div class="w-full lg:w-1/2 px-4 mb-16 lg:mb-0">
+          <div class="max-w-2xl mx-auto lg:mx-0 lg:max-w-md xl:max-w-lg">
+            <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl xl:text-7xl font-medium text-white tracking-tight mb-6">
+              <span class="block">Casper</span>
+              <span>is an awesome UI Library</span>
+            </h2>
+            <p class="text-3xl font-medium text-gray-600 mb-4">Arcu ultrices sit non magna enim id semper quam venenatis. Mi quisque ultrices hendrerit nec aliquet integer mollis faucibus morbi.</p>
+            <p class="text-3xl font-medium text-gray-600">Augue justo at convallis vitae nunc maecenas est. Viverra duis feugiat posuere vitae tincidunt.</p>
+          </div>
+        </div>
+        <div class="w-full lg:w-1/2 px-4">
+          <div class="max-w-2xl mx-auto lg:mx-0 lg:max-w-md xl:max-w-xl">
+            <h3 class="text-2xl text-gray-50 font-medium mb-8">Mi quisque ultrices hendrerit nec aliquet integer mollis faucibus morbi.</h3>
+            <p class="text-lg tracking-tight text-gray-200 mb-4">Pellentesque ipsum nulla in eget interdum a. Neque pellentesque pulvinar mauris pulvinar diam. Turpis aliquet pellentesque velit vitae nisi sed morbi ultrices sed. Egestas interdum elit integer nec pharetra eget blandit dolor purus. A sed nisi congue morbi fermentum blandit. Turpis pretium dignissim risus ultrices purus et amet netus nibh.</p>
+            <p class="text-lg tracking-tight text-gray-200 mb-10">Vestibulum est ante in congue a fusce nunc. At tristique donec nisi viverra vulputate blandit orci at lectus. Morbi cras urna congue ornare. Mi magna vestibulum tortor id nec tortor non. Enim orci lorem egestas sed morbi dui mauris etiam nulla. Euismod cursus viverra ut ac eu sit quam amet tempor. Id in suspendisse nam sit vitae ullamcorper mollis et ut.</p>
+            <img class="block w-full" src="casper-assets/content/image-robot.png" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-cinYkgCu.html b/components/unsorted/casper-all-cinYkgCu.html
new file mode 100644
index 0000000..330b840
--- /dev/null
+++ b/components/unsorted/casper-all-cinYkgCu.html
@@ -0,0 +1,37 @@
+<div> <section class="relative pt-24 pb-12 sm:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="max-w-xl lg:max-w-none mx-auto">
+        <div class="flex flex-wrap items-center -mx-4">
+          <div class="relative w-full lg:w-1/2 px-4 mb-20 lg:mb-0">
+            <img class="absolute top-0 right-0 mr-20 -mt-20 animate-spinStar" src="casper-assets/testimonials/blink-star.png" alt="">
+            <div class="relative max-w-md xl:max-w-xl mx-auto lg:mx-0">
+              <span class="inline-flex items-center px-3.5 h-7 mb-9 text-xs font-medium text-white leading-6 bg-gradient-tag rounded-full">TESTIMONIALS</span>
+              <p class="text-3xl text-white font-medium leading-tight mb-8">The AI chat assistant not only engages visitors but also collects valuable data and insights. We now have a better understanding of our customers' preferences and can tailor our offerings accordingly. ChatBotX is a must-have for any business.</p>
+              <div class="mb-8">
+                <span class="block text-2xl text-white font-medium">Beby Jennifer</span>
+                <span class="text-lg text-gray-500">CEO of an IT Solutions Company</span>
+              </div>
+              <div>
+                <button class="inline-flex w-14 h-14 mr-2.5 items-center justify-center text-gray-300 hover:text-black border border-white hover:border-violet-500 hover:bg-violet-500 rounded-full transition duration-150">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M6.08 11.62C6.12759 11.4973 6.19896 11.3851 6.29 11.29L11.29 6.29C11.3832 6.19676 11.4939 6.1228 11.6158 6.07234C11.7376 6.02188 11.8681 5.99591 12 5.99591C12.2663 5.99591 12.5217 6.1017 12.71 6.29C12.8032 6.38324 12.8772 6.49393 12.9277 6.61575C12.9781 6.73758 13.0041 6.86814 13.0041 7C13.0041 7.2663 12.8983 7.5217 12.71 7.71L9.41 11H17C17.2652 11 17.5196 11.1054 17.7071 11.2929C17.8946 11.4804 18 11.7348 18 12C18 12.2652 17.8946 12.5196 17.7071 12.7071C17.5196 12.8946 17.2652 13 17 13H9.41L12.71 16.29C12.8037 16.383 12.8781 16.4936 12.9289 16.6154C12.9797 16.7373 13.0058 16.868 13.0058 17C13.0058 17.132 12.9797 17.2627 12.9289 17.3846C12.8781 17.5064 12.8037 17.617 12.71 17.71C12.617 17.8037 12.5064 17.8781 12.3846 17.9289C12.2627 17.9797 12.132 18.0058 12 18.0058C11.868 18.0058 11.7373 17.9797 11.6154 17.9289C11.4936 17.8781 11.383 17.8037 11.29 17.71L6.29 12.71C6.19896 12.6149 6.12759 12.5028 6.08 12.38C5.97998 12.1365 5.97998 11.8635 6.08 11.62Z" fill="currentColor"></path>
+                  </svg>
+                </button>
+                <button class="inline-flex w-14 h-14 items-center justify-center text-gray-300 hover:text-black border border-white hover:border-violet-500 hover:bg-violet-500 rounded-full transition duration-150">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.92 11.62C17.8724 11.4973 17.801 11.3851 17.71 11.29L12.71 6.29C12.6168 6.19676 12.5061 6.1228 12.3842 6.07234C12.2624 6.02188 12.1319 5.99591 12 5.99591C11.7337 5.99591 11.4783 6.1017 11.29 6.29C11.1968 6.38324 11.1228 6.49393 11.0723 6.61575C11.0219 6.73758 10.9959 6.86814 10.9959 7C10.9959 7.2663 11.1017 7.5217 11.29 7.71L14.59 11H7C6.73478 11 6.48043 11.1054 6.29289 11.2929C6.10536 11.4804 6 11.7348 6 12C6 12.2652 6.10536 12.5196 6.29289 12.7071C6.48043 12.8946 6.73478 13 7 13H14.59L11.29 16.29C11.1963 16.383 11.1219 16.4936 11.0711 16.6154C11.0203 16.7373 10.9942 16.868 10.9942 17C10.9942 17.132 11.0203 17.2627 11.0711 17.3846C11.1219 17.5064 11.1963 17.617 11.29 17.71C11.383 17.8037 11.4936 17.8781 11.6154 17.9289C11.7373 17.9797 11.868 18.0058 12 18.0058C12.132 18.0058 12.2627 17.9797 12.3846 17.9289C12.5064 17.8781 12.617 17.8037 12.71 17.71L17.71 12.71C17.801 12.6149 17.8724 12.5028 17.92 12.38C18.02 12.1365 18.02 11.8635 17.92 11.62Z" fill="currentColor"></path>
+                  </svg>
+                </button>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4">
+            <div class="relative flex items-center justify-center max-w-md xl:max-w-lg mx-auto lg:mx-0 lg:mr-0 px-16 h-112 lg:h-128 rounded-3xl overflow-hidden">
+              <img class="relative z-10 block w-full" src="casper-assets/testimonials/logo-big.svg" alt="">
+              <img class="absolute top-0 left-0 block w-full h-full object-cover" src="casper-assets/testimonials/bg-gradient-color.png" alt="">
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-czSiJEBB.html b/components/unsorted/casper-all-czSiJEBB.html
new file mode 100644
index 0000000..69dd69b
--- /dev/null
+++ b/components/unsorted/casper-all-czSiJEBB.html
@@ -0,0 +1,65 @@
+<div> <section class="relative py-12 sm:py-24 bg-body overflow-hidden">
+    <img class="absolute top-0 left-0 mt-32" src="casper-assets/features/left-double-circle.svg" alt="">
+    <div class="absolute top-0 left-1/2 transform -translate-x-1/2 -mt-16 w-160 h-160 bg-gradient-to-t from-purple-700 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+    <img class="hidden sm:block absolute top-0 left-0 mt-12 xl:mt-20 ml-4 lg:ml-16 xl:ml-40 animate-spinStar" src="casper-assets/features/blink-star.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="max-w-5xl mx-auto mb-8 text-center">
+        <span class="inline-flex items-center px-3.5 h-7 mb-3 text-xs font-medium text-white leading-6 bg-gradient-tag rounded-full">FEATURES</span>
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-3">Intelligent Conversations</h2>
+        <p class="text-xl text-gray-400">Casper is powered by state-of-the-art artificial intelligence</p>
+      </div>
+      <div class="max-w-5xl mx-auto">
+        <div class="relative pt-6 px-9 pb-10 mb-8 rounded-3xl overflow-hidden">
+          <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/features/card-bg-image-1.png" alt="">
+          <div class="relative">
+            <span class="block text-6xl font-medium text-white mb-6">01</span>
+            <span class="block text-2xl font-medium text-white mb-28">Intelligent Conversations</span>
+            <a class="group inline-flex h-14 px-7 items-center justify-center text-base font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">
+              <span class="mr-2">TRY IT NOW</span>
+              <span class="animate-spinSlow group-hover:animate-none">
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M11.9999 11C11.8021 11 11.6088 11.0586 11.4443 11.1685C11.2799 11.2784 11.1517 11.4346 11.076 11.6173C11.0003 11.8 10.9805 12.0011 11.0191 12.1951C11.0577 12.3891 11.153 12.5673 11.2928 12.7071C11.4327 12.847 11.6108 12.9422 11.8048 12.9808C11.9988 13.0194 12.1999 12.9996 12.3826 12.9239C12.5653 12.8482 12.7215 12.72 12.8314 12.5556C12.9413 12.3911 12.9999 12.1978 12.9999 12C12.9999 11.7348 12.8946 11.4804 12.707 11.2929C12.5195 11.1054 12.2651 11 11.9999 11ZM19.6199 12L19.7299 11.86C21.0799 10 21.3999 8.29 20.6599 7C19.9199 5.71 18.2599 5.14 15.9999 5.37H15.8199C14.9099 3.3 13.5599 2 11.9999 2C10.4399 2 9.08991 3.3 8.18991 5.4L7.99991 5.37C5.73991 5.14 4.07991 5.71 3.33991 7C2.59991 8.29 2.91991 10 4.26991 11.86L4.37991 12L4.26991 12.14C2.91991 14 2.59991 15.71 3.33991 17C3.99991 18.1 5.26991 18.68 6.99991 18.68C7.30991 18.68 7.62991 18.68 7.99991 18.63H8.17991C9.08991 20.7 10.4399 22 11.9999 22C13.5599 22 14.9099 20.7 15.8099 18.6H15.9899C16.3299 18.6 16.6499 18.65 16.9899 18.65C18.7599 18.65 20.0599 18.07 20.6899 16.97C21.4299 15.68 21.1099 13.97 19.7599 12.11L19.6199 12ZM5.06991 8C5.31991 7.56 6.06991 7.32 7.06991 7.32H7.55991C7.40321 7.93517 7.2863 8.5598 7.20991 9.19C6.70045 9.57537 6.21613 9.99288 5.75991 10.44C4.99991 9.44 4.77991 8.5 5.06991 8ZM5.06991 16C4.77991 15.5 5.06991 14.56 5.73991 13.53C6.19613 13.9771 6.68045 14.3946 7.18991 14.78C7.26631 15.4135 7.38322 16.0415 7.53991 16.66C6.29991 16.74 5.35991 16.5 5.06991 16ZM11.9999 4C12.5599 4 13.2299 4.66 13.7999 5.83C13.189 6.00731 12.5881 6.21762 11.9999 6.46C11.4117 6.21762 10.8109 6.00731 10.1999 5.83C10.7699 4.66 11.4399 4 11.9999 4ZM11.9999 20C11.4399 20 10.7699 19.34 10.1999 18.17C10.8109 17.9927 11.4117 17.7824 11.9999 17.54C12.5881 17.7824 13.189 17.9927 13.7999 18.17C13.2299 19.34 12.5599 20 11.9999 20ZM14.9299 13.69C14.4699 14.01 13.9999 14.31 13.4999 14.6C12.9999 14.89 12.4999 15.15 11.9999 15.38C11.4999 15.1467 10.9999 14.8867 10.4999 14.6C9.99991 14.31 9.49991 14.01 9.06991 13.69C8.99991 13.15 8.99991 12.59 8.99991 12C8.99991 11.41 8.99991 10.85 9.06991 10.31C9.52991 9.99 9.99991 9.69 10.4999 9.4C10.9999 9.11 11.4999 8.85 11.9999 8.62C12.4999 8.85333 12.9999 9.11333 13.4999 9.4C13.9999 9.69 14.4999 9.99 14.9299 10.31C14.9299 10.85 14.9999 11.41 14.9999 12C14.9999 12.59 14.9999 13.15 14.9299 13.69ZM18.9299 16C18.6399 16.5 17.6999 16.75 16.4599 16.66C16.6166 16.0415 16.7335 15.4135 16.8099 14.78C17.3194 14.3946 17.8037 13.9771 18.2599 13.53C18.9999 14.56 19.2199 15.5 18.9299 16ZM18.2599 10.47C17.8037 10.0229 17.3194 9.60537 16.8099 9.22C16.7335 8.5898 16.6166 7.96517 16.4599 7.35H16.9499C17.9499 7.35 18.6799 7.59 18.9499 8.03C19.2199 8.47 18.9999 9.44 18.2599 10.47Z" fill="currentColor"></path>
+                </svg>
+              </span>
+            </a>
+          </div>
+        </div>
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full md:w-1/2 px-4 mb-8 md:mb-0">
+            <div class="relative h-full pt-6 px-9 pb-10 rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/features/card-bg-image-2.png" alt="">
+              <div class="relative flex flex-col h-full items-start">
+                <span class="block text-6xl font-medium text-white mb-6">02</span>
+                <span class="block text-2xl font-medium text-white mb-28">Personalized Experiences</span>
+                <a class="group inline-flex mt-auto h-14 px-7 items-center justify-center text-base font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">
+                  <span class="mr-2">TRY IT NOW</span>
+                  <span class="animate-spinSlow group-hover:animate-none">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M11.9999 11C11.8021 11 11.6088 11.0586 11.4443 11.1685C11.2799 11.2784 11.1517 11.4346 11.076 11.6173C11.0003 11.8 10.9805 12.0011 11.0191 12.1951C11.0577 12.3891 11.153 12.5673 11.2928 12.7071C11.4327 12.847 11.6108 12.9422 11.8048 12.9808C11.9988 13.0194 12.1999 12.9996 12.3826 12.9239C12.5653 12.8482 12.7215 12.72 12.8314 12.5556C12.9413 12.3911 12.9999 12.1978 12.9999 12C12.9999 11.7348 12.8946 11.4804 12.707 11.2929C12.5195 11.1054 12.2651 11 11.9999 11ZM19.6199 12L19.7299 11.86C21.0799 10 21.3999 8.29 20.6599 7C19.9199 5.71 18.2599 5.14 15.9999 5.37H15.8199C14.9099 3.3 13.5599 2 11.9999 2C10.4399 2 9.08991 3.3 8.18991 5.4L7.99991 5.37C5.73991 5.14 4.07991 5.71 3.33991 7C2.59991 8.29 2.91991 10 4.26991 11.86L4.37991 12L4.26991 12.14C2.91991 14 2.59991 15.71 3.33991 17C3.99991 18.1 5.26991 18.68 6.99991 18.68C7.30991 18.68 7.62991 18.68 7.99991 18.63H8.17991C9.08991 20.7 10.4399 22 11.9999 22C13.5599 22 14.9099 20.7 15.8099 18.6H15.9899C16.3299 18.6 16.6499 18.65 16.9899 18.65C18.7599 18.65 20.0599 18.07 20.6899 16.97C21.4299 15.68 21.1099 13.97 19.7599 12.11L19.6199 12ZM5.06991 8C5.31991 7.56 6.06991 7.32 7.06991 7.32H7.55991C7.40321 7.93517 7.2863 8.5598 7.20991 9.19C6.70045 9.57537 6.21613 9.99288 5.75991 10.44C4.99991 9.44 4.77991 8.5 5.06991 8ZM5.06991 16C4.77991 15.5 5.06991 14.56 5.73991 13.53C6.19613 13.9771 6.68045 14.3946 7.18991 14.78C7.26631 15.4135 7.38322 16.0415 7.53991 16.66C6.29991 16.74 5.35991 16.5 5.06991 16ZM11.9999 4C12.5599 4 13.2299 4.66 13.7999 5.83C13.189 6.00731 12.5881 6.21762 11.9999 6.46C11.4117 6.21762 10.8109 6.00731 10.1999 5.83C10.7699 4.66 11.4399 4 11.9999 4ZM11.9999 20C11.4399 20 10.7699 19.34 10.1999 18.17C10.8109 17.9927 11.4117 17.7824 11.9999 17.54C12.5881 17.7824 13.189 17.9927 13.7999 18.17C13.2299 19.34 12.5599 20 11.9999 20ZM14.9299 13.69C14.4699 14.01 13.9999 14.31 13.4999 14.6C12.9999 14.89 12.4999 15.15 11.9999 15.38C11.4999 15.1467 10.9999 14.8867 10.4999 14.6C9.99991 14.31 9.49991 14.01 9.06991 13.69C8.99991 13.15 8.99991 12.59 8.99991 12C8.99991 11.41 8.99991 10.85 9.06991 10.31C9.52991 9.99 9.99991 9.69 10.4999 9.4C10.9999 9.11 11.4999 8.85 11.9999 8.62C12.4999 8.85333 12.9999 9.11333 13.4999 9.4C13.9999 9.69 14.4999 9.99 14.9299 10.31C14.9299 10.85 14.9999 11.41 14.9999 12C14.9999 12.59 14.9999 13.15 14.9299 13.69ZM18.9299 16C18.6399 16.5 17.6999 16.75 16.4599 16.66C16.6166 16.0415 16.7335 15.4135 16.8099 14.78C17.3194 14.3946 17.8037 13.9771 18.2599 13.53C18.9999 14.56 19.2199 15.5 18.9299 16ZM18.2599 10.47C17.8037 10.0229 17.3194 9.60537 16.8099 9.22C16.7335 8.5898 16.6166 7.96517 16.4599 7.35H16.9499C17.9499 7.35 18.6799 7.59 18.9499 8.03C19.2199 8.47 18.9999 9.44 18.2599 10.47Z" fill="currentColor"></path>
+                    </svg>
+                  </span>
+                </a>
+              </div>
+            </div>
+          </div>
+          <div class="w-full md:w-1/2 px-4">
+            <div class="relative h-full pt-6 px-9 pb-10 rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/features/card-bg-image-3.png" alt="">
+              <div class="relative flex flex-col h-full items-start">
+                <span class="block text-6xl font-medium text-white mb-6">03</span>
+                <span class="block text-2xl font-medium text-white mb-28">24/7 Availability</span>
+                <a class="group inline-flex mt-auto h-14 px-7 items-center justify-center text-base font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">
+                  <span class="mr-2">TRY IT NOW</span>
+                  <span class="animate-spinSlow group-hover:animate-none">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M11.9999 11C11.8021 11 11.6088 11.0586 11.4443 11.1685C11.2799 11.2784 11.1517 11.4346 11.076 11.6173C11.0003 11.8 10.9805 12.0011 11.0191 12.1951C11.0577 12.3891 11.153 12.5673 11.2928 12.7071C11.4327 12.847 11.6108 12.9422 11.8048 12.9808C11.9988 13.0194 12.1999 12.9996 12.3826 12.9239C12.5653 12.8482 12.7215 12.72 12.8314 12.5556C12.9413 12.3911 12.9999 12.1978 12.9999 12C12.9999 11.7348 12.8946 11.4804 12.707 11.2929C12.5195 11.1054 12.2651 11 11.9999 11ZM19.6199 12L19.7299 11.86C21.0799 10 21.3999 8.29 20.6599 7C19.9199 5.71 18.2599 5.14 15.9999 5.37H15.8199C14.9099 3.3 13.5599 2 11.9999 2C10.4399 2 9.08991 3.3 8.18991 5.4L7.99991 5.37C5.73991 5.14 4.07991 5.71 3.33991 7C2.59991 8.29 2.91991 10 4.26991 11.86L4.37991 12L4.26991 12.14C2.91991 14 2.59991 15.71 3.33991 17C3.99991 18.1 5.26991 18.68 6.99991 18.68C7.30991 18.68 7.62991 18.68 7.99991 18.63H8.17991C9.08991 20.7 10.4399 22 11.9999 22C13.5599 22 14.9099 20.7 15.8099 18.6H15.9899C16.3299 18.6 16.6499 18.65 16.9899 18.65C18.7599 18.65 20.0599 18.07 20.6899 16.97C21.4299 15.68 21.1099 13.97 19.7599 12.11L19.6199 12ZM5.06991 8C5.31991 7.56 6.06991 7.32 7.06991 7.32H7.55991C7.40321 7.93517 7.2863 8.5598 7.20991 9.19C6.70045 9.57537 6.21613 9.99288 5.75991 10.44C4.99991 9.44 4.77991 8.5 5.06991 8ZM5.06991 16C4.77991 15.5 5.06991 14.56 5.73991 13.53C6.19613 13.9771 6.68045 14.3946 7.18991 14.78C7.26631 15.4135 7.38322 16.0415 7.53991 16.66C6.29991 16.74 5.35991 16.5 5.06991 16ZM11.9999 4C12.5599 4 13.2299 4.66 13.7999 5.83C13.189 6.00731 12.5881 6.21762 11.9999 6.46C11.4117 6.21762 10.8109 6.00731 10.1999 5.83C10.7699 4.66 11.4399 4 11.9999 4ZM11.9999 20C11.4399 20 10.7699 19.34 10.1999 18.17C10.8109 17.9927 11.4117 17.7824 11.9999 17.54C12.5881 17.7824 13.189 17.9927 13.7999 18.17C13.2299 19.34 12.5599 20 11.9999 20ZM14.9299 13.69C14.4699 14.01 13.9999 14.31 13.4999 14.6C12.9999 14.89 12.4999 15.15 11.9999 15.38C11.4999 15.1467 10.9999 14.8867 10.4999 14.6C9.99991 14.31 9.49991 14.01 9.06991 13.69C8.99991 13.15 8.99991 12.59 8.99991 12C8.99991 11.41 8.99991 10.85 9.06991 10.31C9.52991 9.99 9.99991 9.69 10.4999 9.4C10.9999 9.11 11.4999 8.85 11.9999 8.62C12.4999 8.85333 12.9999 9.11333 13.4999 9.4C13.9999 9.69 14.4999 9.99 14.9299 10.31C14.9299 10.85 14.9999 11.41 14.9999 12C14.9999 12.59 14.9999 13.15 14.9299 13.69ZM18.9299 16C18.6399 16.5 17.6999 16.75 16.4599 16.66C16.6166 16.0415 16.7335 15.4135 16.8099 14.78C17.3194 14.3946 17.8037 13.9771 18.2599 13.53C18.9999 14.56 19.2199 15.5 18.9299 16ZM18.2599 10.47C17.8037 10.0229 17.3194 9.60537 16.8099 9.22C16.7335 8.5898 16.6166 7.96517 16.4599 7.35H16.9499C17.9499 7.35 18.6799 7.59 18.9499 8.03C19.2199 8.47 18.9999 9.44 18.2599 10.47Z" fill="currentColor"></path>
+                    </svg>
+                  </span>
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-fBaRbbni.html b/components/unsorted/casper-all-fBaRbbni.html
new file mode 100644
index 0000000..b61c3b7
--- /dev/null
+++ b/components/unsorted/casper-all-fBaRbbni.html
@@ -0,0 +1,37 @@
+<div> <section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="absolute top-0 right-0 mr-40 -mt-20 w-160 h-128 bg-gradient-to-t from-blue-500 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+    <div class="absolute top-0 right-0 mt-64 mr-128 w-96 h-96 bg-gradient-to-t from-purple-600 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+    <div class="relative container mx-auto px-4">
+      <div class="max-w-xl lg:max-w-none mx-auto">
+        <div class="mb-20">
+          <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-6">How it works</h2>
+          <p class="text-xl text-gray-400">Mi turpis turpis in justo pellentesque id nibh praesent.</p>
+        </div>
+        <div class="relative flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/2 px-4 mb-16 lg:mb-0">
+            <div class="max-w-sm pr-4 mb-8">
+              <h3 class="font-heading text-4xl xl:text-5xl font-semibold text-gray-700">01</h3>
+              <div class="my-6 h-1 w-full bg-white bg-opacity-20"></div>
+              <p class="text-xl text-gray-100 tracking-tight">From answering questions to providing recommendations, our AI assistant will engage your visitors effortlessly.</p>
+            </div>
+            <div class="max-w-sm pr-4 mb-8">
+              <h3 class="font-heading text-4xl xl:text-5xl font-semibold text-gray-700">02</h3>
+              <div class="my-6 h-1 w-full bg-white bg-opacity-20"></div>
+              <p class="text-xl text-gray-100 tracking-tight">By understanding your visitors' needs, our chat assistant creates a unique experience</p>
+            </div>
+            <div class="max-w-sm pr-4">
+              <h3 class="font-heading text-4xl xl:text-5xl font-semibold text-gray-700">03</h3>
+              <div class="my-6 h-1 w-full bg-white bg-opacity-20"></div>
+              <p class="text-xl text-gray-100 tracking-tight">Say goodbye to static web pages and hello to an interactive, conversational platform</p>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4">
+            <div class="relative flex max-w-xl mx-auto lg:mr-0 pt-16 sm:pt-24 pl-16 sm:pl-24 items-end justify-end rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full" src="casper-assets/how-it-works/bg-gradient-lg.png" alt="">
+              <img class="relative w-full h-full rounded-tl-3xl object-cover" src="casper-assets/how-it-works/box-fabric-lg.png" alt="">
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-fdVMzstZ.html b/components/unsorted/casper-all-fdVMzstZ.html
new file mode 100644
index 0000000..39b8fde
--- /dev/null
+++ b/components/unsorted/casper-all-fdVMzstZ.html
@@ -0,0 +1,131 @@
+<div><section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 -mt-52 -ml-32 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="absolute bottom-0 right-0 mb-40 -mr-52 w-186 h-186 bg-gradient-to-t from-blue-500 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-2xl mx-auto mb-14 text-center">
+        <img class="hidden lg:block absolute bottom-0 left-0 -ml-48 -mb-10" src="casper-assets/pricing/crystal.png" alt="">
+        <span class="inline-flex items-center px-3.5 h-7 mb-4 text-xs font-medium text-white leading-6 bg-gradient-tag rounded-full">PRICING PLAN</span>
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl xl:text-7xl font-medium text-white tracking-tight mb-4">Choose Your Plan</h2>
+        <p class="max-w-md mx-auto text-lg leading-snug tracking-tight text-gray-500">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+      </div>
+      <div class="relative max-w-md lg:max-w-6xl mx-auto p-5 rounded-3xl overflow-hidden">
+        <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20 group-hover:bg-violet-400 group-hover:bg-opacity-100 transition duration-150"></div>
+        <div class="relative flex flex-wrap">
+          <div class="w-full lg:w-1/2">
+            <div class="relative pl-4 lg:pl-10 pr-4 py-10">
+              <img class="block mb-8" src="casper-assets/pricing/icon-avatar-2.png" alt="">
+              <div class="flex flex-wrap -mx-4 mb-8">
+                <div class="px-4">
+                  <span class="block text-4xl font-semibold text-white">$25</span>
+                </div>
+                <div class="px-4">
+                  <span class="block mb-2 text-2xl font-medium text-white">Beginner</span>
+                  <p class="max-w-xs text-sm text-gray-300">Simply dummy text of the printing and typesetting industry.</p>
+                </div>
+              </div>
+              <div>
+                <span class="block mb-4 text-lg font-medium text-white tracking-tight">What’s included:</span>
+                <ul class="mb-8">
+                  <li class="flex items-center mb-4">
+                    <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                      <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                      </svg>
+                    </div>
+                    <span class="text-base text-white tracking-tight">Unlimited Upload Files</span>
+                  </li>
+                  <li class="flex items-center mb-4">
+                    <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                      <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                      </svg>
+                    </div>
+                    <span class="text-base text-white tracking-tight">Advanced Statistic With</span>
+                  </li>
+                  <li class="flex items-center mb-4">
+                    <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                      <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                      </svg>
+                    </div>
+                    <span class="text-base text-white tracking-tight">Powered by state-of-the-art AI</span>
+                  </li>
+                  <li class="flex items-center">
+                    <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                      <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                      </svg>
+                    </div>
+                    <span class="text-base text-white tracking-tight">Casper will adapts to each user</span>
+                  </li>
+                </ul>
+                <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-white bg-violet-500 hover:bg-black transition duration-200 rounded-full" href="#">
+                  <span class="mr-2">CHOOSE PLAN</span>
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                  </svg>
+                </a>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2">
+            <div class="relative pl-4 lg:pl-10 pr-4 py-10 bg-white rounded-2xl">
+              <img class="block mb-8" src="casper-assets/pricing/icon-avatar-1.png" alt="">
+              <div class="flex flex-wrap -mx-4 mb-8">
+                <div class="px-4">
+                  <span class="block text-4xl font-semibold text-gray-900">$25</span>
+                </div>
+                <div class="px-4">
+                  <span class="block mb-2 text-2xl font-medium text-gray-900">Beginner</span>
+                  <p class="max-w-xs text-sm text-gray-600">Simply dummy text of the printing and typesetting industry.</p>
+                </div>
+              </div>
+              <div>
+                <span class="block mb-4 text-lg font-medium text-gray-900 tracking-tight">What’s included:</span>
+                <ul class="mb-8">
+                  <li class="flex items-center mb-4">
+                    <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                      <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                      </svg>
+                    </div>
+                    <span class="text-base text-gray-900 tracking-tight">Unlimited Upload Files</span>
+                  </li>
+                  <li class="flex items-center mb-4">
+                    <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                      <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                      </svg>
+                    </div>
+                    <span class="text-base text-gray-900 tracking-tight">Advanced Statistic With</span>
+                  </li>
+                  <li class="flex items-center mb-4">
+                    <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                      <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                      </svg>
+                    </div>
+                    <span class="text-base text-gray-900 tracking-tight">Powered by state-of-the-art AI</span>
+                  </li>
+                  <li class="flex items-center">
+                    <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                      <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                      </svg>
+                    </div>
+                    <span class="text-base text-gray-900 tracking-tight">Casper will adapts to each user</span>
+                  </li>
+                </ul>
+                <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-white bg-violet-500 hover:bg-black transition duration-200 rounded-full" href="#">
+                  <span class="mr-2">CHOOSE PLAN</span>
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                  </svg>
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-fwQFOhqU.html b/components/unsorted/casper-all-fwQFOhqU.html
new file mode 100644
index 0000000..8105506
--- /dev/null
+++ b/components/unsorted/casper-all-fwQFOhqU.html
@@ -0,0 +1,34 @@
+<div><section class="relative py-12 md:py-20 bg-body overflow-hidden">
+    <div class="container mx-auto px-4">
+      <div class="flex flex-wrap items-center -mx-4">
+        <div class="w-full lg:w-2/3 xl:w-1/2 px-4 mb-20 lg:mb-0">
+          <div class="relative max-w-md mx-auto lg:mx-0">
+            <h2 class="max-w-md font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-4">Start custom & build!</h2>
+            <p class="text-lg text-gray-500 tracking-tight mb-16">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+            <div class="flex mb-6 items-center">
+              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M7.50002 6.00002C7.20334 6.00002 6.91333 6.08799 6.66666 6.25281C6.41999 6.41763 6.22773 6.6519 6.1142 6.92599C6.00067 7.20008 5.97096 7.50168 6.02884 7.79265C6.08672 8.08362 6.22958 8.3509 6.43936 8.56068C6.64914 8.77046 6.91641 8.91332 7.20738 8.97119C7.49835 9.02907 7.79995 8.99937 8.07404 8.88584C8.34813 8.7723 8.5824 8.58005 8.74722 8.33337C8.91204 8.0867 9.00002 7.79669 9.00002 7.50002C9.00002 7.10219 8.84198 6.72066 8.56068 6.43936C8.27937 6.15805 7.89784 6.00002 7.50002 6.00002ZM21.12 10.71L12.71 2.29002C12.6166 2.19734 12.5058 2.12401 12.3839 2.07425C12.2621 2.02448 12.1316 1.99926 12 2.00002H3.00002C2.7348 2.00002 2.48045 2.10537 2.29291 2.29291C2.10537 2.48045 2.00002 2.7348 2.00002 3.00002V12C1.99926 12.1316 2.02448 12.2621 2.07425 12.3839C2.12401 12.5058 2.19734 12.6166 2.29002 12.71L10.71 21.12C11.2725 21.6818 12.035 21.9974 12.83 21.9974C13.625 21.9974 14.3875 21.6818 14.95 21.12L21.12 15C21.6818 14.4375 21.9974 13.675 21.9974 12.88C21.9974 12.085 21.6818 11.3225 21.12 10.76V10.71ZM19.71 13.53L13.53 19.7C13.3427 19.8863 13.0892 19.9908 12.825 19.9908C12.5608 19.9908 12.3074 19.8863 12.12 19.7L4.00002 11.59V4.00002H11.59L19.71 12.12C19.8027 12.2135 19.876 12.3243 19.9258 12.4461C19.9756 12.5679 20.0008 12.6984 20 12.83C19.9989 13.0924 19.8948 13.3438 19.71 13.53Z" fill="#FFB11A"></path>
+              </svg>
+              <span class="ml-3 text-3xl font-medium text-white">Only $50</span>
+            </div>
+            <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-violet-800 bg-violet-500 hover:bg-white transition duration-200 rounded-full" href="#">
+              <span class="mr-2">SEE OUR PLANS</span>
+              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+              </svg>
+            </a>
+          </div>
+        </div>
+        <div class="w-full lg:w-1/3 xl:w-1/2 px-4">
+          <div class="relative max-w-md mx-auto lg:max-w-none">
+            <div class="absolute top-0 left-0 w-160 h-160 bg-gradient-to-t from-violet-900 via-darkBlue-900 rounded-full filter blur-4xl"></div>
+            <div class="relative">
+              <img class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2" src="casper-assets/cta/circle-bg-large.png" alt="">
+              <img class="hidden sm:block absolute top-1/2 left-0 transform -translate-y-1/2 -mt-20 -ml-28 xl:-ml-0 lg:w-44 xl:w-auto" src="casper-assets/cta/box-items.png" alt="">
+              <img class="relative block mx-auto" src="casper-assets/cta/phone-robot.png" alt="">
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-gaBuzEzQ.html b/components/unsorted/casper-all-gaBuzEzQ.html
new file mode 100644
index 0000000..124754f
--- /dev/null
+++ b/components/unsorted/casper-all-gaBuzEzQ.html
@@ -0,0 +1,80 @@
+<div> <section class="relative bg-body overflow-hidden">
+    <img class="hidden md:block absolute top-0 left-0 w-2/5 h-full object-cover" src="casper-assets/sign-in/image-left-side.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="w-full md:w-1/2 lg:w-3/5 px-4 ml-auto">
+        <div class="max-w-md xl:max-w-2xl mx-auto md:mr-0 py-24">
+          <div class="max-w-xl mb-8">
+            <h2 class="font-heading text-4xl xl:text-5xl font-medium text-white tracking-tight mb-6">Sign in to your account</h2>
+            <p class="text-xl text-gray-400">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+          </div>
+          <div class="max-w-md">
+            <form action="">
+              <div class="flex flex-col lg:flex-row mb-6 items-center">
+                <a class="inline-flex w-full h-12 mb-4 lg:mb-0 lg:mr-3 px-4 items-center justify-center text-sm font-medium text-gray-400 hover:text-gray-300 border border-gray-800 hover:border-gray-700 rounded-full" href="#">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M15.12 5.32H17V2.14C16.0897 2.04535 15.1751 1.99862 14.26 2C11.54 2 9.67999 3.66 9.67999 6.7V9.32H6.60999V12.88H9.67999V22H13.36V12.88H16.42L16.88 9.32H13.36V7.05C13.36 6 13.64 5.32 15.12 5.32Z" fill="white"></path>
+                  </svg>
+                  <span class="ml-2">Login with Facebook</span>
+                </a>
+                <a class="inline-flex w-full h-12 px-4 items-center justify-center text-sm font-medium text-gray-400 hover:text-gray-300 border border-gray-800 hover:border-gray-700 rounded-full" href="#">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M14.94 5.19C15.3181 4.75428 15.6063 4.24817 15.7882 3.70074C15.9701 3.1533 16.0421 2.57533 16 2C14.8394 2.09369 13.762 2.63956 13 3.52C12.6351 3.94198 12.3586 4.43288 12.1868 4.96364C12.0151 5.49441 11.9516 6.05424 12 6.61C12.5662 6.61472 13.1258 6.4891 13.6356 6.24286C14.1454 5.99662 14.5918 5.63637 14.94 5.19ZM17.46 12.63C17.4667 11.8637 17.6686 11.1118 18.0465 10.4452C18.4244 9.77859 18.966 9.21926 19.62 8.82C19.2073 8.22524 18.6616 7.73483 18.0263 7.38767C17.391 7.04052 16.6835 6.84615 15.96 6.82C14.4 6.66 12.96 7.73 12.13 7.73C11.3 7.73 10.13 6.84 8.83003 6.86C7.98016 6.888 7.15205 7.13578 6.42648 7.57919C5.70091 8.02259 5.10264 8.64648 4.69003 9.39C2.93003 12.45 4.24003 17 6.00003 19.47C6.80003 20.68 7.80003 22.05 9.12003 22C10.44 21.95 10.87 21.18 12.4 21.18C13.93 21.18 14.4 22 15.7 21.97C17 21.94 17.92 20.73 18.76 19.52C19.3551 18.6415 19.8199 17.6816 20.14 16.67C19.3475 16.332 18.6714 15.7693 18.1951 15.0513C17.7188 14.3333 17.4633 13.4916 17.46 12.63Z" fill="white"></path>
+                  </svg>
+                  <span class="ml-2">Login with Apple</span>
+                </a>
+              </div>
+              <div class="flex mb-6 items-center">
+                <div class="h-px w-full">
+                  <div class="h-1/2 bg-gray-800"></div>
+                </div>
+                <span class="inline-block mx-4 text-sm text-gray-300">Or</span>
+                <div class="h-px w-full">
+                  <div class="h-1/2 bg-gray-800"></div>
+                </div>
+              </div>
+              <div class="text-left">
+                <span class="block mb-2 text-sm font-medium text-white leading-snug">Email</span>
+                <input class="block w-full py-2 px-3 h-11 mb-6 bg-gray-800 border border-gray-700 rounded-lg text-sm placeholder-gray-500 text-white border-none outline-none" type="email" placeholder="casper@shuffle.dev">
+                <div class="flex mb-2 items-center justify-between">
+                  <span class="inline-block text-sm font-medium text-white leading-snug">Password</span>
+                  <a class="inline-block text-sm font-medium text-sky-900 hover:text-sky-600 leading-snug" href="#">Forget password?</a>
+                </div>
+                <div class="flex py-2 px-3 h-11 mb-5 bg-gray-800 border border-gray-700 rounded-lg">
+                  <input class="w-full bg-transparent text-sm placeholder-gray-500 text-white border-none outline-none" type="email" placeholder="Enter your password">
+                  <button class="text-gray-600 hover:text-gray-200">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M21.9199 11.6C19.8999 6.91 16.0999 4 11.9999 4C7.89994 4 4.09994 6.91 2.07994 11.6C2.02488 11.7262 1.99646 11.8623 1.99646 12C1.99646 12.1377 2.02488 12.2738 2.07994 12.4C4.09994 17.09 7.89994 20 11.9999 20C16.0999 20 19.8999 17.09 21.9199 12.4C21.975 12.2738 22.0034 12.1377 22.0034 12C22.0034 11.8623 21.975 11.7262 21.9199 11.6ZM11.9999 18C8.81994 18 5.82994 15.71 4.09994 12C5.82994 8.29 8.81994 6 11.9999 6C15.1799 6 18.1699 8.29 19.8999 12C18.1699 15.71 15.1799 18 11.9999 18ZM11.9999 8C11.2088 8 10.4355 8.2346 9.77766 8.67412C9.11987 9.11365 8.60718 9.73836 8.30443 10.4693C8.00168 11.2002 7.92246 12.0044 8.0768 12.7804C8.23114 13.5563 8.61211 14.269 9.17152 14.8284C9.73093 15.3878 10.4437 15.7688 11.2196 15.9231C11.9955 16.0775 12.7998 15.9983 13.5307 15.6955C14.2616 15.3928 14.8863 14.8801 15.3258 14.2223C15.7653 13.5645 15.9999 12.7911 15.9999 12C15.9999 10.9391 15.5785 9.92172 14.8284 9.17157C14.0782 8.42143 13.0608 8 11.9999 8ZM11.9999 14C11.6044 14 11.2177 13.8827 10.8888 13.6629C10.5599 13.4432 10.3036 13.1308 10.1522 12.7654C10.0008 12.3999 9.9612 11.9978 10.0384 11.6098C10.1155 11.2219 10.306 10.8655 10.5857 10.5858C10.8654 10.3061 11.2218 10.1156 11.6098 10.0384C11.9977 9.96126 12.3999 10.0009 12.7653 10.1522C13.1308 10.3036 13.4431 10.56 13.6629 10.8889C13.8826 11.2178 13.9999 11.6044 13.9999 12C13.9999 12.5304 13.7892 13.0391 13.4142 13.4142C13.0391 13.7893 12.5304 14 11.9999 14Z" fill="currentColor"></path>
+                    </svg>
+                  </button>
+                </div>
+                <div class="mb-4">
+                  <label class="custom-checkbox flex items-center relative h-8 cursor-pointer">
+                    <span class="inline-block ml-6 text-sm text-gray-400">Remember for 30 days</span>
+                    <input class="absolute top-0 left-0 transform translate-y-1/2 w-4 h-4 opacity-0" type="checkbox" checked="">
+                    <span class="custom-check absolute top-0 left-0 transform translate-y-1/2 flex h-4 w-4 items-center justify-center bg-violet-400 border border-violet-700 rounded">
+                      <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12.4733 4.80667C12.4114 4.74418 12.3376 4.69458 12.2564 4.66074C12.1752 4.62689 12.088 4.60947 12 4.60947C11.912 4.60947 11.8249 4.62689 11.7436 4.66074C11.6624 4.69458 11.5886 4.74418 11.5267 4.80667L6.56001 9.78L4.47334 7.68667C4.40899 7.62451 4.33303 7.57563 4.2498 7.54283C4.16656 7.51003 4.07768 7.49394 3.98822 7.49549C3.89877 7.49703 3.8105 7.51619 3.72844 7.55185C3.64639 7.58751 3.57217 7.63898 3.51001 7.70333C3.44785 7.76768 3.39897 7.84364 3.36617 7.92688C3.33337 8.01011 3.31728 8.099 3.31883 8.18845C3.32038 8.2779 3.33953 8.36618 3.37519 8.44823C3.41085 8.53028 3.46233 8.60451 3.52667 8.66667L6.08667 11.2267C6.14865 11.2892 6.22238 11.3387 6.30362 11.3726C6.38486 11.4064 6.472 11.4239 6.56001 11.4239C6.64802 11.4239 6.73515 11.4064 6.81639 11.3726C6.89763 11.3387 6.97137 11.2892 7.03334 11.2267L12.4733 5.78667C12.541 5.72424 12.595 5.64847 12.632 5.56414C12.6689 5.4798 12.688 5.38873 12.688 5.29667C12.688 5.2046 12.6689 5.11353 12.632 5.02919C12.595 4.94486 12.541 4.86909 12.4733 4.80667Z" fill="currentColor"></path>
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+                <div>
+                  <button class="flex w-full h-14 py-2 px-4 mb-5 items-center justify-center text-base font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" type="submit">
+                    <span class="mr-2">LOGIN NOW</span>
+                    <svg width="25" height="24" viewbox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M18.4199 6.62C18.3185 6.37565 18.1243 6.18147 17.8799 6.08C17.7597 6.02876 17.6306 6.00158 17.4999 6H7.49994C7.23472 6 6.98037 6.10536 6.79283 6.29289C6.6053 6.48043 6.49994 6.73478 6.49994 7C6.49994 7.26522 6.6053 7.51957 6.79283 7.70711C6.98037 7.89464 7.23472 8 7.49994 8H15.0899L6.78994 16.29C6.69621 16.383 6.62182 16.4936 6.57105 16.6154C6.52028 16.7373 6.49414 16.868 6.49414 17C6.49414 17.132 6.52028 17.2627 6.57105 17.3846C6.62182 17.5064 6.69621 17.617 6.78994 17.71C6.8829 17.8037 6.9935 17.8781 7.11536 17.9289C7.23722 17.9797 7.36793 18.0058 7.49994 18.0058C7.63195 18.0058 7.76266 17.9797 7.88452 17.9289C8.00638 17.8781 8.11698 17.8037 8.20994 17.71L16.4999 9.41V17C16.4999 17.2652 16.6053 17.5196 16.7928 17.7071C16.9804 17.8946 17.2347 18 17.4999 18C17.7652 18 18.0195 17.8946 18.207 17.7071C18.3946 17.5196 18.4999 17.2652 18.4999 17V7C18.4984 6.86932 18.4712 6.74022 18.4199 6.62Z" fill="currentColor"></path>
+                    </svg>
+                  </button>
+                  <p class="text-sm font-medium text-white">
+                    <span>Don’t have an account?</span>
+                    <a class="inline-block text-sky-900 hover:text-sky-600" href="#">Sign up</a>
+                  </p>
+                </div>
+              </div>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+    <img class="block md:hidden w-full h-96 object-cover" src="casper-assets/sign-in/image-left-side.png" alt="">
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-gogKbWtG.html b/components/unsorted/casper-all-gogKbWtG.html
new file mode 100644
index 0000000..aac8abb
--- /dev/null
+++ b/components/unsorted/casper-all-gogKbWtG.html
@@ -0,0 +1,176 @@
+<div><section class="relative py-12 sm:pt-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 -mt-40 -ml-52 w-186 h-186 bg-gradient-to-t from-violet-700 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-2xl mx-auto mb-14 text-center">
+        <span class="inline-flex items-center px-3.5 h-7 mb-4 text-xs font-medium text-white leading-6 bg-gradient-tag rounded-full">PRICING PLAN</span>
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl xl:text-7xl font-medium text-white tracking-tight mb-4">Choose Your Plan</h2>
+        <p class="max-w-md mx-auto text-lg leading-snug tracking-tight text-gray-500">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+      </div>
+      <div class="relative max-w-md lg:max-w-8xl mx-auto">
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <div class="rounded-3xl overflow-hidden">
+              <img class="block w-full h-44 object-cover" src="casper-assets/pricing/pricing-top-1.png" alt="">
+              <div class="bg-white p-10">
+                <span class="block mb-10 text-4xl font-semibold text-gray-900">$50</span>
+                <span class="block mb-2 text-2xl font-medium text-gray-900">Beginner</span>
+                <p class="max-w-xs text-sm text-gray-600 mb-8">Simply dummy text of the printing and typesetting industry.</p>
+                <div>
+                  <span class="block mb-4 text-lg font-medium text-gray-900 tracking-tight">What’s included:</span>
+                  <ul class="mb-8">
+                    <li class="flex items-center mb-4">
+                      <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                        <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                        </svg>
+                      </div>
+                      <span class="text-base text-gray-900 tracking-tight">Unlimited Upload Files</span>
+                    </li>
+                    <li class="flex items-center mb-4">
+                      <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                        <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                        </svg>
+                      </div>
+                      <span class="text-base text-gray-900 tracking-tight">Advanced Statistic With</span>
+                    </li>
+                    <li class="flex items-center mb-4">
+                      <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-red-600">
+                        <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M9 3L3 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                          <path d="M3 3L9 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                      </div>
+                      <span class="text-base text-gray-900 tracking-tight">Powered by state-of-the-art AI</span>
+                    </li>
+                    <li class="flex items-center">
+                      <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-red-600">
+                        <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M9 3L3 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                          <path d="M3 3L9 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                      </div>
+                      <span class="text-base text-gray-900 tracking-tight">Casper will adapts to each user</span>
+                    </li>
+                  </ul>
+                  <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-white bg-violet-500 hover:bg-black transition duration-200 rounded-full" href="#">
+                    <span class="mr-2">CHOOSE PLAN</span>
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                    </svg>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <div class="rounded-3xl overflow-hidden">
+              <img class="block w-full h-44 object-cover" src="casper-assets/pricing/pricing-top-2.png" alt="">
+              <div class="bg-white p-10">
+                <span class="block mb-10 text-4xl font-semibold text-gray-900">$100</span>
+                <span class="block mb-2 text-2xl font-medium text-gray-900">Intermediate</span>
+                <p class="max-w-xs text-sm text-gray-600 mb-8">Simply dummy text of the printing and typesetting industry.</p>
+                <div>
+                  <span class="block mb-4 text-lg font-medium text-gray-900 tracking-tight">What’s included:</span>
+                  <ul class="mb-8">
+                    <li class="flex items-center mb-4">
+                      <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                        <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                        </svg>
+                      </div>
+                      <span class="text-base text-gray-900 tracking-tight">Unlimited Upload Files</span>
+                    </li>
+                    <li class="flex items-center mb-4">
+                      <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                        <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                        </svg>
+                      </div>
+                      <span class="text-base text-gray-900 tracking-tight">Advanced Statistic With</span>
+                    </li>
+                    <li class="flex items-center mb-4">
+                      <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                        <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                        </svg>
+                      </div>
+                      <span class="text-base text-gray-900 tracking-tight">Powered by state-of-the-art AI</span>
+                    </li>
+                    <li class="flex items-center">
+                      <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-red-600">
+                        <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M9 3L3 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                          <path d="M3 3L9 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                      </div>
+                      <span class="text-base text-gray-900 tracking-tight">Casper will adapts to each user</span>
+                    </li>
+                  </ul>
+                  <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-white bg-violet-500 hover:bg-black transition duration-200 rounded-full" href="#">
+                    <span class="mr-2">CHOOSE PLAN</span>
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                    </svg>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/3 px-4">
+            <div class="rounded-3xl overflow-hidden">
+              <img class="block w-full h-44 object-cover" src="casper-assets/pricing/pricing-top-3.png" alt="">
+              <div class="bg-white p-10">
+                <span class="block mb-10 text-4xl font-semibold text-gray-900">$150</span>
+                <span class="block mb-2 text-2xl font-medium text-gray-900">Advanced</span>
+                <p class="max-w-xs text-sm text-gray-600 mb-8">Simply dummy text of the printing and typesetting industry.</p>
+                <div>
+                  <span class="block mb-4 text-lg font-medium text-gray-900 tracking-tight">What’s included:</span>
+                  <ul class="mb-8">
+                    <li class="flex items-center mb-4">
+                      <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                        <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                        </svg>
+                      </div>
+                      <span class="text-base text-gray-900 tracking-tight">Unlimited Upload Files</span>
+                    </li>
+                    <li class="flex items-center mb-4">
+                      <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                        <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                        </svg>
+                      </div>
+                      <span class="text-base text-gray-900 tracking-tight">Advanced Statistic With</span>
+                    </li>
+                    <li class="flex items-center mb-4">
+                      <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                        <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                        </svg>
+                      </div>
+                      <span class="text-base text-gray-900 tracking-tight">Powered by state-of-the-art AI</span>
+                    </li>
+                    <li class="flex items-center">
+                      <div class="flex mr-2 items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                        <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                        </svg>
+                      </div>
+                      <span class="text-base text-gray-900 tracking-tight">Casper will adapts to each user</span>
+                    </li>
+                  </ul>
+                  <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-white bg-violet-500 hover:bg-black transition duration-200 rounded-full" href="#">
+                    <span class="mr-2">CHOOSE PLAN</span>
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                    </svg>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-hddKguEz.html b/components/unsorted/casper-all-hddKguEz.html
new file mode 100644
index 0000000..0b6ffed
--- /dev/null
+++ b/components/unsorted/casper-all-hddKguEz.html
@@ -0,0 +1,47 @@
+<div> <section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <img class="hidden md:block absolute top-0 left-0 -mt-10 animate-spinStar z-10" src="casper-assets/services/blink-star.png" alt="">
+      <div class="absolute top-0 left-0 mt-96 -ml-52 w-186 h-186 bg-gradient-to-t from-violet-700 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="absolute top-0 right-0 w-186 h-186 mt-10 -mr-64 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="relative text-center mb-16">
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-8">Projects Launched</h2>
+        <p class="max-w-xl mx-auto text-xl text-gray-500 leading-relaxed tracking-tight mb-12">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+        <div class="inline-block max-w-max mx-auto p-2 md:p-1.5 bg-white bg-opacity-10 rounded-3xl md:rounded-full">
+          <div class="flex flex-col md:flex-row flex-nowrap items-center"><a class="group inline-flex w-full sm:w-auto py-4 px-5 mb-2 md:mb-0 md:mr-2 items-center justify-center text-base font-medium text-white hover:text-black hover:bg-violet-500 transition duration-150 rounded-full" href="#">All Categories</a><a class="group inline-flex w-full sm:w-auto py-4 px-5 mb-2 md:mb-0 md:mr-2 items-center justify-center text-base font-medium text-white hover:text-black hover:bg-violet-500 transition duration-150 rounded-full" href="#">Branding</a><a class="group inline-flex w-full sm:w-auto py-4 px-5 mb-2 md:mb-0 md:mr-2 items-center justify-center text-base font-medium text-white hover:text-black hover:bg-violet-500 transition duration-150 rounded-full" href="#">UI Design</a><a class="group inline-flex w-full sm:w-auto py-4 px-5 mb-2 md:mb-0 md:mr-2 items-center justify-center text-base font-medium text-white hover:text-black hover:bg-violet-500 transition duration-150 rounded-full" href="#">Illustration</a><a class="group inline-flex w-full sm:w-auto py-4 px-5 items-center justify-center text-base font-medium text-white hover:text-black hover:bg-violet-500 transition duration-150 rounded-full" href="#">Development</a></div>
+        </div>
+      </div>
+      <div class="relative flex flex-wrap -mx-4">
+        <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+          <div class="relative flex items-end h-128 p-6 mb-8 rounded-3xl overflow-hidden">
+            <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/portfolio/projects-box-vertical-1.png" alt="">
+            <a class="relative group block w-full p-6 rounded-3xl overflow-hidden" href="#">
+              <img class="absolute top-0 left-0 w-full h-full" src="casper-assets/portfolio/bg-gradient-square.png" alt="">
+              <div class="relative">
+                <div class="flex mb-20 items-center justify-between">
+                  <img src="casper-assets/portfolio/logo-icon.svg" alt="">
+                  <span class="text-black group-hover:text-white transform group-hover:translate-x-1 group-hover:-translate-y-1 transition duration-100">
+                    <svg width="33" height="32" viewbox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M24.3934 8.82667C24.2581 8.50087 23.9992 8.24197 23.6734 8.10667C23.5131 8.03835 23.3409 8.00211 23.1667 8H9.83337C9.47975 8 9.14061 8.14048 8.89057 8.39052C8.64052 8.64057 8.50004 8.97971 8.50004 9.33333C8.50004 9.68696 8.64052 10.0261 8.89057 10.2761C9.14061 10.5262 9.47975 10.6667 9.83337 10.6667H19.9534L8.88671 21.72C8.76174 21.844 8.66254 21.9914 8.59485 22.1539C8.52716 22.3164 8.49231 22.4907 8.49231 22.6667C8.49231 22.8427 8.52716 23.017 8.59485 23.1794C8.66254 23.3419 8.76174 23.4894 8.88671 23.6133C9.01066 23.7383 9.15813 23.8375 9.3206 23.9052C9.48308 23.9729 9.65736 24.0077 9.83337 24.0077C10.0094 24.0077 10.1837 23.9729 10.3461 23.9052C10.5086 23.8375 10.6561 23.7383 10.78 23.6133L21.8334 12.5467V22.6667C21.8334 23.0203 21.9738 23.3594 22.2239 23.6095C22.4739 23.8595 22.8131 24 23.1667 24C23.5203 24 23.8595 23.8595 24.1095 23.6095C24.3596 23.3594 24.5 23.0203 24.5 22.6667V9.33333C24.4979 9.1591 24.4617 8.98696 24.3934 8.82667Z" fill="currentColor"></path>
+                    </svg>
+                  </span>
+                </div>
+                <div class="max-w-xs pr-12">
+                  <h4 class="text-3xl font-medium mb-3">Jiggle Branding</h4>
+                  <p class="text-sm">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
+                </div>
+              </div>
+            </a>
+          </div>
+          <img class="block w-full rounded-3xl h-80" src="casper-assets/portfolio/projects-box-3.png" alt="">
+        </div>
+        <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+          <img class="block w-full mb-8 rounded-3xl h-80 object-cover" src="casper-assets/portfolio/projects-box-1.png" alt="">
+          <img class="block w-full rounded-3xl h-128 object-cover" src="casper-assets/portfolio/projects-box-vertical-3.png" alt="">
+        </div>
+        <div class="w-full lg:w-1/3 px-4">
+          <img class="block w-full mb-8 rounded-3xl h-128 object-cover" src="casper-assets/portfolio/projects-box-vertical-2.png" alt="">
+          <img class="block w-full rounded-3xl h-80 object-cover" src="casper-assets/portfolio/projects-box-2.png" alt="">
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-heWyGgff.html b/components/unsorted/casper-all-heWyGgff.html
new file mode 100644
index 0000000..a8b7332
--- /dev/null
+++ b/components/unsorted/casper-all-heWyGgff.html
@@ -0,0 +1,58 @@
+<div> <section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <img class="hidden md:block absolute top-0 right-0 lg:left-1/2 -ml-20 xl:-ml-32 -mt-24 z-10 animate-spinStar" src="casper-assets/logo-clouds/blink-star.png" alt="">
+      <div class="absolute top-0 right-0 -mt-72 -mr-40 w-128 h-128 bg-gradient-to-t from-blue-500 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-xl mx-auto lg:max-w-none">
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/2 px-4 mb-16 lg:mb-0">
+            <div class="max-w-xl mx-auto lg:mx-0">
+              <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-8">Integrate your UI Libray with Casper</h2>
+              <p class="max-w-md text-lg text-gray-500 tracking-tight mb-8">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+              <a class="group inline-flex w-full sm:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-violet-800 bg-violet-500 hover:bg-white transition duration-200 rounded-full" href="#">
+                <span class="mr-2">LEARN MORE</span>
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                </svg>
+              </a>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4">
+            <div class="max-w-xl lg:max-w-md mx-auto lg:mr-0">
+              <div class="flex flex-wrap -mx-4 -mb-12">
+                <div class="w-full xs:w-1/2 px-4 mb-12">
+                  <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                    <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons2.svg" alt="">
+                  </div>
+                </div>
+                <div class="w-full xs:w-1/2 px-4 mb-12">
+                  <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                    <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons4.svg" alt="">
+                  </div>
+                </div>
+                <div class="w-full xs:w-1/2 px-4 mb-12">
+                  <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                    <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons4.svg" alt="">
+                  </div>
+                </div>
+                <div class="w-full xs:w-1/2 px-4 mb-12">
+                  <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                    <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons5.svg" alt="">
+                  </div>
+                </div>
+                <div class="w-full xs:w-1/2 px-4 mb-12">
+                  <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                    <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons6.svg" alt="">
+                  </div>
+                </div>
+                <div class="w-full xs:w-1/2 px-4 mb-12">
+                  <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                    <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons2.svg" alt="">
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-hxoIYDqh.html b/components/unsorted/casper-all-hxoIYDqh.html
new file mode 100644
index 0000000..cfe8a5b
--- /dev/null
+++ b/components/unsorted/casper-all-hxoIYDqh.html
@@ -0,0 +1,74 @@
+<div> <section class="relative bg-body overflow-hidden">
+    <nav class="relative z-10 py-7">
+      <div class="container mx-auto px-4">
+        <div class="relative flex items-center justify-between">
+          <a class="inline-block" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo-white.svg" alt="">
+          </a>
+          <div class="flex items-center justify-end">
+            <div class="hidden lg:block mr-10"><a class="inline-flex py-2 px-4 mr-4 items-center justify-center text-sm font-medium uppercase text-white hover:text-violet-500" href="#">SIGN IN</a><a class="inline-flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+            <button class="navbar-burger text-white hover:text-violet-500">
+              <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3 16H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M3 8H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M20 24L29 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <div class="relative pt-24 lg:pt-44 pb-40 lg:pb-72">
+      <div class="relative z-10 container mx-auto px-4">
+        <div class="flex flex-wrap -mx-4 items-center">
+          <div class="w-full lg:w-1/2 xl:w-3/5 px-4 mb-32 lg:mb-0">
+            <div class="max-w-md mx-auto lg:max-w-none">
+              <h1 class="font-heading text-4xl sm:text-6xl md:text-7xl xl:text-8xl text-white font-semibold leading-none mb-8">INTRODUCING CASPER AI</h1>
+              <p class="text-2xl text-gray-400 mb-8">
+                <span class="block">Welcome to ChatBotX -</span>
+                <span class="block">Your Intelligent AI Chat Assistant!</span>
+              </p>
+              <a class="group inline-flex h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">
+                <span class="mr-2">TRY IT FOR FREE</span>
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                </svg>
+              </a>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 xl:w-2/5 px-4">
+            <div class="xl:inline-block relative">
+              <img class="absolute top-0 right-0 -mt-8 mr-12 animate-spinStar" src="casper-assets/headers/blink-sm.png" alt="">
+              <img class="absolute bottom-0 left-0 lg:-ml-24 xl:-ml-40 animate-spinStar" src="casper-assets/headers/blink-md.png" alt="">
+              <img class="block px-10 md:px-0 mx-auto lg:mr-0" src="casper-assets/headers/oval-robot-photo.png" alt="">
+            </div>
+          </div>
+        </div>
+      </div>
+      <img class="absolute bottom-0 left-0 w-full" src="casper-assets/headers/bg-bottom-lines.png" alt="">
+    </div>
+    <div class="hidden navbar-menu fixed top-0 left-0 bottom-0 w-5/6 max-w-md z-50">
+      <div class="navbar-backdrop fixed inset-0 bg-violet-900 opacity-20"></div>
+      <nav class="relative flex flex-col py-7 px-10 w-full h-full bg-white overflow-y-auto">
+        <div class="flex mb-auto items-center">
+          <a class="inline-block mr-auto" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo.svg" alt="">
+          </a>
+          <a class="navbar-close" href="#">
+            <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M6 18L18 6M6 6L18 18" stroke="#111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+            </svg>
+          </a>
+        </div>
+        <div class="py-12 mb-auto">
+          <ul class="flex-col">
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">FEATURED</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">SOLUTIONS</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">PRODUCTS</a></li>
+            <li><a class="inline-block text-base text-black font-medium uppercase" href="#">ARTICLES</a></li>
+          </ul>
+        </div>
+        <div><a class="flex py-2 px-4 mb-4 items-center justify-center text-sm font-medium uppercase text-violet-900 hover:text-violet-500" href="#">SIGN IN</a><a class="flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+      </nav>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-iNkKJpzn.html b/components/unsorted/casper-all-iNkKJpzn.html
new file mode 100644
index 0000000..2a61179
--- /dev/null
+++ b/components/unsorted/casper-all-iNkKJpzn.html
@@ -0,0 +1,48 @@
+<div><section class="relative pt-12 md:pt-24 lg:py-32 bg-body overflow-hidden">
+    <img class="hidden lg:block absolute top-0 left-0 h-full z-10 w-80 lg:w-96 xl:w-auto object-cover" src="casper-assets/contact/left-side-image.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 right-0 -mt-80 mr-52 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="absolute top-0 right-0 -mt-128 -mr-64 w-186 h-186 bg-gradient-to-t from-blue-500 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-4xl mx-auto">
+        <div class="max-w-md mx-auto lg:mr-0">
+          <span class="block text-sm font-medium text-sky-900 mb-4">CONTACT US</span>
+          <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl xl:text-7xl font-medium text-white tracking-tight mb-4">How can we help you?</h2>
+          <p class="text-xl text-gray-500 tracking-tight mb-16">We’re 24/7 ready to help you at anytime</p>
+          <div class="flex mb-12 items-center">
+            <div class="flex-shrink-0 flex mr-4 md:mr-8 items-center justify-center w-20 h-20 rounded-full bg-violet-600">
+              <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M25.92 17.3333C25.6267 17.3333 25.32 17.24 25.0267 17.1733C24.4327 17.0424 23.8489 16.8686 23.28 16.6533C22.6615 16.4283 21.9815 16.44 21.3711 16.6861C20.7606 16.9323 20.2628 17.3955 19.9733 17.9867L19.68 18.5867C18.3813 17.8642 17.188 16.967 16.1333 15.92C15.0864 14.8654 14.1891 13.672 13.4667 12.3733L14.0267 12C14.6178 11.7106 15.0811 11.2127 15.3272 10.6023C15.5734 9.9918 15.585 9.31188 15.36 8.69333C15.1483 8.12323 14.9746 7.53973 14.84 6.94667C14.7733 6.65333 14.72 6.34667 14.68 6.04C14.5181 5.10083 14.0262 4.25032 13.2928 3.64165C12.5595 3.03298 11.6329 2.70615 10.68 2.72H6.68001C6.10539 2.71461 5.53635 2.83309 5.01163 3.06737C4.4869 3.30166 4.01883 3.64626 3.63925 4.07771C3.25968 4.50916 2.97753 5.01733 2.812 5.56762C2.64647 6.11791 2.60145 6.69741 2.68001 7.26667C3.39033 12.8525 5.94138 18.0425 9.93022 22.0168C13.919 25.9912 19.1183 28.5233 24.7067 29.2133H25.2133C26.1966 29.2148 27.1459 28.854 27.88 28.2C28.3018 27.8227 28.6388 27.3602 28.8686 26.8431C29.0985 26.3259 29.216 25.7659 29.2133 25.2V21.2C29.197 20.2738 28.8598 19.3821 28.2591 18.6769C27.6585 17.9717 26.8318 17.4968 25.92 17.3333ZM26.5867 25.3333C26.5864 25.5226 26.5459 25.7097 26.4677 25.8822C26.3896 26.0546 26.2756 26.2084 26.1333 26.3333C25.9872 26.4665 25.8133 26.5655 25.6242 26.6231C25.4351 26.6808 25.2356 26.6956 25.04 26.6667C20.0465 26.0264 15.4083 23.742 11.857 20.1737C8.30561 16.6055 6.04323 11.9565 5.42668 6.96C5.40546 6.76469 5.42406 6.56711 5.48135 6.37919C5.53864 6.19127 5.63344 6.01692 5.76001 5.86667C5.88496 5.72444 6.03876 5.61046 6.21118 5.53229C6.38361 5.45413 6.5707 5.41357 6.76001 5.41333H10.76C11.0701 5.40644 11.3728 5.50784 11.6162 5.7001C11.8596 5.89235 12.0283 6.16343 12.0933 6.46667C12.1467 6.83111 12.2133 7.19111 12.2933 7.54667C12.4474 8.24953 12.6524 8.94024 12.9067 9.61333L11.04 10.48C10.8804 10.5532 10.7368 10.6573 10.6176 10.7861C10.4983 10.915 10.4056 11.0662 10.3449 11.2309C10.2842 11.3957 10.2566 11.5708 10.2638 11.7463C10.271 11.9218 10.3127 12.0941 10.3867 12.2533C12.3056 16.3637 15.6097 19.6677 19.72 21.5867C20.0446 21.72 20.4087 21.72 20.7333 21.5867C20.8996 21.5272 21.0524 21.4353 21.1829 21.3162C21.3134 21.1972 21.4189 21.0535 21.4933 20.8933L22.32 19.0267C23.0093 19.2732 23.7128 19.478 24.4267 19.64C24.7822 19.72 25.1422 19.7867 25.5067 19.84C25.8099 19.9051 26.081 20.0738 26.2733 20.3171C26.4655 20.5605 26.5669 20.8633 26.56 21.1733L26.5867 25.3333ZM25.3333 13.3333C25.687 13.3333 26.0261 13.1929 26.2762 12.9428C26.5262 12.6928 26.6667 12.3536 26.6667 12V6.66667C26.6667 6.31305 26.5262 5.97391 26.2762 5.72386C26.0261 5.47381 25.687 5.33333 25.3333 5.33333C24.9797 5.33333 24.6406 5.47381 24.3905 5.72386C24.1405 5.97391 24 6.31305 24 6.66667V12C24 12.3536 24.1405 12.6928 24.3905 12.9428C24.6406 13.1929 24.9797 13.3333 25.3333 13.3333ZM20 13.3333C20.3536 13.3333 20.6928 13.1929 20.9428 12.9428C21.1929 12.6928 21.3333 12.3536 21.3333 12V6.66667C21.3333 6.31305 21.1929 5.97391 20.9428 5.72386C20.6928 5.47381 20.3536 5.33333 20 5.33333C19.6464 5.33333 19.3073 5.47381 19.0572 5.72386C18.8072 5.97391 18.6667 6.31305 18.6667 6.66667V12C18.6667 12.3536 18.8072 12.6928 19.0572 12.9428C19.3073 13.1929 19.6464 13.3333 20 13.3333Z" fill="black"></path>
+              </svg>
+            </div>
+            <div>
+              <span class="block text-lg tracking-tight text-gray-100">Phone</span>
+              <span class="sm:text-2xl tracking-tight text-white">+1 892 3298</span>
+            </div>
+          </div>
+          <div class="flex mb-12 items-center">
+            <div class="flex-shrink-0 flex mr-4 md:mr-8 items-center justify-center w-20 h-20 rounded-full bg-yellow-500">
+              <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M18.6666 15.3467H21.8933C22.0688 15.3477 22.2427 15.314 22.4052 15.2477C22.5676 15.1813 22.7154 15.0836 22.84 14.96L28.9466 8.85333C29.0716 8.72938 29.1708 8.58191 29.2385 8.41944C29.3062 8.25696 29.341 8.08268 29.341 7.90667C29.341 7.73065 29.3062 7.55638 29.2385 7.3939C29.1708 7.23142 29.0716 7.08395 28.9466 6.96L25.72 3.73333C25.596 3.60836 25.4485 3.50917 25.2861 3.44148C25.1236 3.37379 24.9493 3.33894 24.7733 3.33894C24.5973 3.33894 24.423 3.37379 24.2605 3.44148C24.098 3.50917 23.9506 3.60836 23.8266 3.73333L17.72 9.84C17.4763 10.0955 17.3382 10.4336 17.3333 10.7867V14.0133C17.3333 14.367 17.4738 14.7061 17.7238 14.9561C17.9739 15.2062 18.313 15.3467 18.6666 15.3467ZM20 11.3467L24.7733 6.57333L26.1066 7.90667L21.3333 12.68H20V11.3467ZM28 14.0133C27.6463 14.0133 27.3072 14.1538 27.0571 14.4039C26.8071 14.6539 26.6666 14.993 26.6666 15.3467V24.68C26.6666 25.0336 26.5262 25.3728 26.2761 25.6228C26.0261 25.8729 25.6869 26.0133 25.3333 26.0133H6.66663C6.313 26.0133 5.97387 25.8729 5.72382 25.6228C5.47377 25.3728 5.33329 25.0336 5.33329 24.68V11.8667L13.1733 19.72C13.5454 20.0969 13.9886 20.3962 14.4773 20.6005C14.9659 20.8047 15.4903 20.9099 16.02 20.9099C16.5496 20.9099 17.074 20.8047 17.5626 20.6005C18.0513 20.3962 18.4945 20.0969 18.8666 19.72C19.1109 19.4708 19.2478 19.1357 19.2478 18.7867C19.2478 18.4377 19.1109 18.1026 18.8666 17.8533C18.7425 17.7263 18.5942 17.6254 18.4304 17.5565C18.2667 17.4877 18.0909 17.4522 17.9133 17.4522C17.7357 17.4522 17.5599 17.4877 17.3961 17.5565C17.2324 17.6254 17.0841 17.7263 16.96 17.8533C16.7107 18.0976 16.3756 18.2345 16.0266 18.2345C15.6776 18.2345 15.3425 18.0976 15.0933 17.8533L7.21329 9.98667H13.3333C13.6869 9.98667 14.0261 9.84619 14.2761 9.59614C14.5262 9.34609 14.6666 9.00696 14.6666 8.65333C14.6666 8.29971 14.5262 7.96057 14.2761 7.71052C14.0261 7.46048 13.6869 7.32 13.3333 7.32H6.66663C5.60576 7.32 4.58834 7.74143 3.8382 8.49157C3.08805 9.24172 2.66663 10.2591 2.66663 11.32V24.6533C2.66663 25.7142 3.08805 26.7316 3.8382 27.4818C4.58834 28.2319 5.60576 28.6533 6.66663 28.6533H25.3333C26.3942 28.6533 27.4116 28.2319 28.1617 27.4818C28.9119 26.7316 29.3333 25.7142 29.3333 24.6533V15.32C29.3333 14.9664 29.1928 14.6272 28.9428 14.3772C28.6927 14.1271 28.3536 13.9867 28 13.9867V14.0133Z" fill="black"></path>
+              </svg>
+            </div>
+            <div>
+              <span class="block text-lg tracking-tight text-gray-100">Email</span>
+              <span class="sm:text-2xl tracking-tight text-white">hello@yourdomain.com</span>
+            </div>
+          </div>
+          <div class="flex items-center">
+            <div class="flex-shrink-0 flex mr-4 md:mr-8 items-center justify-center w-20 h-20 rounded-full bg-teal-300">
+              <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M24 5.97333C21.8783 3.8516 19.0006 2.65962 16 2.65962C12.9994 2.65962 10.1217 3.8516 7.99999 5.97333C5.87826 8.09506 4.68628 10.9727 4.68628 13.9733C4.68628 16.9739 5.87826 19.8516 7.99999 21.9733L15.0267 29.0133C15.1506 29.1383 15.2981 29.2375 15.4606 29.3052C15.623 29.3729 15.7973 29.4077 15.9733 29.4077C16.1493 29.4077 16.3236 29.3729 16.4861 29.3052C16.6486 29.2375 16.796 29.1383 16.92 29.0133L24 21.9067C26.1129 19.7938 27.2998 16.9281 27.2998 13.94C27.2998 10.9519 26.1129 8.08624 24 5.97333ZM22.0933 20L16 26.12L9.90665 20C8.70285 18.7951 7.88329 17.2603 7.55158 15.5897C7.21987 13.9191 7.39091 12.1877 8.04306 10.6142C8.69521 9.04082 9.79921 7.69606 11.2155 6.74997C12.6318 5.80387 14.2968 5.29891 16 5.29891C17.7032 5.29891 19.3682 5.80387 20.7845 6.74997C22.2008 7.69606 23.3048 9.04082 23.9569 10.6142C24.6091 12.1877 24.7801 13.9191 24.4484 15.5897C24.1167 17.2603 23.2971 18.7951 22.0933 20ZM12 9.88C10.9236 10.9597 10.3192 12.4221 10.3192 13.9467C10.3192 15.4712 10.9236 16.9336 12 18.0133C12.7997 18.8144 13.8181 19.3614 14.9275 19.5859C16.0369 19.8103 17.1879 19.7021 18.2361 19.2749C19.2842 18.8476 20.1829 18.1204 20.8193 17.1843C21.4557 16.2483 21.8015 15.1452 21.8133 14.0133C21.8193 13.2576 21.6737 12.5083 21.3852 11.8098C21.0966 11.1114 20.671 10.4778 20.1333 9.94666C19.6049 9.4061 18.9748 8.97538 18.2792 8.67929C17.5837 8.38319 16.8364 8.22756 16.0805 8.22137C15.3246 8.21517 14.5749 8.35853 13.8746 8.64318C13.1743 8.92784 12.5372 9.34817 12 9.88ZM18.2533 16.12C17.748 16.633 17.0803 16.9545 16.3642 17.0297C15.648 17.1048 14.9281 16.9289 14.3273 16.5319C13.7266 16.135 13.2824 15.5417 13.0707 14.8534C12.8589 14.1652 12.8929 13.4248 13.1666 12.7589C13.4403 12.0929 13.9369 11.5427 14.5714 11.2023C15.2059 10.8619 15.939 10.7525 16.6452 10.8928C17.3515 11.0331 17.9871 11.4143 18.4433 11.9714C18.8996 12.5284 19.1482 13.2266 19.1467 13.9467C19.1273 14.7697 18.782 15.5514 18.1867 16.12H18.2533Z" fill="black"></path>
+              </svg>
+            </div>
+            <div>
+              <span class="block text-lg tracking-tight text-gray-100">Office</span>
+              <span class="sm:text-2xl tracking-tight text-white">213, New York</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <img class="lg:hidden mt-24 w-full h-186 object-cover" src="casper-assets/contact/left-side-image.png" alt="">
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-iVnrvCoD.html b/components/unsorted/casper-all-iVnrvCoD.html
new file mode 100644
index 0000000..e5d9c2d
--- /dev/null
+++ b/components/unsorted/casper-all-iVnrvCoD.html
@@ -0,0 +1,75 @@
+<div><section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <img class="absolute bottom-0 right-0" src="casper-assets/features/double-line-circle.svg" alt="">
+    <img class="hidden md:block z-10 absolute top-0 left-0 mt-24 ml-4 lg:ml-24 xl:ml-64 animate-spinStar" src="casper-assets/features/blink-star.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute bottom-0 left-0 -mb-20 w-160 h-160 bg-gradient-to-t from-purple-700 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="absolute bottom-0 right-0 -mb-20 w-148 h-148 bg-gradient-to-t from-violet-900 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative">
+        <div class="max-w-xl mx-auto mb-16 text-center">
+          <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-6">Intelligent Conversations</h2>
+          <p class="text-xl text-gray-400">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+        </div>
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <div class="max-w-md mx-auto h-full p-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <div class="flex mb-12 items-center">
+                <div class="flex-shrink-0 flex mr-4 items-center justify-center w-16 h-16 rounded-full bg-green-500">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M11.6799 16.9298L15.7499 20.9998L17.5399 19.2098C17.6441 19.106 17.7241 18.9805 17.7743 18.8422C17.8244 18.7039 17.8434 18.5563 17.8299 18.4098L17.1799 11.2998" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M9.36994 4.71L7.99994 6.13M9.36994 17.46C9.4629 17.5537 9.5735 17.6281 9.69536 17.6789C9.81722 17.7297 9.94793 17.7558 10.0799 17.7558C10.212 17.7558 10.3427 17.7297 10.4645 17.6789C10.5864 17.6281 10.697 17.5537 10.7899 17.46L18.6999 9.55C20.1713 8.07754 20.9984 6.08157 20.9999 4C20.9999 3.73478 20.8946 3.48043 20.707 3.29289C20.5195 3.10536 20.2652 3 19.9999 3C17.9184 3.00151 15.9224 3.82867 14.4499 5.3L6.53994 13.21C6.44621 13.303 6.37182 13.4136 6.32105 13.5354C6.27028 13.6573 6.24414 13.788 6.24414 13.92C6.24414 14.052 6.27028 14.1827 6.32105 14.3046C6.37182 14.4264 6.44621 14.537 6.53994 14.63L9.36994 17.46ZM17.8699 16L19.2899 14.59L17.8699 16Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M12.75 6.82022L5.59 6.17022C5.44353 6.15675 5.2959 6.17575 5.15761 6.22588C5.01933 6.27601 4.89381 6.35602 4.79 6.46022L3 8.25022L7.09 12.3402" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                </div>
+                <div>
+                  <h4 class="text-2xl font-medium text-white leading-tight">
+                    <span class="block">Seamless</span>
+                    <span>Integration</span>
+                  </h4>
+                </div>
+              </div>
+              <p class="text-xl text-gray-400">Powered by state-of-the-art artificial intelligence, ensuring natural and meaningful</p>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <div class="max-w-md mx-auto h-full p-8 rounded-3xl shadow-box-orange overflow-hidden bg-white bg-opacity-10">
+              <div class="flex mb-12 items-center">
+                <div class="flex-shrink-0 flex mr-4 items-center justify-center w-16 h-16 rounded-full bg-yellow-700">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M3 3V2C2.44772 2 2 2.44772 2 3H3ZM18.293 14.293L17.3818 13.8809C17.2104 14.2601 17.2916 14.7058 17.5859 15.0001L18.293 14.293ZM21 17L21.7071 17.7071C22.0976 17.3166 22.0976 16.6834 21.7071 16.2929L21 17ZM17 21L16.2929 21.7071C16.6834 22.0976 17.3166 22.0976 17.7071 21.7071L17 21ZM14.293 18.293L15.0001 17.5859C14.7058 17.2916 14.2601 17.2104 13.8809 17.3818L14.293 18.293ZM11 2H3V4H11V2ZM20 11C20 6.02944 15.9706 2 11 2V4C14.866 4 18 7.13401 18 11H20ZM19.2041 14.7051C19.7157 13.5738 20 12.3188 20 11H18C18 12.029 17.7786 13.0036 17.3818 13.8809L19.2041 14.7051ZM17.5859 15.0001L20.2929 17.7071L21.7071 16.2929L19.0001 13.5859L17.5859 15.0001ZM20.2929 16.2929L16.2929 20.2929L17.7071 21.7071L21.7071 17.7071L20.2929 16.2929ZM17.7071 20.2929L15.0001 17.5859L13.5859 19.0001L16.2929 21.7071L17.7071 20.2929ZM11 20C12.3188 20 13.5738 19.7157 14.7051 19.2041L13.8809 17.3818C13.0036 17.7786 12.029 18 11 18V20ZM2 11C2 15.9706 6.02944 20 11 20V18C7.13401 18 4 14.866 4 11H2ZM2 3V11H4V3H2Z" fill="white"></path>
+                    <ellipse cx="11" cy="11" rx="2" ry="2" transform="rotate(-180 11 11)" fill="white"></ellipse>
+                    <path d="M3 3L11 11" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                </div>
+                <div>
+                  <h4 class="text-2xl font-medium text-white leading-tight">
+                    <span class="block">Intelligent</span>
+                    <span>Conversations</span>
+                  </h4>
+                </div>
+              </div>
+              <p class="text-xl text-gray-400">Whether you're a tech guru or a beginner, you'll have your AI chat assistant up</p>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/3 px-4">
+            <div class="max-w-md mx-auto h-full p-8 rounded-3xl shadow-box-green overflow-hidden bg-white bg-opacity-10">
+              <div class="flex mb-12 items-center">
+                <div class="flex-shrink-0 flex mr-4 items-center justify-center w-16 h-16 rounded-full bg-sky-500">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M6 9C6 5.68629 8.68629 3 12 3V3C15.3137 3 18 5.68629 18 9V15C18 18.3137 15.3137 21 12 21V21C8.68629 21 6 18.3137 6 15V9Z" stroke="white" stroke-width="2" stroke-linejoin="round"></path>
+                    <path d="M12 7L12 11" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                </div>
+                <div>
+                  <h4 class="text-2xl font-medium text-white leading-tight">
+                    <span class="block">Analytics and</span>
+                    <span>Insights:</span>
+                  </h4>
+                </div>
+              </div>
+              <p class="text-xl text-gray-400">Gain valuable insights into your users' preferences, behavior, and frequently asked questions</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-jGgCLowV.html b/components/unsorted/casper-all-jGgCLowV.html
new file mode 100644
index 0000000..d351439
--- /dev/null
+++ b/components/unsorted/casper-all-jGgCLowV.html
@@ -0,0 +1,73 @@
+<div> <section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="absolute top-0 left-0 -mt-128 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+    <img class="absolute top-0 right-0 mt-16" src="casper-assets/portfolio/double-lines.svg" alt="">
+    <img class="hidden md:block absolute top-0 right-0 mt-8 mr-20 lg:mr-40 animate-spinStar z-10" src="casper-assets/services/blink-star.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="relative max-w-2xl mx-auto mb-20 text-center">
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-6">Our Projects</h2>
+        <p class="max-w-xl mx-auto text-xl text-gray-500 leading-relaxed tracking-tight">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+      </div>
+      <div class="max-w-md lg:max-w-8xl mx-auto">
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <a class="relative block group p-8 rounded-3xl overflow-hidden" href="#">
+              <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-800 bg-opacity-20 group-hover:bg-violet-400 group-hover:bg-opacity-100 transition duration-150"></div>
+              <div class="relative flex flex-col">
+                <div class="mb-52">
+                  <span class="block mb-4 text-xl text-gray-500 group-hover:text-gray-900">01</span>
+                  <img src="casper-assets/portfolio/logo-icon.svg" alt="">
+                </div>
+                <div class="mb-3">
+                  <h4 class="text-4xl text-white group-hover:text-black font-medium mb-2">Jiggle Branding</h4>
+                  <p class="text-sm text-white group-hover:text-black">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
+                </div>
+                <div class="flex flex-wrap -mb-2">
+                  <span class="inline-block px-5 py-3 mb-2 mr-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">BRANDING</span>
+                  <span class="inline-block px-5 py-3 mb-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">ILLUSTRATION</span>
+                </div>
+              </div>
+            </a>
+          </div>
+          <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+            <a class="relative block group p-8 rounded-3xl overflow-hidden" href="#">
+              <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-800 bg-opacity-20 group-hover:bg-violet-400 group-hover:bg-opacity-100 transition duration-150"></div>
+              <div class="relative flex flex-col">
+                <div class="mb-52">
+                  <span class="block mb-4 text-xl text-gray-500 group-hover:text-gray-900">02</span>
+                  <img src="casper-assets/portfolio/logo-icon-3.svg" alt="">
+                </div>
+                <div class="mb-3">
+                  <h4 class="text-4xl text-white group-hover:text-black font-medium mb-2">Welytics Company Profile</h4>
+                  <p class="text-sm text-white group-hover:text-black">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
+                </div>
+                <div class="flex flex-wrap -mb-2">
+                  <span class="inline-block px-5 py-3 mb-2 mr-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">BRANDING</span>
+                  <span class="inline-block px-5 py-3 mb-2 mr-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">ILLUSTRATION</span>
+                  <span class="inline-block px-5 py-3 mb-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">LANDING PAGE</span>
+                </div>
+              </div>
+            </a>
+          </div>
+          <div class="w-full lg:w-1/3 px-4">
+            <a class="relative block group p-8 rounded-3xl overflow-hidden" href="#">
+              <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-800 bg-opacity-20 group-hover:bg-violet-400 group-hover:bg-opacity-100 transition duration-150"></div>
+              <div class="relative flex flex-col">
+                <div class="mb-52">
+                  <span class="block mb-4 text-xl text-gray-500 group-hover:text-gray-900">01</span>
+                  <img src="casper-assets/portfolio/logo-icon.svg" alt="">
+                </div>
+                <div class="mb-3">
+                  <h4 class="text-4xl text-white group-hover:text-black font-medium mb-2">Jiggle Branding</h4>
+                  <p class="text-sm text-white group-hover:text-black">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
+                </div>
+                <div class="flex flex-wrap -mb-2">
+                  <span class="inline-block px-5 py-3 mb-2 mr-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">BRANDING</span>
+                  <span class="inline-block px-5 py-3 mb-2 text-sm font-medium text-white bg-white bg-opacity-20 uppercase rounded-full">ILLUSTRATION</span>
+                </div>
+              </div>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-jHEsQxLA.html b/components/unsorted/casper-all-jHEsQxLA.html
new file mode 100644
index 0000000..c3f8f43
--- /dev/null
+++ b/components/unsorted/casper-all-jHEsQxLA.html
@@ -0,0 +1,61 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <img class="absolute top-0 right-0 animate-spinStar z-10" src="casper-assets/services/blink-star.png" alt="">
+      <div class="absolute top-0 right-0 -mr-52 -mt-52 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-lg lg:max-w-4xl mx-auto lg:mx-0 mb-14">
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl lg:text-7xl font-medium text-white tracking-tight mb-6">Look no further! Casper is here to revolutionize</h2>
+        <p class="max-w-xl text-xl text-gray-500 tracking-tight">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+      </div>
+      <div class="max-w-lg mx-auto lg:max-w-none">
+        <div class="relative flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/2 px-4 mb-8 lg:mb-0">
+            <div class="relative h-full p-10 rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/services/bg-gradient-square.png" alt="">
+              <div class="relative flex flex-col h-full items-start max-w-md">
+                <img class="block w-18 mb-16" src="casper-assets/services/icon-white-1.png" alt="">
+                <h4 class="text-3xl font-medium mt-auto mb-4">Intelligent Conversations</h4>
+                <p class="leading-snug mb-4">ChatBotX is powered by state-of-the-art artificial intelligence, ensuring natural interactions with your users</p>
+                <a class="group inline-flex w-full sm:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-violet-900 bg-violet-600 hover:bg-white transition duration-200 rounded-full" href="#">
+                  <span class="mr-2">SEE DETAILS</span>
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                  </svg>
+                </a>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4">
+            <div class="p-10 mb-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <div class="relative flex flex-col h-full items-start max-w-md">
+                <img class="block w-18 mb-16" src="casper-assets/services/icon-white-2.png" alt="">
+                <h4 class="text-3xl font-medium text-white mt-auto mb-4">Intelligent Conversations</h4>
+                <p class="leading-snug text-white mb-4">ChatBotX is powered by state-of-the-art artificial intelligence, ensuring natural interactions with your users</p>
+                <a class="group inline-flex w-full sm:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-violet-900 bg-violet-600 hover:bg-white transition duration-200 rounded-full" href="#">
+                  <span class="mr-2">SEE DETAILS</span>
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                  </svg>
+                </a>
+              </div>
+            </div>
+            <div class="p-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <div class="relative sm:flex items-center">
+                <img class="block w-18" src="casper-assets/services/icon-white-3.png" alt="">
+                <div class="my-8 sm:my-0 sm:ml-9">
+                  <h4 class="text-3xl font-medium text-white leading-8">
+                    <span class="block">Seamless</span>
+                    <span class="block">Integration</span>
+                  </h4>
+                </div>
+                <a class="group inline-flex ml-auto h-14 w-14 items-center justify-center text-black hover:text-violet-900 bg-violet-600 hover:bg-white transition duration-200 rounded-full" href="#">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                  </svg>
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-juQlHlGD.html b/components/unsorted/casper-all-juQlHlGD.html
new file mode 100644
index 0000000..06dadbe
--- /dev/null
+++ b/components/unsorted/casper-all-juQlHlGD.html
@@ -0,0 +1,55 @@
+<div><section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 -mt-80 -ml-32 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="absolute bottom-0 right-0 mb-20 -mr-52 w-186 h-186 bg-gradient-to-t from-blue-500 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <img class="hidden md:block absolute bottom-0 right-0 -mr-8 xl:-mr-0 w-52 lg:w-auto" src="casper-assets/pricing/shield.png" alt="">
+      <div class="relative max-w-2xl mx-auto mb-16 text-center">
+        <img class="hidden md:block absolute bottom-0 left-0 -ml-20 lg:-ml-40 xl:-ml-80 w-40 lg:w-auto animate-movePlanet" src="casper-assets/pricing/axe.png" alt="">
+        <span class="inline-flex items-center px-3.5 h-7 mb-4 text-xs font-medium text-white leading-6 bg-gradient-tag rounded-full">PRICING PLAN</span>
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl xl:text-7xl font-medium text-white tracking-tight mb-4">Choose Your Plan</h2>
+        <p class="max-w-md mx-auto text-lg text-gray-500 tracking-tight mb-5">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+        <div class="inline-flex items-center justify-center p-1.5 bg-white bg-opacity-10 rounded-full">
+          <button class="inline-block h-12 px-6 text-base font-medium tracking-tight text-white bg-violet-800 rounded-full">Monthly</button>
+          <button class="inline-block h-12 px-6 text-base font-medium tracking-tight text-gray-400 hover:bg-white hover:bg-opacity-10 rounded-full transition duration-100">Yearly</button>
+        </div>
+      </div>
+      <div class="max-w-sm lg:max-w-4xl mx-auto">
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/2 px-4 mb-8 lg:mb-0">
+            <div class="relative p-10 rounded-3xl overflow-hidden">
+              <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20"></div>
+              <div class="relative max-w-xs pr-4">
+                <img class="block mb-8" src="casper-assets/pricing/avatar-pricing1.png" alt="">
+                <h3 class="text-5xl font-semibold text-white mb-6">$25</h3>
+                <span class="block text-2xl font-medium text-white mb-1">Basic</span>
+                <p class="text-sm text-gray-300 leading-snug mb-8">Gain valuable insights into your users' preferences, behavior, and frequently asked questions</p>
+                <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-violet-600 bg-violet-600 hover:bg-white transition duration-200 rounded-full" href="#">
+                  <span class="mr-2">CHOOSE PLAN</span>
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                  </svg>
+                </a>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4">
+            <div class="relative p-10 rounded-3xl overflow-hidden">
+              <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20"></div>
+              <div class="relative max-w-xs pr-4">
+                <img class="block mb-8" src="casper-assets/pricing/avatar-pricing3.png" alt="">
+                <h3 class="text-5xl font-semibold text-white mb-6">$50</h3>
+                <span class="block text-2xl font-medium text-white mb-1">Advanced</span>
+                <p class="text-sm text-gray-300 leading-snug mb-8">Gain valuable insights into your users' preferences, behavior, and frequently asked questions</p>
+                <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-violet-600 bg-violet-600 hover:bg-white transition duration-200 rounded-full" href="#">
+                  <span class="mr-2">CHOOSE PLAN</span>
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                  </svg>
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-kGxvpofe.html b/components/unsorted/casper-all-kGxvpofe.html
new file mode 100644
index 0000000..53bafb4
--- /dev/null
+++ b/components/unsorted/casper-all-kGxvpofe.html
@@ -0,0 +1,81 @@
+<div><section class="relative pb-20 bg-body overflow-hidden">
+    <nav class="relative z-10 py-7">
+      <div class="container mx-auto px-4">
+        <div class="relative flex items-center justify-between">
+          <a class="inline-block" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo-white.svg" alt="">
+          </a>
+          <div class="flex items-center justify-end">
+            <div class="hidden lg:block mr-10"><a class="inline-flex py-2 px-4 mr-4 items-center justify-center text-sm font-medium uppercase text-white hover:text-violet-500" href="#">SIGN IN</a><a class="inline-flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+            <button class="navbar-burger text-white hover:text-violet-500">
+              <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3 16H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M3 8H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M20 24L29 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <img class="absolute top-0 right-0" src="casper-assets/headers/circle-double-element-dark.svg" alt="">
+    <div class="relative pt-20">
+      <img class="hidden lg:block absolute top-0 left-1/2 -ml-8 -mt-6 animate-spinStar z-10" src="casper-assets/headers/blink.png" alt="">
+      <div class="absolute top-0 left-1/2 transform -translate-x-1/2 -mt-20 w-160 h-160 bg-gradient-to-t from-purple-700 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative container mx-auto px-4">
+        <div class="flex flex-wrap -mx-4 mb-9">
+          <div class="w-full lg:w-1/2 px-4 mb-8 lg:mb-0">
+            <div class="relative max-w-md lg:max-w-none">
+              <h1 class="font-heading text-4xl xs:text-5xl md:text-7xl font-semibold text-white leading-none">INTRODUCING CASPER AI</h1>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4">
+            <div class="max-w-sm lg:ml-auto">
+              <p class="text-2xl text-gray-400 mb-8">
+                <span class="block">Welcome to ChatBotX -</span>
+                <span class="block">Your Intelligent AI Chat Assistant!</span>
+              </p>
+              <a class="group inline-flex h-14 px-7 items-center justify-center text-base font-medium text-violet-900 hover:text-white bg-white hover:bg-violet-600 border border-gray-200 hover:border-violet-600 transition duration-200 rounded-full" href="#">
+                <span class="mr-2">TRY IT FOR FREE</span>
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                </svg>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-2/3 px-4 mb-8 lg:mb-0">
+            <img class="block w-full" src="casper-assets/headers/photo-horizontal-2.png" alt="">
+          </div>
+          <div class="w-full lg:w-1/3 px-4">
+            <img class="block w-full" src="casper-assets/headers/photo-cosmic-1.png" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="hidden navbar-menu fixed top-0 left-0 bottom-0 w-5/6 max-w-md z-50">
+      <div class="navbar-backdrop fixed inset-0 bg-violet-900 opacity-20"></div>
+      <nav class="relative flex flex-col py-7 px-10 w-full h-full bg-white overflow-y-auto">
+        <div class="flex mb-auto items-center">
+          <a class="inline-block mr-auto" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo.svg" alt="">
+          </a>
+          <a class="navbar-close" href="#">
+            <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M6 18L18 6M6 6L18 18" stroke="#111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+            </svg>
+          </a>
+        </div>
+        <div class="py-12 mb-auto">
+          <ul class="flex-col">
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">FEATURED</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">SOLUTIONS</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">PRODUCTS</a></li>
+            <li><a class="inline-block text-base text-black font-medium uppercase" href="#">ARTICLES</a></li>
+          </ul>
+        </div>
+        <div><a class="flex py-2 px-4 mb-4 items-center justify-center text-sm font-medium uppercase text-violet-900 hover:text-violet-500" href="#">SIGN IN</a><a class="flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+      </nav>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-kZcAgyEa.html b/components/unsorted/casper-all-kZcAgyEa.html
new file mode 100644
index 0000000..59ae47b
--- /dev/null
+++ b/components/unsorted/casper-all-kZcAgyEa.html
@@ -0,0 +1,34 @@
+<div><section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 right-0 w-186 h-186 bg-gradient-to-t from-violet-900 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-sm md:max-w-8xl mx-auto">
+        <div class="max-w-xl mb-16">
+          <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-6">How it works</h2>
+          <p class="text-xl text-gray-400">Mi turpis turpis in justo pellentesque id nibh praesent.</p>
+        </div>
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full md:w-1/3 px-4 mb-8 md:mb-0">
+            <div>
+              <h3 class="text-5xl font-semibold text-gray-700">01</h3>
+              <div class="my-6 h-1 w-full bg-gray-500 bg-opacity-20"></div>
+              <p class="pr-3 text-base lg:text-xl text-gray-50 tracking-tight">From answering questions to providing recommendations, our AI assistant will engage your visitors effortlessly.</p>
+            </div>
+          </div>
+          <div class="w-full md:w-1/3 px-4 mb-8 md:mb-0">
+            <div>
+              <h3 class="text-5xl font-semibold text-gray-700">02</h3>
+              <div class="my-6 h-1 w-full bg-gray-500 bg-opacity-20"></div>
+              <p class="pr-3 text-base lg:text-xl text-gray-50 tracking-tight">By understanding your visitors' needs, our chat assistant creates a unique experience</p>
+            </div>
+          </div>
+          <div class="w-full md:w-1/3 px-4">
+            <div>
+              <h3 class="text-5xl font-semibold text-gray-700">03</h3>
+              <div class="my-6 h-1 w-full bg-gray-500 bg-opacity-20"></div>
+              <p class="pr-3 text-base lg:text-xl text-gray-50 tracking-tight">Say goodbye to static web pages and hello to an interactive, conversational platform</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-kgrWtFbL.html b/components/unsorted/casper-all-kgrWtFbL.html
new file mode 100644
index 0000000..0ec502c
--- /dev/null
+++ b/components/unsorted/casper-all-kgrWtFbL.html
@@ -0,0 +1,59 @@
+<div> <section class="relative pb-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="flex flex-wrap -mx-4">
+        <div class="relative w-full lg:w-1/2 px-4 mb-8 lg:mb-0">
+          <div class="absolute top-0 left-0 -ml-64 w-160 h-160 bg-gradient-to-t from-purple-700 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+          <img class="absolute top-0 right-0 md:-mt-20 mr-4 md:mr-32 w-52 md:w-auto" src="casper-assets/team/planet.png" alt="">
+          <img class="absolute bottom-0 right-0 mr-40 animate-spinStar" src="casper-assets/team/blink-star.png" alt="">
+          <div class="relative pt-52 pb-40 max-w-lg mx-auto lg:mx-0">
+            <h2 class="max-w-md font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-8">Meet our amazing Team</h2>
+            <p class="text-xl text-gray-500 tracking-tight mb-8">Mi turpis turpis in justo pellentesque id nibh praesent.</p>
+            <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">
+              <span class="mr-2">SHOW ALL PEOPLE</span>
+              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+              </svg>
+            </a>
+          </div>
+        </div>
+        <div class="relative w-full lg:w-1/2 px-4">
+          <div class="max-w-lg md:max-w-none lg:max-w-xl 2xl:max-w-2xl mx-auto lg:mr-0">
+            <div class="flex flex-wrap -mx-4">
+              <div class="w-full md:w-1/2 px-4 mb-8 md:mb-0">
+                <div class="py-10 px-11 mb-10 border-2 border-white rounded-3xl">
+                  <div class="text-center">
+                    <img class="block mx-auto mb-6" src="casper-assets/team/avatar-2-sm.png" alt="">
+                    <span class="block text-2xl text-white font-medium">Marvin McKinney</span>
+                    <span class="block text-base text-violet-500 font-medium">Tech Lead</span>
+                  </div>
+                </div>
+                <div class="py-10 px-11 border-2 border-white rounded-3xl">
+                  <div class="text-center">
+                    <img class="block mx-auto mb-6" src="casper-assets/team/avatar-1-sm.png" alt="">
+                    <span class="block text-2xl text-white font-medium">Kathryn Murphy</span>
+                    <span class="block text-base text-violet-500 font-medium">CTO</span>
+                  </div>
+                </div>
+              </div>
+              <div class="w-full md:w-1/2 px-4 md:pt-18">
+                <div class="py-10 px-11 mb-10 border-2 border-white rounded-3xl">
+                  <div class="text-center">
+                    <img class="block mx-auto mb-6" src="casper-assets/team/avatar-1-sm.png" alt="">
+                    <span class="block text-2xl text-white font-medium">Marvin McKinney</span>
+                    <span class="block text-base text-violet-500 font-medium">Tech Lead</span>
+                  </div>
+                </div>
+                <div class="py-10 px-11 border-2 border-white rounded-3xl">
+                  <div class="text-center">
+                    <img class="block mx-auto mb-6" src="casper-assets/team/avatar-2-sm.png" alt="">
+                    <span class="block text-2xl text-white font-medium">Kathryn Murphy</span>
+                    <span class="block text-base text-violet-500 font-medium">CTO</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-lyPRSUMP.html b/components/unsorted/casper-all-lyPRSUMP.html
new file mode 100644
index 0000000..1547e16
--- /dev/null
+++ b/components/unsorted/casper-all-lyPRSUMP.html
@@ -0,0 +1,132 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="relative flex flex-wrap -mx-4">
+        <div class="w-full lg:w-1/2 xl:w-2/5 px-4 pb-16 lg:pb-32">
+          <div class="relative max-w-md mx-auto lg:mx-0">
+            <div class="absolute top-0 left-0 -mt-80 -ml-40 w-170 h-170 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+            <div class="relative">
+              <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-6">Getting Started</h2>
+              <div class="pl-8 py-3 border-l-2 border-white border-opacity-10">
+                <ul>
+                  <li class="mb-5">
+                    <a class="flex items-center text-white hover:text-violet-600" href="#">
+                      <span>
+                        <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="5" stroke="#C3C6CE" stroke-width="2"></circle></svg>
+                      </span>
+                      <span class="ml-3 text-xl tracking-tight">Getting Started</span>
+                    </a>
+                  </li>
+                  <li class="mb-5">
+                    <a class="flex items-center text-white hover:text-violet-600" href="#">
+                      <span>
+                        <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="5" stroke="#C3C6CE" stroke-width="2"></circle></svg>
+                      </span>
+                      <span class="ml-3 text-xl tracking-tight">How we can collaborate</span>
+                    </a>
+                  </li>
+                  <li class="mb-5">
+                    <a class="flex items-center text-white hover:text-violet-600" href="#">
+                      <span>
+                        <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="5" stroke="#C3C6CE" stroke-width="2"></circle></svg>
+                      </span>
+                      <span class="ml-3 text-xl tracking-tight">How to use Coca</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a class="flex items-center text-white hover:text-violet-600" href="#">
+                      <span>
+                        <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="5" stroke="#C3C6CE" stroke-width="2"></circle></svg>
+                      </span>
+                      <span class="ml-3 text-xl tracking-tight">How to subscription</span>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <img class="block mt-14" src="casper-assets/services/robot-left-side.png" alt="">
+            </div>
+          </div>
+        </div>
+        <div class="relative w-full lg:w-1/2 xl:w-3/5 px-4">
+          <div class="absolute bottom-0 right-0 w-186 h-186 bg-gradient-to-t from-violet-700 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+          <div class="relative max-w-lg lg:max-w-none mx-auto">
+            <div class="flex mb-12 px-8 h-18 items-center bg-white bg-opacity-10 rounded-full">
+              <button class="inline-block text-white hover:text-violet-600">
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M21.7099 20.29L17.9999 16.61C19.44 14.8144 20.1374 12.5353 19.9487 10.2413C19.76 7.94733 18.6996 5.81281 16.9854 4.27667C15.2713 2.74053 13.0337 1.91954 10.7328 1.9825C8.43194 2.04546 6.24263 2.98759 4.61505 4.61517C2.98747 6.24275 2.04534 8.43207 1.98237 10.7329C1.91941 13.0338 2.74041 15.2714 4.27655 16.9855C5.81269 18.6997 7.94721 19.7601 10.2412 19.9488C12.5352 20.1375 14.8143 19.4401 16.6099 18L20.2899 21.68C20.3829 21.7738 20.4935 21.8482 20.6153 21.8989C20.7372 21.9497 20.8679 21.9758 20.9999 21.9758C21.1319 21.9758 21.2626 21.9497 21.3845 21.8989C21.5063 21.8482 21.6169 21.7738 21.7099 21.68C21.8901 21.4936 21.9909 21.2444 21.9909 20.985C21.9909 20.7257 21.8901 20.4765 21.7099 20.29ZM10.9999 18C9.61544 18 8.26206 17.5895 7.11091 16.8203C5.95977 16.0511 5.06256 14.9579 4.53275 13.6788C4.00293 12.3997 3.86431 10.9923 4.13441 9.63439C4.4045 8.27653 5.07119 7.02925 6.05016 6.05028C7.02912 5.07131 8.27641 4.40463 9.63427 4.13453C10.9921 3.86443 12.3996 4.00306 13.6787 4.53287C14.9578 5.06268 16.051 5.95989 16.8202 7.11103C17.5894 8.26218 17.9999 9.61556 17.9999 11C17.9999 12.8565 17.2624 14.637 15.9497 15.9498C14.6369 17.2625 12.8564 18 10.9999 18Z" fill="currentColor"></path>
+                </svg>
+              </button>
+              <input class="h-full w-full pl-6 py-6 bg-transparent text-base tracking-tight text-gray-400 placeholder-gray-500 outline-none" type="search" placeholder="Search question, keywords, articles">
+            </div>
+            <div>
+              <h5 class="text-xl text-white font-medium tracking-tight mb-8">GETTING STARTED</h5>
+              <button class="group block w-full pb-6 mb-6 text-left border-b-2 border-white border-opacity-10">
+                <div class="flex items-start justify-between">
+                  <div class="pr-4">
+                    <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">Do you provide a complete design style?</h4>
+                    <p class="hidden group-hover:block max-w-xl mt-2 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+                  </div>
+                  <span class="inline-block transform group-hover:rotate-180 text-white group-hover:text-violet-500">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.71 15.54L18.36 9.87998C18.4537 9.78702 18.5281 9.67642 18.5789 9.55456C18.6296 9.4327 18.6558 9.30199 18.6558 9.16998C18.6558 9.03797 18.6296 8.90726 18.5789 8.78541C18.5281 8.66355 18.4537 8.55294 18.36 8.45998C18.1726 8.27373 17.9191 8.16919 17.655 8.16919C17.3908 8.16919 17.1373 8.27373 16.95 8.45998L11.95 13.41L6.99996 8.45998C6.8126 8.27373 6.55915 8.16919 6.29496 8.16919C6.03078 8.16919 5.77733 8.27373 5.58996 8.45998C5.49548 8.5526 5.42031 8.66304 5.36881 8.78492C5.31731 8.90679 5.29051 9.03767 5.28996 9.16998C5.29051 9.30229 5.31731 9.43317 5.36881 9.55505C5.42031 9.67692 5.49548 9.78737 5.58996 9.87998L11.24 15.54C11.3336 15.6415 11.4473 15.7225 11.5738 15.7779C11.7003 15.8333 11.8369 15.8619 11.975 15.8619C12.1131 15.8619 12.2497 15.8333 12.3762 15.7779C12.5027 15.7225 12.6163 15.6415 12.71 15.54Z" fill="currentColor"></path>
+                    </svg>
+                  </span>
+                </div>
+              </button>
+              <button class="group block w-full pb-6 mb-6 text-left border-b-2 border-white border-opacity-10">
+                <div class="flex items-start justify-between">
+                  <div class="pr-4">
+                    <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">Do you have any terms & conditions?</h4>
+                    <p class="hidden group-hover:block max-w-xl mt-2 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+                  </div>
+                  <span class="inline-block transform group-hover:rotate-180 text-white group-hover:text-violet-500">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.71 15.54L18.36 9.87998C18.4537 9.78702 18.5281 9.67642 18.5789 9.55456C18.6296 9.4327 18.6558 9.30199 18.6558 9.16998C18.6558 9.03797 18.6296 8.90726 18.5789 8.78541C18.5281 8.66355 18.4537 8.55294 18.36 8.45998C18.1726 8.27373 17.9191 8.16919 17.655 8.16919C17.3908 8.16919 17.1373 8.27373 16.95 8.45998L11.95 13.41L6.99996 8.45998C6.8126 8.27373 6.55915 8.16919 6.29496 8.16919C6.03078 8.16919 5.77733 8.27373 5.58996 8.45998C5.49548 8.5526 5.42031 8.66304 5.36881 8.78492C5.31731 8.90679 5.29051 9.03767 5.28996 9.16998C5.29051 9.30229 5.31731 9.43317 5.36881 9.55505C5.42031 9.67692 5.49548 9.78737 5.58996 9.87998L11.24 15.54C11.3336 15.6415 11.4473 15.7225 11.5738 15.7779C11.7003 15.8333 11.8369 15.8619 11.975 15.8619C12.1131 15.8619 12.2497 15.8333 12.3762 15.7779C12.5027 15.7225 12.6163 15.6415 12.71 15.54Z" fill="currentColor"></path>
+                    </svg>
+                  </span>
+                </div>
+              </button>
+              <button class="group block w-full pb-6 mb-6 text-left border-b-2 border-white border-opacity-10">
+                <div class="flex items-start justify-between">
+                  <div class="pr-4">
+                    <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">How to apply Casper to our project?</h4>
+                    <p class="hidden group-hover:block max-w-xl mt-2 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+                  </div>
+                  <span class="inline-block transform group-hover:rotate-180 text-white group-hover:text-violet-500">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.71 15.54L18.36 9.87998C18.4537 9.78702 18.5281 9.67642 18.5789 9.55456C18.6296 9.4327 18.6558 9.30199 18.6558 9.16998C18.6558 9.03797 18.6296 8.90726 18.5789 8.78541C18.5281 8.66355 18.4537 8.55294 18.36 8.45998C18.1726 8.27373 17.9191 8.16919 17.655 8.16919C17.3908 8.16919 17.1373 8.27373 16.95 8.45998L11.95 13.41L6.99996 8.45998C6.8126 8.27373 6.55915 8.16919 6.29496 8.16919C6.03078 8.16919 5.77733 8.27373 5.58996 8.45998C5.49548 8.5526 5.42031 8.66304 5.36881 8.78492C5.31731 8.90679 5.29051 9.03767 5.28996 9.16998C5.29051 9.30229 5.31731 9.43317 5.36881 9.55505C5.42031 9.67692 5.49548 9.78737 5.58996 9.87998L11.24 15.54C11.3336 15.6415 11.4473 15.7225 11.5738 15.7779C11.7003 15.8333 11.8369 15.8619 11.975 15.8619C12.1131 15.8619 12.2497 15.8333 12.3762 15.7779C12.5027 15.7225 12.6163 15.6415 12.71 15.54Z" fill="currentColor"></path>
+                    </svg>
+                  </span>
+                </div>
+              </button>
+              <button class="group block w-full pb-6 mb-6 text-left border-b-2 border-white border-opacity-10">
+                <div class="flex items-start justify-between">
+                  <div class="pr-4">
+                    <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">How was the Terms & Condition?</h4>
+                    <p class="hidden group-hover:block max-w-xl mt-2 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+                  </div>
+                  <span class="inline-block transform group-hover:rotate-180 text-white group-hover:text-violet-500">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.71 15.54L18.36 9.87998C18.4537 9.78702 18.5281 9.67642 18.5789 9.55456C18.6296 9.4327 18.6558 9.30199 18.6558 9.16998C18.6558 9.03797 18.6296 8.90726 18.5789 8.78541C18.5281 8.66355 18.4537 8.55294 18.36 8.45998C18.1726 8.27373 17.9191 8.16919 17.655 8.16919C17.3908 8.16919 17.1373 8.27373 16.95 8.45998L11.95 13.41L6.99996 8.45998C6.8126 8.27373 6.55915 8.16919 6.29496 8.16919C6.03078 8.16919 5.77733 8.27373 5.58996 8.45998C5.49548 8.5526 5.42031 8.66304 5.36881 8.78492C5.31731 8.90679 5.29051 9.03767 5.28996 9.16998C5.29051 9.30229 5.31731 9.43317 5.36881 9.55505C5.42031 9.67692 5.49548 9.78737 5.58996 9.87998L11.24 15.54C11.3336 15.6415 11.4473 15.7225 11.5738 15.7779C11.7003 15.8333 11.8369 15.8619 11.975 15.8619C12.1131 15.8619 12.2497 15.8333 12.3762 15.7779C12.5027 15.7225 12.6163 15.6415 12.71 15.54Z" fill="currentColor"></path>
+                    </svg>
+                  </span>
+                </div>
+              </button>
+              <button class="group block w-full pb-6 text-left border-b-2 border-white border-opacity-10">
+                <div class="flex items-start justify-between">
+                  <div class="pr-4">
+                    <h4 class="text-xl text-white group-hover:text-violet-500 tracking-tight font-medium">How much we can buy this product?</h4>
+                    <p class="hidden group-hover:block max-w-xl mt-2 text-lg tracking-tight text-gray-400">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+                  </div>
+                  <span class="inline-block transform group-hover:rotate-180 text-white group-hover:text-violet-500">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.71 15.54L18.36 9.87998C18.4537 9.78702 18.5281 9.67642 18.5789 9.55456C18.6296 9.4327 18.6558 9.30199 18.6558 9.16998C18.6558 9.03797 18.6296 8.90726 18.5789 8.78541C18.5281 8.66355 18.4537 8.55294 18.36 8.45998C18.1726 8.27373 17.9191 8.16919 17.655 8.16919C17.3908 8.16919 17.1373 8.27373 16.95 8.45998L11.95 13.41L6.99996 8.45998C6.8126 8.27373 6.55915 8.16919 6.29496 8.16919C6.03078 8.16919 5.77733 8.27373 5.58996 8.45998C5.49548 8.5526 5.42031 8.66304 5.36881 8.78492C5.31731 8.90679 5.29051 9.03767 5.28996 9.16998C5.29051 9.30229 5.31731 9.43317 5.36881 9.55505C5.42031 9.67692 5.49548 9.78737 5.58996 9.87998L11.24 15.54C11.3336 15.6415 11.4473 15.7225 11.5738 15.7779C11.7003 15.8333 11.8369 15.8619 11.975 15.8619C12.1131 15.8619 12.2497 15.8333 12.3762 15.7779C12.5027 15.7225 12.6163 15.6415 12.71 15.54Z" fill="currentColor"></path>
+                    </svg>
+                  </span>
+                </div>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-mEEuPCtz.html b/components/unsorted/casper-all-mEEuPCtz.html
new file mode 100644
index 0000000..b67b889
--- /dev/null
+++ b/components/unsorted/casper-all-mEEuPCtz.html
@@ -0,0 +1,112 @@
+<div> <section class="relative bg-white overflow-hidden">
+    <nav class="relative z-10 py-7">
+      <div class="container mx-auto px-4">
+        <div class="relative flex items-center justify-between">
+          <a class="inline-block" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo.svg" alt="">
+          </a>
+          <div class="flex items-center justify-end">
+            <div class="hidden lg:block mr-10"><a class="inline-flex py-2 px-4 mr-4 items-center justify-center text-sm font-medium uppercase text-violet-900 hover:text-violet-500" href="#">SIGN IN</a><a class="inline-flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+            <button class="navbar-burger text-black hover:text-violet-500">
+              <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3 16H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M3 8H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M20 24L29 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <img class="absolute top-0 right-0" src="casper-assets/headers/circle-double-element.svg" alt="">
+    <div class="relative">
+      <img class="hidden lg:block absolute top-0 left-0 lg:mt-14 lg:ml-16 animate-spinStar" src="casper-assets/headers/blink.png" alt="">
+      <div class="container mx-auto px-4">
+        <div class="pt-16 pb-8 xl:pb-4 text-center">
+          <div class="relative z-10 inline-block">
+            <h1 class="absolute top-0 left-0 mt-2 xs:mt-3 sm:mt-6 xl:mt-8 font-heading text-5xl xs:text-7xl sm:text-8xl xl:text-9xl text-white font-semibold text-outline">CASPERAI</h1>
+            <div class="absolute top-0 left-0 w-full mt-1 sm:mt-10 h-9 xs:h-16 sm:h-12 xl:h-28 bg-white"></div>
+            <h1 class="relative font-heading text-black text-5xl xs:text-7xl sm:text-8xl xl:text-9xl font-semibold">CASPERAI</h1>
+          </div>
+        </div>
+      </div>
+      <div class="flex flex-wrap">
+        <div class="w-full md:w-1/3">
+          <a class="group block bg-radial to-indigo-900 from-blueGray-800" href="#">
+            <div class="relative h-112 md:h-148 bg-opacity-0 bg-blueGray-800 group-hover:bg-opacity-100 transition duration-500">
+              <div class="absolute top-0 left-0 w-full h-full flex items-center justify-center">
+                <img class="h-64 lg:h-96 transform group-hover:scale-105 transition duration-300" src="casper-assets/headers/robot-full-size.png" alt="">
+              </div>
+              <div class="relative flex flex-col p-10 h-full">
+                <span class="block text-5xl text-white font-medium">01</span>
+                <span class="block mt-auto text-4xl text-white">Chat</span>
+                <span class="block text-4xl text-white">Assistant</span>
+              </div>
+            </div>
+          </a>
+        </div>
+        <div class="w-full md:w-1/3">
+          <a class="group block bg-radial to-orange-800 from-orange-600" href="#">
+            <div class="relative h-74 bg-opacity-0 bg-orange-600 group-hover:bg-opacity-60 transition duration-500">
+              <div class="absolute top-0 left-0 w-full h-full flex items-center justify-center">
+                <img class="h-52 lg:h-64 transform group-hover:scale-105 transition duration-300" src="casper-assets/headers/planet.png" alt="">
+              </div>
+              <div class="relative flex flex-col p-10 h-full">
+                <span class="block text-5xl text-white font-medium">02</span>
+                <span class="block mt-auto text-4xl text-white">Image Optimizing</span>
+              </div>
+            </div>
+          </a>
+          <a class="group block bg-radial to-teal-800 from-teal-600" href="#">
+            <div class="relative h-74 bg-opacity-0 bg-teal-600 group-hover:bg-opacity-60 transition duration-500">
+              <div class="absolute top-0 left-0 w-full h-full flex items-center justify-center">
+                <img class="h-52 lg:h-64 transform group-hover:scale-105 transition duration-300" src="casper-assets/headers/plant-robo.png" alt="">
+              </div>
+              <div class="relative flex flex-col p-10 h-full">
+                <span class="block text-5xl text-white font-medium">03</span>
+                <span class="block mt-auto text-4xl text-white">Video Editor</span>
+              </div>
+            </div>
+          </a>
+        </div>
+        <div class="w-full md:w-1/3">
+          <a class="group block bg-radial to-violet-900 from-blue-500" href="#">
+            <div class="relative h-112 md:h-148 bg-opacity-0 bg-violet-800 group-hover:bg-opacity-100 transition duration-500">
+              <div class="absolute top-0 left-0 w-full h-full flex items-center justify-center">
+                <img class="h-52 lg:h-96 transform group-hover:scale-105 transition duration-300" src="casper-assets/headers/chip.png" alt="">
+              </div>
+              <div class="relative flex flex-col p-10 h-full">
+                <span class="block text-5xl text-white font-medium">04</span>
+                <span class="block mt-auto text-4xl text-white">Content</span>
+                <span class="block text-4xl text-white">Copywriting</span>
+              </div>
+            </div>
+          </a>
+        </div>
+      </div>
+    </div>
+    <div class="hidden navbar-menu fixed top-0 left-0 bottom-0 w-5/6 max-w-md z-50">
+      <div class="navbar-backdrop fixed inset-0 bg-violet-900 opacity-20"></div>
+      <nav class="relative flex flex-col py-7 px-10 w-full h-full bg-white overflow-y-auto">
+        <div class="flex mb-auto items-center">
+          <a class="inline-block mr-auto" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo.svg" alt="">
+          </a>
+          <a class="navbar-close" href="#">
+            <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M6 18L18 6M6 6L18 18" stroke="#111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+            </svg>
+          </a>
+        </div>
+        <div class="py-12 mb-auto">
+          <ul class="flex-col">
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">FEATURED</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">SOLUTIONS</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">PRODUCTS</a></li>
+            <li><a class="inline-block text-base text-black font-medium uppercase" href="#">ARTICLES</a></li>
+          </ul>
+        </div>
+        <div><a class="flex py-2 px-4 mb-4 items-center justify-center text-sm font-medium uppercase text-violet-900 hover:text-violet-500" href="#">SIGN IN</a><a class="flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+      </nav>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-nzyvINgO.html b/components/unsorted/casper-all-nzyvINgO.html
new file mode 100644
index 0000000..316708d
--- /dev/null
+++ b/components/unsorted/casper-all-nzyvINgO.html
@@ -0,0 +1,25 @@
+<div> <section class="relative pb-12 pt-20 md:pb-20 lg:pb-24 lg:pt-32 overflow-hidden">
+    <div class="container mx-auto px-4">
+      <div class="relative max-w-8xl mx-auto">
+        <img class="absolute top-0 left-0 -mt-20 ml-24 z-10 w-40 lg:w-auto" src="casper-assets/cta/robo-bubble.png" alt="">
+        <div class="relative px-8 py-20 rounded-5xl overflow-hidden">
+          <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/cta/bg-gradient-banner.png" alt="">
+          <div class="relative max-w-5xl mx-auto text-center">
+            <h3 class="font-heading text-2xl lg:text-4xl text-black font-medium leading-tight mb-8">Ready to collaborate?</h3>
+            <h2 class="font-heading text-4xl xs:text-5xl lg:text-6xl text-black font-medium tracking-tight mb-8">Sign up & transform your customer interactions</h2>
+            <a class="group inline-flex w-full sm:w-auto h-14 mb-8 px-7 items-center justify-center text-base font-medium text-black hover:text-violet-800 bg-violet-500 hover:bg-white transition duration-200 rounded-full" href="#">
+              <span class="mr-2">START FREE TRIAL</span>
+              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+              </svg>
+            </a>
+            <p class="text-base text-black tracking-tight">
+              <span>Join</span>
+              <span class="font-medium">50,000+</span>
+              <span>other creators across our communities.</span>
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-oCGkXIas.html b/components/unsorted/casper-all-oCGkXIas.html
new file mode 100644
index 0000000..ef81380
--- /dev/null
+++ b/components/unsorted/casper-all-oCGkXIas.html
@@ -0,0 +1,93 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <img class="hidden md:block absolute top-0 right-0 animate-spinStar z-10" src="casper-assets/services/blink-star.png" alt="">
+      <div class="absolute top-0 right-0 -mr-52 -mt-64 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-lg lg:max-w-4xl mx-auto lg:mx-0 mb-32">
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl lg:text-7xl font-medium text-white tracking-tight mb-6">Our Services</h2>
+        <p class="max-w-xl text-xl text-gray-500 tracking-tight">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+      </div>
+      <div class="relative">
+        <a class="group block cursor-pointer mb-14 pb-8 border-b-2 border-white border-opacity-10 hover:border-opacity-100 items-center transition duration-300" href="#">
+          <div class="flex flex-wrap -mx-4">
+            <div class="w-full lg:w-4/12 px-4 mb-8 lg:mb-0">
+              <div class="flex items-start">
+                <span class="hidden group-hover:inline-block mr-5 font-heading text-4xl font-medium text-sky-900">01</span>
+                <h4 class="font-heading text-4xl font-medium text-white group-hover:text-sky-900">
+                  <span class="block">Personalized</span>
+                  <span>Experiences</span>
+                </h4>
+              </div>
+            </div>
+            <div class="w-full lg:w-6/12 px-4 mb-8 lg:mb-0">
+              <div class="relative flex items-center">
+                <img class="hidden md:block lg:hidden xl:block absolute top-0 left-0 xl:-mt-14 ml-8 w-32 opacity-0 group-hover:opacity-100 transition duration-300" src="casper-assets/services/axe.png" alt="">
+                <p class="max-w-md ml-auto text-right text-white tracking-tight leading-snug">By understanding your visitors' needs, our chat assistant creates a unique experience that keeps them coming back for more unique process.</p>
+              </div>
+            </div>
+            <div class="w-full lg:w-2/12 px-4 text-right">
+              <span class="inline-block text-white group-hover:text-sky-900 transform rotate-0 group-hover:rotate-90 transition duration-300">
+                <svg width="60" height="60" viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M17.5 42.5L42.5 17.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                  <path d="M17.5 17.5H42.5V42.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </a>
+        <a class="group block cursor-pointer mb-14 pb-8 border-b-2 border-white border-opacity-10 hover:border-opacity-100 items-center transition duration-300" href="#">
+          <div class="flex flex-wrap -mx-4">
+            <div class="w-full lg:w-4/12 px-4 mb-8 lg:mb-0">
+              <div class="flex items-start">
+                <span class="hidden group-hover:inline-block mr-5 font-heading text-4xl font-medium text-sky-900">02</span>
+                <h4 class="font-heading text-4xl font-medium text-white group-hover:text-sky-900">
+                  <span class="block">Analytics and</span>
+                  <span>Insights</span>
+                </h4>
+              </div>
+            </div>
+            <div class="w-full lg:w-6/12 px-4 mb-8 lg:mb-0">
+              <div class="relative flex items-center">
+                <img class="hidden xl:block absolute top-0 left-0 -mt-14 ml-8 w-32 opacity-0 group-hover:opacity-100 transition duration-300" src="casper-assets/services/box-items.png" alt="">
+                <p class="max-w-md ml-auto text-right text-white tracking-tight leading-snug">Our chat assistant is available round the clock, providing instant responses and support, even when your team is offline. Say goodbye to missed inquiries</p>
+              </div>
+            </div>
+            <div class="w-full lg:w-2/12 px-4 text-right">
+              <span class="inline-block text-white group-hover:text-sky-900 transform rotate-0 group-hover:rotate-90 transition duration-300">
+                <svg width="60" height="60" viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M17.5 42.5L42.5 17.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                  <path d="M17.5 17.5H42.5V42.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </a>
+        <a class="group block cursor-pointer mb-14 pb-8 border-b-2 border-white border-opacity-10 hover:border-opacity-100 items-center transition duration-300" href="#">
+          <div class="flex flex-wrap -mx-4">
+            <div class="w-full lg:w-4/12 px-4 mb-8 lg:mb-0">
+              <div class="flex items-start">
+                <span class="hidden group-hover:inline-block mr-5 font-heading text-4xl font-medium text-sky-900">03</span>
+                <h4 class="font-heading text-4xl font-medium text-white group-hover:text-sky-900">
+                  <span class="block">Seamless</span>
+                  <span>Integration</span>
+                </h4>
+              </div>
+            </div>
+            <div class="w-full lg:w-6/12 px-4 mb-8 lg:mb-0">
+              <div class="relative flex items-center">
+                <img class="hidden xl:block absolute top-0 left-0 -mt-14 ml-8 w-32 opacity-0 group-hover:opacity-100 transition duration-300" src="casper-assets/services/bubble-robot.png" alt="">
+                <p class="max-w-md ml-auto text-right text-white tracking-tight leading-snug">Our chat assistant is available round the clock, providing instant responses and support, even when your team is offline. Say goodbye to missed inquiries</p>
+              </div>
+            </div>
+            <div class="w-full lg:w-2/12 px-4 text-right">
+              <span class="inline-block text-white group-hover:text-sky-900 transform rotate-0 group-hover:rotate-90 transition duration-300">
+                <svg width="60" height="60" viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M17.5 42.5L42.5 17.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                  <path d="M17.5 17.5H42.5V42.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </a>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-oSZQSXQJ.html b/components/unsorted/casper-all-oSZQSXQJ.html
new file mode 100644
index 0000000..1a87bf6
--- /dev/null
+++ b/components/unsorted/casper-all-oSZQSXQJ.html
@@ -0,0 +1,44 @@
+<div><section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 -mt-96 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="absolute bottom-0 right-0 w-186 h-186 bg-gradient-to-t from-violet-700 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="relative text-center mb-12">
+        <span class="block text-lg text-gray-500 tracking-tight mb-6">Type Caption Here</span>
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-6">Blog & Articles</h2>
+      </div>
+      <div class="relative max-w-sm md:max-w-6xl mx-auto">
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full md:w-1/2 px-4 mb-12 lg:mb-0">
+            <div>
+              <img class="block w-full mb-6" src="casper-assets/blog/image-blog1.png" alt="">
+              <h3 class="text-2xl text-white font-medium mb-4">Type you blog title here</h3>
+              <p class="text-sm text-gray-300 leading-snug mb-4">Gain valuable insights into your users' preferences, behavior, and frequently asked questions. Simply dummy text of the printing and typesetting industry.</p>
+              <a class="group flex items-center" href="#">
+                <div class="flex items-center justify-center w-14 h-14 rounded-full border border-gray-700 group-hover:bg-violet-600 group-hover:border-violet-600 transition duration-200">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.92 11.62C17.8724 11.4973 17.801 11.3851 17.71 11.29L12.71 6.29C12.6168 6.19676 12.5061 6.1228 12.3842 6.07234C12.2624 6.02188 12.1319 5.99591 12 5.99591C11.7337 5.99591 11.4783 6.1017 11.29 6.29C11.1968 6.38324 11.1228 6.49393 11.0723 6.61575C11.0219 6.73758 10.9959 6.86814 10.9959 7C10.9959 7.2663 11.1017 7.5217 11.29 7.71L14.59 11H7C6.73478 11 6.48043 11.1054 6.29289 11.2929C6.10536 11.4804 6 11.7348 6 12C6 12.2652 6.10536 12.5196 6.29289 12.7071C6.48043 12.8946 6.73478 13 7 13H14.59L11.29 16.29C11.1963 16.383 11.1219 16.4936 11.0711 16.6154C11.0203 16.7373 10.9942 16.868 10.9942 17C10.9942 17.132 11.0203 17.2627 11.0711 17.3846C11.1219 17.5064 11.1963 17.617 11.29 17.71C11.383 17.8037 11.4936 17.8781 11.6154 17.9289C11.7373 17.9797 11.868 18.0058 12 18.0058C12.132 18.0058 12.2627 17.9797 12.3846 17.9289C12.5064 17.8781 12.617 17.8037 12.71 17.71L17.71 12.71C17.801 12.6149 17.8724 12.5028 17.92 12.38C18.02 12.1365 18.02 11.8635 17.92 11.62Z" fill="white"></path>
+                  </svg>
+                </div>
+                <span class="ml-5 text-sm font-medium text-white">Read more</span>
+              </a>
+            </div>
+          </div>
+          <div class="w-full md:w-1/2 px-4">
+            <div>
+              <img class="block w-full mb-6" src="casper-assets/blog/image-blog2.png" alt="">
+              <h3 class="text-2xl text-white font-medium mb-4">Type you blog title here</h3>
+              <p class="text-sm text-gray-300 leading-snug mb-4">Gain valuable insights into your users' preferences, behavior, and frequently asked questions. Simply dummy text of the printing and typesetting industry.</p>
+              <a class="group flex items-center" href="#">
+                <div class="flex items-center justify-center w-14 h-14 rounded-full border border-gray-700 group-hover:bg-violet-600 group-hover:border-violet-600 transition duration-200">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.92 11.62C17.8724 11.4973 17.801 11.3851 17.71 11.29L12.71 6.29C12.6168 6.19676 12.5061 6.1228 12.3842 6.07234C12.2624 6.02188 12.1319 5.99591 12 5.99591C11.7337 5.99591 11.4783 6.1017 11.29 6.29C11.1968 6.38324 11.1228 6.49393 11.0723 6.61575C11.0219 6.73758 10.9959 6.86814 10.9959 7C10.9959 7.2663 11.1017 7.5217 11.29 7.71L14.59 11H7C6.73478 11 6.48043 11.1054 6.29289 11.2929C6.10536 11.4804 6 11.7348 6 12C6 12.2652 6.10536 12.5196 6.29289 12.7071C6.48043 12.8946 6.73478 13 7 13H14.59L11.29 16.29C11.1963 16.383 11.1219 16.4936 11.0711 16.6154C11.0203 16.7373 10.9942 16.868 10.9942 17C10.9942 17.132 11.0203 17.2627 11.0711 17.3846C11.1219 17.5064 11.1963 17.617 11.29 17.71C11.383 17.8037 11.4936 17.8781 11.6154 17.9289C11.7373 17.9797 11.868 18.0058 12 18.0058C12.132 18.0058 12.2627 17.9797 12.3846 17.9289C12.5064 17.8781 12.617 17.8037 12.71 17.71L17.71 12.71C17.801 12.6149 17.8724 12.5028 17.92 12.38C18.02 12.1365 18.02 11.8635 17.92 11.62Z" fill="white"></path>
+                  </svg>
+                </div>
+                <span class="ml-5 text-sm font-medium text-white">Read more</span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-oXYOVTZC.html b/components/unsorted/casper-all-oXYOVTZC.html
new file mode 100644
index 0000000..7a56f17
--- /dev/null
+++ b/components/unsorted/casper-all-oXYOVTZC.html
@@ -0,0 +1,49 @@
+<div> <section class="relative py-12 sm:py-24 lg:py-32 bg-body overflow-hidden">
+    <img class="absolute bottom-0 left-0 w-full" src="casper-assets/team/triangle-line.png" alt="">
+    <img class="hidden md:block absolute top-0 left-0 m-2 lg:m-16 xl:m-32 animate-spinStar" src="casper-assets/team/blink-star.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="relative mb-52 xl:mb-18">
+        <img class="absolute bottom-0 right-0 lg:w-auto w-60 -mb-64 xl:-mb-28 md:-mr-12 xl:-mr-24" src="casper-assets/team/robot.png" alt="">
+        <div class="max-w-3xl mx-auto text-center">
+          <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl lg:text-7xl font-medium text-white tracking-tight mb-5">Get to know our Team</h2>
+          <p class="max-w-xl mx-auto text-xl text-gray-400 leading-relaxed tracking-tight mb-6">Mi turpis turpis in justo pellentesque id nibh praesent.</p>
+          <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">
+            <span class="mr-2">SHOW ALL PEOPLE</span>
+            <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+            </svg>
+          </a>
+        </div>
+      </div>
+      <div class="relative flex flex-wrap -mx-4 -mb-8">
+        <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8">
+          <div class="max-w-md mx-auto pt-3 px-3 pb-5 text-center bg-white rounded-3xl">
+            <img class="block w-full h-64 rounded-2xl object-cover mb-4" src="casper-assets/team/avatar-square-md-1.png" alt="">
+            <span class="block text-xl font-medium text-black">Cameron Williamson</span>
+            <span class="block text-sm text-gray-500 font-medium">Founder</span>
+          </div>
+        </div>
+        <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8">
+          <div class="max-w-md mx-auto pt-3 px-3 pb-5 text-center bg-white rounded-3xl">
+            <img class="block w-full h-64 rounded-2xl object-cover mb-4" src="casper-assets/team/avatar-square-md-2.png" alt="">
+            <span class="block text-xl font-medium text-black">Annette Black</span>
+            <span class="block text-sm text-gray-500 font-medium">Co-Founder</span>
+          </div>
+        </div>
+        <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8">
+          <div class="max-w-md mx-auto pt-3 px-3 pb-5 text-center bg-white rounded-3xl">
+            <img class="block w-full h-64 rounded-2xl object-cover mb-4" src="casper-assets/team/avatar-square-md-1.png" alt="">
+            <span class="block text-xl font-medium text-black">Eleanor Pena</span>
+            <span class="block text-sm text-gray-500 font-medium">Project Manager</span>
+          </div>
+        </div>
+        <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-8">
+          <div class="max-w-md mx-auto pt-3 px-3 pb-5 text-center bg-white rounded-3xl">
+            <img class="block w-full h-64 rounded-2xl object-cover mb-4" src="casper-assets/team/avatar-square-md-4.png" alt="">
+            <span class="block text-xl font-medium text-black">Robert Fox</span>
+            <span class="block text-sm text-gray-500 font-medium">Art Director</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-obxrnHWF.html b/components/unsorted/casper-all-obxrnHWF.html
new file mode 100644
index 0000000..1cbc7bb
--- /dev/null
+++ b/components/unsorted/casper-all-obxrnHWF.html
@@ -0,0 +1,111 @@
+<div><section class="relative py-12 sm:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="flex flex-wrap items-center -mx-4">
+        <div class="w-full xl:w-2/5 px-4 mb-20 xl:mb-0">
+          <div class="relative max-w-xl xl:max-w-md mx-auto xl:mx-0 md:pb-52">
+            <img class="mb-16 animate-spinStar" src="casper-assets/testimonials/blink-star.png" alt="">
+            <div class="relative z-10">
+              <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl lg:text-7xl font-medium text-white tracking-tight mb-8">Trusted by more than 100k people</h2>
+              <p class="text-xl text-gray-500 leading-relaxed mb-8">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+              <a class="group inline-flex h-14 px-7 items-center justify-center text-base font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">
+                <span class="mr-2">SEE ALL TESTIMONIALS</span>
+                <span>
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                  </svg>
+                </span>
+              </a>
+            </div>
+            <img class="block md:absolute bottom-0 right-0 md:-mr-40" src="casper-assets/testimonials/robot-side.png" alt="">
+          </div>
+        </div>
+        <div class="relative w-full xl:w-3/5 px-4">
+          <div class="absolute top-0 right-0 w-160 h-160 -mr-10 bg-gradient-to-t from-purple-700 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+          <div class="relative max-w-2xl mx-auto xl:mr-0">
+            <div class="hidden md:block absolute bottom-0 left-0 md:ml-20 w-full md:max-w-xl h-40 bg-gradient-to-t from-darkBlue-900 to-transparent"></div>
+            <div class="md:max-w-xl pl-8 pr-14 py-6 mb-8 md:h-40 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <div class="flex items-start">
+                <img class="flex-shrink-0 block w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-2.png" alt="">
+                <div class="ml-5">
+                  <div class="md:flex mb-3 items-center justify-between">
+                    <div>
+                      <span class="block text-xl text-white font-medium mb-1">Sulis Azalea</span>
+                      <span class="block text-sm text-gray-500">CEO of Sans Design</span>
+                    </div>
+                    <div class="flex items-center">
+                      <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                      </svg>
+                      <span class="ml-2.5 text-xl font-medium text-white">5</span>
+                    </div>
+                  </div>
+                  <p class="text-lg text-white">It was a pleasure working with the Saturn. They understood the brief correctly</p>
+                </div>
+              </div>
+            </div>
+            <div class="relative md:max-w-xl md:-ml-20 pl-8 pr-14 py-6 mb-8 md:h-40 rounded-3xl overflow-hidden">
+              <img class="absolute top-0 left-0 w-full h-full" src="casper-assets/testimonials/bg-gradient-color.png" alt="">
+              <div class="relative flex items-start">
+                <img class="flex-shrink-0 block w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-1.png" alt="">
+                <div class="ml-5">
+                  <div class="md:flex mb-3 items-center justify-between">
+                    <div>
+                      <span class="block text-xl text-black font-medium mb-1">Beby Jovanca</span>
+                      <span class="block text-sm text-gray-600">CEO of Coca Soft</span>
+                    </div>
+                    <div class="flex items-center">
+                      <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                      </svg>
+                      <span class="ml-2.5 text-xl font-medium text-black">5</span>
+                    </div>
+                  </div>
+                  <p class="text-lg text-black">It was a pleasure working with the Saturn. They understood the brief correctly</p>
+                </div>
+              </div>
+            </div>
+            <div class="md:max-w-xl pl-8 pr-14 py-6 mb-8 md:h-40 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <div class="flex items-start">
+                <img class="flex-shrink-0 block w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-2.png" alt="">
+                <div class="ml-5">
+                  <div class="md:flex mb-3 items-center justify-between">
+                    <div>
+                      <span class="block text-xl text-white font-medium mb-1">Jenifer Donn</span>
+                      <span class="block text-sm text-gray-500">CEO of Eco Tech</span>
+                    </div>
+                    <div class="flex items-center">
+                      <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                      </svg>
+                      <span class="ml-2.5 text-xl font-medium text-white">5</span>
+                    </div>
+                  </div>
+                  <p class="text-lg text-white">It was a pleasure working with the Saturn. They understood the brief correctly</p>
+                </div>
+              </div>
+            </div>
+            <div class="md:max-w-xl md:ml-20 pl-8 pr-14 py-6 md:h-40 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+              <div class="flex items-start">
+                <img class="flex-shrink-0 block w-14 h-14 rounded-full" src="casper-assets/testimonials/avatar-1.png" alt="">
+                <div class="ml-5">
+                  <div class="md:flex mb-3 items-center justify-between">
+                    <div>
+                      <span class="block text-xl text-white font-medium mb-1">Sulis Azalea</span>
+                      <span class="block text-sm text-gray-500">CEO of Sans Design</span>
+                    </div>
+                    <div class="flex items-center">
+                      <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.227 0.796478L13.2574 5.09148C13.4564 5.51312 13.8405 5.8055 14.2859 5.87316L18.8282 6.56543C19.9504 6.73699 20.397 8.17711 19.5848 9.00228L16.3002 12.344C15.9774 12.6727 15.8305 13.1451 15.9068 13.609L16.682 18.3268C16.8729 19.4939 15.6997 20.3843 14.6967 19.8322L10.6369 17.6032C10.2389 17.3845 9.76225 17.3845 9.3631 17.6032L5.30334 19.8322C4.30026 20.3843 3.1271 19.4939 3.31916 18.3268L4.09316 13.609C4.16952 13.1451 4.02259 12.6727 3.6998 12.344L0.4152 9.00228C-0.396983 8.17711 0.0496019 6.73699 1.17185 6.56543L5.71406 5.87316C6.15949 5.8055 6.54475 5.51312 6.74375 5.09148L8.77305 0.796478C9.27517 -0.265493 10.7248 -0.265493 11.227 0.796478Z" fill="#FFD33C"></path>
+                      </svg>
+                      <span class="ml-2.5 text-xl font-medium text-white">5</span>
+                    </div>
+                  </div>
+                  <p class="text-lg text-white">It was a pleasure working with the Saturn. They understood the brief correctly</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-ogOtBleP.html b/components/unsorted/casper-all-ogOtBleP.html
new file mode 100644
index 0000000..aa8cc30
--- /dev/null
+++ b/components/unsorted/casper-all-ogOtBleP.html
@@ -0,0 +1,67 @@
+<div><section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="absolute top-0 left-0 h-full w-full bg-gradient-to-br from-blueGray-700 via-blueGray-900 to-sky-900"></div>
+    <div class="relative container mx-auto px-4">
+      <img class="hidden lg:block absolute bottom-0 right-0 -mr-32 xl:-mr-10 animate-movePlant" src="casper-assets/pricing/robot-fly.png" alt="">
+      <div class="relative max-w-2xl mx-auto mb-14 text-center">
+        <img class="hidden md:block absolute bottom-0 left-0 -ml-40 lg:-ml-80 xl:-ml-112 lg:-mb-24 w-52 lg:w-auto animate-movePlanet" src="casper-assets/pricing/planet.png" alt="">
+        <span class="inline-flex items-center px-3.5 h-7 mb-4 text-xs font-medium text-white leading-6 bg-gradient-tag rounded-full">PRICING PLAN</span>
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl xl:text-7xl font-medium text-white tracking-tight mb-4">Choose Your Plan</h2>
+        <div class="flex items-center justify-center">
+          <span class="text-xl tracking-tight text-white">Billed Monthly</span>
+          <div class="inline-flex items-center mx-4 h-6 p-0.5 bg-violet-400 rounded-full">
+            <button class="inline-block w-5 h-5 rounded-full bg-transparent"></button>
+            <button class="inline-block w-5 h-5 rounded-full bg-violet-800"></button>
+          </div>
+          <span class="text-xl tracking-tight text-white">Billed Yearly</span>
+        </div>
+      </div>
+      <div class="relative max-w-xs sm:max-w-md md:max-w-3xl mx-auto mb-8 p-10 bg-white rounded-3xl overflow-hidden">
+        <div class="relative flex flex-wrap md:flex-nowrap -mx-4 items-center">
+          <div class="w-full md:w-auto px-4 mb-8 md:mb-0">
+            <div class="sm:flex items-center">
+              <img src="casper-assets/pricing/robot-sm.png" alt="">
+              <div class="max-w-xs mt-3 sm:mt-0 sm:ml-8">
+                <h3 class="text-3xl font-medium text-black">Basic</h3>
+                <p class="text-sm text-gray-600">Simply dummy text of the printing and typesetting industry.</p>
+              </div>
+            </div>
+          </div>
+          <div class="w-full md:w-auto ml-auto flex-shrink-0 px-4">
+            <div>
+              <span class="block mb-3 text-4xl font-medium text-black">$25</span>
+              <a class="group inline-flex w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-white bg-violet-500 hover:bg-black transition duration-200 rounded-full" href="#">
+                <span class="mr-2">CHOOSE PLAN</span>
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                </svg>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="relative max-w-xs sm:max-w-md md:max-w-3xl mx-auto mb-8 p-10 bg-white rounded-3xl overflow-hidden">
+        <div class="relative flex flex-wrap md:flex-nowrap -mx-4 items-center">
+          <div class="w-full md:w-auto px-4 mb-8 md:mb-0">
+            <div class="sm:flex items-center">
+              <img src="casper-assets/pricing/robot.png" alt="">
+              <div class="max-w-xs mt-3 sm:mt-0 sm:ml-8">
+                <h3 class="text-3xl font-medium text-black">Advanced</h3>
+                <p class="text-sm text-gray-600">Simply dummy text of the printing and typesetting industry.</p>
+              </div>
+            </div>
+          </div>
+          <div class="w-full md:w-auto ml-auto flex-shrink-0 px-4">
+            <div>
+              <span class="block mb-3 text-4xl font-medium text-black">$50</span>
+              <a class="group inline-flex w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-white bg-violet-500 hover:bg-black transition duration-200 rounded-full" href="#">
+                <span class="mr-2">CHOOSE PLAN</span>
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                </svg>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-pHpVgwaW.html b/components/unsorted/casper-all-pHpVgwaW.html
new file mode 100644
index 0000000..7dbcf7c
--- /dev/null
+++ b/components/unsorted/casper-all-pHpVgwaW.html
@@ -0,0 +1,94 @@
+<div> <section>
+    <nav class="bg-white py-7">
+      <div class="container mx-auto px-4">
+        <div class="relative flex items-center justify-between">
+          <a class="inline-block" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo.svg" alt="">
+          </a>
+          <div class="hidden lg:block absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
+            <div class="group relative inline-flex mr-6 xl:mr-10 items-center justify-center">
+              <a class="text-sm font-medium uppercase text-black hover:text-violet-500" href="#">FEATURED</a>
+              <div class="hidden group-hover:block absolute top-full left-0 -ml-2 pt-6 px-2 pb-4 min-w-max">
+                <div class="relative w-80">
+                  <div class="absolute top-0 left-0 w-5 h-5 ml-8 -mt-2 transform rotate-45 border-t border-l border-gray-50 bg-white rounded-md"></div>
+                  <div class="absolute top-0 left-0 w-10 h-2 ml-6 mt-px bg-white"></div>
+                  <div class="p-4 bg-white rounded-xl border border-gray-50">
+                    <div class="mb-3 pb-3 border-b border-blueGray-50"><a class="block p-3 text-sm text-black font-medium uppercase hover:bg-violet-50 rounded-xl" href="#">FEATURED</a><a class="block p-3 text-sm text-black font-medium uppercase hover:bg-violet-50 rounded-xl" href="#">SOLUTIONS</a></div>
+                    <div class="mb-6 pb-3 border-b border-blueGray-50">
+                      <a class="flex items-center p-3 text-sm text-black font-medium uppercase hover:bg-violet-50 rounded-xl" href="#">
+                        <svg width="20" height="21" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M6.90833 11.085C6.83022 11.1625 6.76823 11.2546 6.72592 11.3562C6.68362 11.4577 6.66183 11.5667 6.66183 11.6767C6.66183 11.7867 6.68362 11.8956 6.72592 11.9971C6.76823 12.0987 6.83022 12.1909 6.90833 12.2683L9.40833 14.7683C9.4858 14.8464 9.57797 14.9084 9.67952 14.9507C9.78107 14.993 9.88999 15.0148 10 15.0148C10.11 15.0148 10.2189 14.993 10.3205 14.9507C10.422 14.9084 10.5142 14.8464 10.5917 14.7683L13.0917 12.2683C13.2486 12.1114 13.3367 11.8986 13.3367 11.6767C13.3367 11.4547 13.2486 11.2419 13.0917 11.085C12.9347 10.9281 12.7219 10.8399 12.5 10.8399C12.2781 10.8399 12.0653 10.9281 11.9083 11.085L10.8333 12.1683V2.51C10.8333 2.28899 10.7455 2.07702 10.5893 1.92074C10.433 1.76446 10.221 1.67667 10 1.67667C9.77898 1.67667 9.56702 1.76446 9.41074 1.92074C9.25446 2.07702 9.16666 2.28899 9.16666 2.51V12.1683L8.09166 11.085C8.0142 11.0069 7.92203 10.9449 7.82048 10.9026C7.71893 10.8603 7.61001 10.8385 7.5 10.8385C7.38999 10.8385 7.28107 10.8603 7.17952 10.9026C7.07797 10.9449 6.9858 11.0069 6.90833 11.085ZM15 7.51H13.3333C13.1123 7.51 12.9004 7.5978 12.7441 7.75408C12.5878 7.91036 12.5 8.12232 12.5 8.34333C12.5 8.56434 12.5878 8.77631 12.7441 8.93259C12.9004 9.08887 13.1123 9.17666 13.3333 9.17666H15C15.221 9.17666 15.433 9.26446 15.5893 9.42074C15.7455 9.57702 15.8333 9.78898 15.8333 10.01V15.8433C15.8333 16.0643 15.7455 16.2763 15.5893 16.4326C15.433 16.5889 15.221 16.6767 15 16.6767H5C4.77899 16.6767 4.56702 16.5889 4.41074 16.4326C4.25446 16.2763 4.16667 16.0643 4.16667 15.8433V10.01C4.16667 9.78898 4.25446 9.57702 4.41074 9.42074C4.56702 9.26446 4.77899 9.17666 5 9.17666H6.66667C6.88768 9.17666 7.09964 9.08887 7.25592 8.93259C7.4122 8.77631 7.5 8.56434 7.5 8.34333C7.5 8.12232 7.4122 7.91036 7.25592 7.75408C7.09964 7.5978 6.88768 7.51 6.66667 7.51H5C4.33696 7.51 3.70107 7.77339 3.23223 8.24223C2.76339 8.71107 2.5 9.34696 2.5 10.01V15.8433C2.5 16.5064 2.76339 17.1423 3.23223 17.6111C3.70107 18.0799 4.33696 18.3433 5 18.3433H15C15.663 18.3433 16.2989 18.0799 16.7678 17.6111C17.2366 17.1423 17.5 16.5064 17.5 15.8433V10.01C17.5 9.34696 17.2366 8.71107 16.7678 8.24223C16.2989 7.77339 15.663 7.51 15 7.51Z" fill="#1E2238"></path>
+                        </svg>
+                        <span class="ml-3">DOWNLOAD</span>
+                      </a>
+                      <a class="flex items-center p-3 text-sm text-black font-medium uppercase hover:bg-violet-50 rounded-xl" href="#">
+                        <svg width="20" height="21" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <g clip-path="url(#clip0_160_6412)">
+                            <path d="M19.1667 7.92666C19.1657 7.1534 18.8581 6.41208 18.3113 5.8653C17.7646 5.31852 17.0232 5.01093 16.25 5.01C15.8166 5.01233 15.3894 5.11232 15 5.30256V3.76C15.0009 3.18018 14.8287 2.61329 14.5054 2.13194C14.1821 1.65059 13.7225 1.27669 13.1855 1.05814C12.6484 0.839583 12.0584 0.786318 11.4908 0.905165C10.9233 1.02401 10.4042 1.30956 9.99999 1.72524C9.52028 1.22637 8.87826 0.9151 8.18948 0.847469C7.5007 0.779838 6.8104 0.960283 6.24283 1.35633C5.67525 1.75237 5.26768 2.338 5.09347 3.0078C4.91926 3.67761 4.98985 4.38761 5.29255 5.01H3.74999C3.17017 5.00911 2.60328 5.18133 2.12193 5.50459C1.64058 5.82785 1.26668 6.28744 1.04813 6.82449C0.829573 7.36155 0.776308 7.95162 0.895155 8.51913C1.014 9.08665 1.29955 9.60576 1.71523 10.01C1.21636 10.4897 0.90509 11.1317 0.837459 11.8205C0.769828 12.5093 0.950273 13.1996 1.34632 13.7672C1.74236 14.3347 2.32799 14.7423 2.9978 14.9165C3.6676 15.0907 4.3776 15.0201 4.99999 14.7174V16.26C4.9991 16.8398 5.17132 17.4067 5.49458 17.8881C5.81784 18.3694 6.27743 18.7433 6.81448 18.9619C7.35154 19.1804 7.94161 19.2337 8.50912 19.1148C9.07664 18.996 9.59575 18.7104 9.99999 18.2948C10.4797 18.7936 11.1217 19.1049 11.8105 19.1725C12.4993 19.2402 13.1896 19.0597 13.7571 18.6637C14.3247 18.2676 14.7323 17.682 14.9065 17.0122C15.0807 16.3424 15.0101 15.6324 14.7074 15.01H16.25C16.8298 15.0109 17.3967 14.8387 17.878 14.5154C18.3594 14.1921 18.7333 13.7326 18.9518 13.1955C19.1704 12.6584 19.2237 12.0684 19.1048 11.5009C18.986 10.9333 18.7004 10.4142 18.2847 10.01C18.5636 9.73939 18.7854 9.41557 18.9369 9.05772C19.0883 8.69987 19.1665 8.31526 19.1667 7.92666ZM10.8333 3.76C10.8333 3.42848 10.965 3.11054 11.1994 2.87611C11.4339 2.64169 11.7518 2.51 12.0833 2.51C12.4148 2.51 12.7328 2.64169 12.9672 2.87611C13.2016 3.11054 13.3333 3.42848 13.3333 3.76V7.92666C13.3333 8.25818 13.2016 8.57613 12.9672 8.81055C12.7328 9.04497 12.4148 9.17666 12.0833 9.17666C11.7518 9.17666 11.4339 9.04497 11.1994 8.81055C10.965 8.57613 10.8333 8.25818 10.8333 7.92666V3.76ZM4.99999 12.0933C4.99999 12.3406 4.92668 12.5822 4.78932 12.7878C4.65197 12.9934 4.45675 13.1536 4.22834 13.2482C3.99993 13.3428 3.7486 13.3675 3.50613 13.3193C3.26365 13.2711 3.04092 13.152 2.8661 12.9772C2.69129 12.8024 2.57224 12.5797 2.52401 12.3372C2.47578 12.0947 2.50053 11.8434 2.59514 11.615C2.68975 11.3866 2.84996 11.1913 3.05553 11.054C3.26109 10.9166 3.50276 10.8433 3.74999 10.8433H4.99999V12.0933ZM9.16665 16.26C9.16665 16.5915 9.03496 16.9095 8.80054 17.1439C8.56612 17.3783 8.24817 17.51 7.91665 17.51C7.58513 17.51 7.26719 17.3783 7.03277 17.1439C6.79835 16.9095 6.66665 16.5915 6.66665 16.26V12.0933C6.66665 11.7618 6.79835 11.4439 7.03277 11.2094C7.26719 10.975 7.58513 10.8433 7.91665 10.8433C8.24817 10.8433 8.56612 10.975 8.80054 11.2094C9.03496 11.4439 9.16665 11.7618 9.16665 12.0933V16.26ZM7.91665 9.17666H3.74999C3.41847 9.17666 3.10053 9.04497 2.8661 8.81055C2.63168 8.57613 2.49999 8.25818 2.49999 7.92666C2.49999 7.59514 2.63168 7.2772 2.8661 7.04278C3.10053 6.80836 3.41847 6.67666 3.74999 6.67666H7.91665C8.24817 6.67666 8.56612 6.80836 8.80054 7.04278C9.03496 7.2772 9.16665 7.59514 9.16665 7.92666C9.16665 8.25818 9.03496 8.57613 8.80054 8.81055C8.56612 9.04497 8.24817 9.17666 7.91665 9.17666ZM9.16665 5.01H7.91665C7.66943 5.01 7.42775 4.93669 7.22219 4.79933C7.01663 4.66198 6.85641 4.46676 6.7618 4.23835C6.66719 4.00994 6.64244 3.75861 6.69067 3.51613C6.7389 3.27366 6.85795 3.05093 7.03277 2.87611C7.20759 2.7013 7.43031 2.58225 7.67279 2.53402C7.91527 2.48579 8.1666 2.51054 8.39501 2.60515C8.62342 2.69976 8.81864 2.85997 8.95599 3.06554C9.09334 3.2711 9.16665 3.51277 9.16665 3.76V5.01ZM9.99999 10.0586C9.98386 10.0421 9.9679 10.0261 9.95141 10.01C9.9679 9.99387 9.98386 9.97791 9.99999 9.96142C10.0161 9.97791 10.0321 9.99387 10.0486 10.01C10.0321 10.0261 10.0161 10.0421 9.99999 10.0586ZM12.0833 17.51C11.7519 17.5096 11.4342 17.3778 11.1998 17.1435C10.9655 16.9091 10.8337 16.5914 10.8333 16.26V15.01H12.0833C12.4148 15.01 12.7328 15.1417 12.9672 15.3761C13.2016 15.6105 13.3333 15.9285 13.3333 16.26C13.3333 16.5915 13.2016 16.9095 12.9672 17.1439C12.7328 17.3783 12.4148 17.51 12.0833 17.51ZM16.25 13.3433H12.0833C11.7518 13.3433 11.4339 13.2116 11.1994 12.9772C10.965 12.7428 10.8333 12.4248 10.8333 12.0933C10.8333 11.7618 10.965 11.4439 11.1994 11.2094C11.4339 10.975 11.7518 10.8433 12.0833 10.8433H16.25C16.5815 10.8433 16.8994 10.975 17.1339 11.2094C17.3683 11.4439 17.5 11.7618 17.5 12.0933C17.5 12.4248 17.3683 12.7428 17.1339 12.9772C16.8994 13.2116 16.5815 13.3433 16.25 13.3433ZM16.25 9.17666H15V7.92666C15 7.67944 15.0733 7.43776 15.2106 7.2322C15.348 7.02664 15.5432 6.86642 15.7716 6.77181C16 6.6772 16.2514 6.65245 16.4938 6.70068C16.7363 6.74891 16.9591 6.86796 17.1339 7.04278C17.3087 7.2176 17.4277 7.44032 17.476 7.6828C17.5242 7.92528 17.4994 8.17661 17.4048 8.40502C17.3102 8.63343 17.15 8.82865 16.9444 8.966C16.7389 9.10335 16.4972 9.17666 16.25 9.17666Z" fill="#1E2238"></path>
+                          </g>
+                        </svg>
+                        <span class="ml-3">COMMUNITY</span>
+                      </a>
+                      <a class="flex items-center p-3 text-sm text-black font-medium uppercase hover:bg-violet-50 rounded-xl" href="#">
+                        <svg width="20" height="21" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M9.40836 12.7517C9.37252 12.7913 9.33912 12.833 9.30836 12.8767C9.27682 12.9231 9.2516 12.9736 9.23336 13.0267C9.20933 13.0739 9.19248 13.1245 9.18336 13.1767C9.17927 13.2321 9.17927 13.2878 9.18336 13.3433C9.18054 13.4526 9.20337 13.5611 9.25002 13.66C9.28745 13.7634 9.34716 13.8573 9.42493 13.9351C9.50269 14.0129 9.59661 14.0726 9.70002 14.11C9.79977 14.1541 9.90763 14.1769 10.0167 14.1769C10.1257 14.1769 10.2336 14.1541 10.3334 14.11C10.4368 14.0726 10.5307 14.0129 10.6085 13.9351C10.6862 13.8573 10.7459 13.7634 10.7834 13.66C10.8204 13.5587 10.8373 13.4511 10.8334 13.3433C10.834 13.2337 10.813 13.1249 10.7715 13.0234C10.73 12.9219 10.6689 12.8295 10.5917 12.7517C10.5142 12.6736 10.4221 12.6116 10.3205 12.5693C10.219 12.5269 10.11 12.5052 10 12.5052C9.89001 12.5052 9.78109 12.5269 9.67954 12.5693C9.57799 12.6116 9.48583 12.6736 9.40836 12.7517ZM10 1.67667C8.35185 1.67667 6.74068 2.16541 5.37027 3.08109C3.99986 3.99676 2.93176 5.29825 2.30103 6.82097C1.6703 8.34369 1.50527 10.0192 1.82681 11.6357C2.14836 13.2523 2.94203 14.7371 4.10747 15.9026C5.2729 17.068 6.75776 17.8617 8.37427 18.1832C9.99078 18.5047 11.6663 18.3397 13.1891 17.709C14.7118 17.0783 16.0133 16.0102 16.9289 14.6397C17.8446 13.2693 18.3334 11.6582 18.3334 10.01C18.3334 8.91565 18.1178 7.83202 17.699 6.82097C17.2802 5.80992 16.6664 4.89126 15.8926 4.11744C15.1188 3.34362 14.2001 2.72979 13.1891 2.311C12.178 1.89221 11.0944 1.67667 10 1.67667ZM10 16.6767C8.68148 16.6767 7.39255 16.2857 6.29622 15.5531C5.19989 14.8206 4.34541 13.7794 3.84083 12.5612C3.33624 11.343 3.20422 10.0026 3.46146 8.7094C3.71869 7.41619 4.35363 6.2283 5.28598 5.29595C6.21833 4.3636 7.40621 3.72867 8.69942 3.47143C9.99263 3.2142 11.3331 3.34622 12.5512 3.8508C13.7694 4.35539 14.8106 5.20987 15.5432 6.3062C16.2757 7.40252 16.6667 8.69146 16.6667 10.01C16.6667 11.7781 15.9643 13.4738 14.7141 14.724C13.4638 15.9743 11.7681 16.6767 10 16.6767ZM10 5.84333C9.56091 5.84305 9.12947 5.95843 8.74911 6.17787C8.36876 6.3973 8.05291 6.71305 7.83336 7.09333C7.77306 7.18818 7.73258 7.29424 7.71433 7.40514C7.69609 7.51605 7.70047 7.62949 7.72721 7.73865C7.75395 7.84782 7.8025 7.95044 7.86993 8.04036C7.93736 8.13028 8.02228 8.20562 8.11958 8.26187C8.21689 8.31811 8.32456 8.35409 8.43613 8.36765C8.5477 8.3812 8.66086 8.37204 8.7688 8.34073C8.87674 8.30941 8.97723 8.25659 9.06423 8.18543C9.15122 8.11427 9.22293 8.02625 9.27502 7.92666C9.34844 7.79949 9.45416 7.69398 9.58148 7.62081C9.70879 7.54764 9.85318 7.50941 10 7.51C10.221 7.51 10.433 7.5978 10.5893 7.75408C10.7456 7.91036 10.8334 8.12232 10.8334 8.34333C10.8334 8.56434 10.7456 8.77631 10.5893 8.93259C10.433 9.08887 10.221 9.17666 10 9.17666C9.77901 9.17666 9.56705 9.26446 9.41077 9.42074C9.25449 9.57702 9.16669 9.78898 9.16669 10.01V10.8433C9.16669 11.0643 9.25449 11.2763 9.41077 11.4326C9.56705 11.5889 9.77901 11.6767 10 11.6767C10.221 11.6767 10.433 11.5889 10.5893 11.4326C10.7456 11.2763 10.8334 11.0643 10.8334 10.8433V10.6933C11.3845 10.4933 11.8478 10.106 12.1423 9.59905C12.4368 9.09209 12.5438 8.49774 12.4445 7.91991C12.3452 7.34207 12.046 6.81751 11.5992 6.43793C11.1523 6.05834 10.5863 5.84788 10 5.84333Z" fill="#1E2238"></path>
+                        </svg>
+                        <span class="ml-3">HELP</span>
+                      </a>
+                    </div>
+                    <div class="flex justify-between mb-3 pb-3 border-b border-blueGray-50"><a class="inline-flex py-2 px-4 mr-4 items-center justify-center text-sm font-medium uppercase text-violet-900 hover:text-violet-500" href="#">SIGN IN</a><a class="inline-flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">CREATE AN ACCOUNT</a></div>
+                    <div class="flex items-center">
+                      <div class="flex-shrink-0 flex mr-3 items-center justify-center w-10 h-10 bg-violet-200 rounded-full">
+                        <svg width="20" height="21" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M17.0833 11.6978C16.8623 11.6978 16.6504 11.7856 16.4941 11.9419C16.3378 12.0982 16.25 12.3101 16.25 12.5312V15.8645C16.25 16.0855 16.1622 16.2975 16.0059 16.4537C15.8496 16.61 15.6377 16.6978 15.4167 16.6978H3.75C3.52899 16.6978 3.31702 16.61 3.16074 16.4537C3.00446 16.2975 2.91667 16.0855 2.91667 15.8645V7.87282L7.81667 12.7812C8.28542 13.2493 8.92083 13.5123 9.58333 13.5123C10.2458 13.5123 10.8812 13.2493 11.35 12.7812L12.7167 11.4145C12.8736 11.2576 12.9617 11.0447 12.9617 10.8228C12.9617 10.6009 12.8736 10.3881 12.7167 10.2312C12.5597 10.0742 12.3469 9.98608 12.125 9.98608C11.9031 9.98608 11.6903 10.0742 11.5333 10.2312L10.1667 11.5978C10.0109 11.7505 9.80146 11.836 9.58333 11.836C9.3652 11.836 9.15577 11.7505 9 11.5978L4.09167 6.69782H9.58333C9.80435 6.69782 10.0163 6.61003 10.1726 6.45375C10.3289 6.29747 10.4167 6.0855 10.4167 5.86449C10.4167 5.64348 10.3289 5.43152 10.1726 5.27524C10.0163 5.11896 9.80435 5.03116 9.58333 5.03116H3.75C3.08696 5.03116 2.45107 5.29455 1.98223 5.76339C1.51339 6.23223 1.25 6.86812 1.25 7.53116V15.8645C1.25 16.5275 1.51339 17.1634 1.98223 17.6323C2.45107 18.1011 3.08696 18.3645 3.75 18.3645H15.4167C16.0797 18.3645 16.7156 18.1011 17.1844 17.6323C17.6533 17.1634 17.9167 16.5275 17.9167 15.8645V12.5312C17.9167 12.3101 17.8289 12.0982 17.6726 11.9419C17.5163 11.7856 17.3043 11.6978 17.0833 11.6978ZM18.5083 4.43949L16.0083 1.93949C15.9291 1.86362 15.8356 1.80415 15.7333 1.76449C15.5304 1.68114 15.3029 1.68114 15.1 1.76449C14.9977 1.80415 14.9043 1.86362 14.825 1.93949L12.325 4.43949C12.1681 4.59641 12.0799 4.80924 12.0799 5.03116C12.0799 5.25308 12.1681 5.4659 12.325 5.62282C12.4819 5.77974 12.6947 5.8679 12.9167 5.8679C13.1386 5.8679 13.3514 5.77974 13.5083 5.62282L14.5833 4.53949V9.19782C14.5833 9.41884 14.6711 9.6308 14.8274 9.78708C14.9837 9.94336 15.1956 10.0312 15.4167 10.0312C15.6377 10.0312 15.8496 9.94336 16.0059 9.78708C16.1622 9.6308 16.25 9.41884 16.25 9.19782V4.53949L17.325 5.62282C17.4025 5.70093 17.4946 5.76293 17.5962 5.80523C17.6977 5.84754 17.8067 5.86932 17.9167 5.86932C18.0267 5.86932 18.1356 5.84754 18.2371 5.80523C18.3387 5.76293 18.4309 5.70093 18.5083 5.62282C18.5864 5.54536 18.6484 5.45319 18.6907 5.35164C18.733 5.25009 18.7548 5.14117 18.7548 5.03116C18.7548 4.92115 18.733 4.81223 18.6907 4.71068C18.6484 4.60913 18.5864 4.51696 18.5083 4.43949Z" fill="#1E2238"></path>
+                        </svg>
+                      </div>
+                      <div>
+                        <span class="block text-xs text-gray-600">DROP US A LINE</span>
+                        <a class="text-base font-medium hover:text-violet-500" href="mailto:#">hello@shuffle.dev</a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <a class="inline-flex mr-6 xl:mr-10 items-center justify-center text-sm font-medium uppercase text-black hover:text-violet-500" href="#">SOLUTIONS</a><a class="inline-flex mr-6 xl:mr-10 items-center justify-center text-sm font-medium uppercase text-black hover:text-violet-500" href="#">PRODUCTS</a><a class="inline-flex items-center justify-center text-sm font-medium uppercase text-black hover:text-violet-500" href="#">ARTICLES</a>
+          </div>
+          <div class="flex items-center justify-end">
+            <div class="hidden lg:block mr-6 xl:mr-10"><a class="inline-flex py-2 px-4 mr-4 items-center justify-center text-sm font-medium uppercase text-violet-900 hover:text-violet-500" href="#">SIGN IN</a><a class="inline-flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+            <button class="navbar-burger text-black hover:text-violet-500">
+              <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3 16H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M3 8H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M20 24L29 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <div class="hidden navbar-menu fixed top-0 left-0 bottom-0 w-5/6 max-w-md z-50">
+      <div class="navbar-backdrop fixed inset-0bg-violet-900 opacity-20"></div>
+      <nav class="relative flex flex-col py-7 px-10 w-full h-full bg-white overflow-y-auto">
+        <div class="flex mb-auto items-center">
+          <a class="inline-block mr-auto" href="#">
+            <img class="h-10" src="casper-assets/logos/casper-logo.svg" alt="">
+          </a>
+          <a class="navbar-close" href="#">
+            <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M6 18L18 6M6 6L18 18" stroke="#111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+            </svg>
+          </a>
+        </div>
+        <div class="py-12 mb-auto">
+          <ul class="flex-col">
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">FEATURED</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">SOLUTIONS</a></li>
+            <li class="mb-6"><a class="inline-block text-base text-black font-medium uppercase" href="#">PRODUCTS</a></li>
+            <li><a class="inline-block text-base text-black font-medium uppercase" href="#">ARTICLES</a></li>
+          </ul>
+        </div>
+        <div><a class="flex py-2 px-4 mb-4 items-center justify-center text-sm font-medium uppercase text-violet-900 hover:text-violet-500" href="#">SIGN IN</a><a class="flex h-11 py-2 px-4 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">SIGN UP</a></div>
+      </nav>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-qeHyUEAZ.html b/components/unsorted/casper-all-qeHyUEAZ.html
new file mode 100644
index 0000000..578e6d4
--- /dev/null
+++ b/components/unsorted/casper-all-qeHyUEAZ.html
@@ -0,0 +1,52 @@
+<div><section class="relative py-12 sm:pt-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="flex flex-wrap items-end -mx-4">
+        <div class="w-full lg:w-1/2 px-4 mb-20 lg:mb-0">
+          <div class="max-w-lg mx-auto lg:mx-0 lg:max-w-none pb-32">
+            <span class="inline-flex items-center px-3.5 h-7 mb-8 text-xs font-medium text-white leading-6 bg-gradient-tag rounded-full">FEATURES</span>
+            <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl xl:text-7xl font-medium text-white tracking-tight mb-18">Look no further! CASPER is here to revolutionize</h2>
+            <div class="flex mb-16 items-start">
+              <div class="mr-4">
+                <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M23.8933 8.82667C23.758 8.50087 23.499 8.24197 23.1733 8.10667C23.013 8.03835 22.8408 8.00211 22.6666 8H9.33325C8.97963 8 8.64049 8.14048 8.39044 8.39052C8.14039 8.64057 7.99992 8.97971 7.99992 9.33333C7.99992 9.68696 8.14039 10.0261 8.39044 10.2761C8.64049 10.5262 8.97963 10.6667 9.33325 10.6667H19.4533L8.38659 21.72C8.26161 21.844 8.16242 21.9914 8.09473 22.1539C8.02704 22.3164 7.99219 22.4907 7.99219 22.6667C7.99219 22.8427 8.02704 23.017 8.09473 23.1794C8.16242 23.3419 8.26161 23.4894 8.38659 23.6133C8.51054 23.7383 8.658 23.8375 8.82048 23.9052C8.98296 23.9729 9.15724 24.0077 9.33325 24.0077C9.50927 24.0077 9.68354 23.9729 9.84602 23.9052C10.0085 23.8375 10.156 23.7383 10.2799 23.6133L21.3333 12.5467V22.6667C21.3333 23.0203 21.4737 23.3594 21.7238 23.6095C21.9738 23.8595 22.313 24 22.6666 24C23.0202 24 23.3593 23.8595 23.6094 23.6095C23.8594 23.3594 23.9999 23.0203 23.9999 22.6667V9.33333C23.9978 9.1591 23.9616 8.98696 23.8933 8.82667Z" fill="#8A33E2"></path>
+                </svg>
+              </div>
+              <div>
+                <h4 class="text-2xl text-white font-medium">Intelligent Conversations</h4>
+                <p class="text-lg text-gray-600 tracking-tight">Powered by state-of-the-art artificial intelligence</p>
+              </div>
+            </div>
+            <div class="flex mb-16 items-start">
+              <div class="mr-4">
+                <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M23.8933 8.82667C23.758 8.50087 23.499 8.24197 23.1733 8.10667C23.013 8.03835 22.8408 8.00211 22.6666 8H9.33325C8.97963 8 8.64049 8.14048 8.39044 8.39052C8.14039 8.64057 7.99992 8.97971 7.99992 9.33333C7.99992 9.68696 8.14039 10.0261 8.39044 10.2761C8.64049 10.5262 8.97963 10.6667 9.33325 10.6667H19.4533L8.38659 21.72C8.26161 21.844 8.16242 21.9914 8.09473 22.1539C8.02704 22.3164 7.99219 22.4907 7.99219 22.6667C7.99219 22.8427 8.02704 23.017 8.09473 23.1794C8.16242 23.3419 8.26161 23.4894 8.38659 23.6133C8.51054 23.7383 8.658 23.8375 8.82048 23.9052C8.98296 23.9729 9.15724 24.0077 9.33325 24.0077C9.50927 24.0077 9.68354 23.9729 9.84602 23.9052C10.0085 23.8375 10.156 23.7383 10.2799 23.6133L21.3333 12.5467V22.6667C21.3333 23.0203 21.4737 23.3594 21.7238 23.6095C21.9738 23.8595 22.313 24 22.6666 24C23.0202 24 23.3593 23.8595 23.6094 23.6095C23.8594 23.3594 23.9999 23.0203 23.9999 22.6667V9.33333C23.9978 9.1591 23.9616 8.98696 23.8933 8.82667Z" fill="#1AC2E7"></path>
+                </svg>
+              </div>
+              <div>
+                <h4 class="text-2xl text-white font-medium">Personalized Experiences</h4>
+                <p class="text-lg text-gray-600 tracking-tight">Adapts to each user & personalized recommendation</p>
+              </div>
+            </div>
+            <div class="flex items-start">
+              <div class="mr-4">
+                <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M23.8933 8.82667C23.758 8.50087 23.499 8.24197 23.1733 8.10667C23.013 8.03835 22.8408 8.00211 22.6666 8H9.33325C8.97963 8 8.64049 8.14048 8.39044 8.39052C8.14039 8.64057 7.99992 8.97971 7.99992 9.33333C7.99992 9.68696 8.14039 10.0261 8.39044 10.2761C8.64049 10.5262 8.97963 10.6667 9.33325 10.6667H19.4533L8.38659 21.72C8.26161 21.844 8.16242 21.9914 8.09473 22.1539C8.02704 22.3164 7.99219 22.4907 7.99219 22.6667C7.99219 22.8427 8.02704 23.017 8.09473 23.1794C8.16242 23.3419 8.26161 23.4894 8.38659 23.6133C8.51054 23.7383 8.658 23.8375 8.82048 23.9052C8.98296 23.9729 9.15724 24.0077 9.33325 24.0077C9.50927 24.0077 9.68354 23.9729 9.84602 23.9052C10.0085 23.8375 10.156 23.7383 10.2799 23.6133L21.3333 12.5467V22.6667C21.3333 23.0203 21.4737 23.3594 21.7238 23.6095C21.9738 23.8595 22.313 24 22.6666 24C23.0202 24 23.3593 23.8595 23.6094 23.6095C23.8594 23.3594 23.9999 23.0203 23.9999 22.6667V9.33333C23.9978 9.1591 23.9616 8.98696 23.8933 8.82667Z" fill="#FFB11A"></path>
+                </svg>
+              </div>
+              <div>
+                <h4 class="text-2xl text-white font-medium">Analytics and Insights</h4>
+                <p class="text-lg text-gray-600 tracking-tight">Gain valuable insights into your users' preferences</p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="w-full lg:w-1/2 px-4">
+          <div class="relative max-w-md xl:max-w-lg mx-auto xl:mx-0">
+            <img class="absolute top-0 right-0 -mt-40 md:-mr-12 animate-spinStar" src="casper-assets/features/blink-star.png" alt="">
+            <img class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2" src="casper-assets/features/elipse-color.png" alt="">
+            <img class="block mx-auto relative" src="casper-assets/features/phone-image.png" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-rwFcusAQ.html b/components/unsorted/casper-all-rwFcusAQ.html
new file mode 100644
index 0000000..7af4e4c
--- /dev/null
+++ b/components/unsorted/casper-all-rwFcusAQ.html
@@ -0,0 +1,72 @@
+<div> <section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <img class="hidden md:block absolute top-0 right-0 lg:-mt-20 mr-20 lg:mr-40 animate-spinStar z-10" src="casper-assets/services/blink-star.png" alt="">
+      <div class="relative max-w-lg lg:max-w-8xl mx-auto">
+        <div class="absolute top-0 left-0 -mt-96 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+        <div class="absolute bottom-0 right-0 w-186 h-186 bg-gradient-to-t from-violet-700 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+        <div class="relative flex flex-wrap items-end -mx-4 mb-12">
+          <div class="w-full lg:w-3/5 xl:w-auto px-4 mb-8 lg:mb-0">
+            <div class="max-w-2xl">
+              <span class="block font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-transparent bg-clip-text bg-gradient-to-br from-violet-500 via-blueGray-800 to-sky-900 tracking-tight">300+</span>
+              <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-6">Projects Launched</h2>
+              <p class="max-w-xl text-xl text-gray-500 leading-relaxed tracking-tight">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+            </div>
+          </div>
+          <div class="w-full lg:w-2/5 xl:w-auto ml-auto px-4 lg:text-right">
+            <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-violet-800 bg-violet-500 hover:bg-white transition duration-200 rounded-full" href="#">
+              <span class="mr-2">SEE MORE PROJECTS</span>
+              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+              </svg>
+            </a>
+          </div>
+        </div>
+        <div class="relative flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/2 px-4 mb-6 lg:mb-0">
+            <a class="group block mb-6 rounded-3xl overflow-hidden" href="#">
+              <img class="block h-96 w-full object-cover" src="casper-assets/portfolio/portfolio-post1.png" alt="">
+              <div class="p-8 bg-gray-800 bg-opacity-20 group-hover:bg-violet-600 transition duration-200">
+                <div class="sm:flex mb-6 items-center justify-between">
+                  <span class="text-xl font-medium text-gray-500 group-hover:text-black tracking-tight">jiggle.co</span>
+                  <img class="block mt-4 sm:mt-0" src="casper-assets/portfolio/logo-icon.svg" alt="">
+                </div>
+                <p class="text-2xl font-medium text-white group-hover:text-black transition duration-200">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
+              </div>
+            </a>
+            <a class="group block rounded-3xl overflow-hidden" href="#">
+              <img class="block h-96 w-full object-cover" src="casper-assets/portfolio/portfolio-post3.png" alt="">
+              <div class="p-8 bg-gray-800 bg-opacity-20 group-hover:bg-violet-600 transition duration-200">
+                <div class="sm:flex mb-6 items-center justify-between">
+                  <span class="text-xl font-medium text-gray-500 group-hover:text-black tracking-tight">welytics.co</span>
+                  <img class="block mt-4 sm:mt-0" src="casper-assets/portfolio/logo-icon-3.svg" alt="">
+                </div>
+                <p class="text-2xl font-medium text-white group-hover:text-black transition duration-200">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
+              </div>
+            </a>
+          </div>
+          <div class="w-full lg:w-1/2 px-4 lg:pt-20">
+            <a class="group block mb-6 rounded-3xl overflow-hidden" href="#">
+              <img class="block h-96 w-full object-cover" src="casper-assets/portfolio/portfolio-post2.png" alt="">
+              <div class="p-8 bg-gray-800 bg-opacity-20 group-hover:bg-violet-600 transition duration-200">
+                <div class="sm:flex mb-6 items-center justify-between">
+                  <span class="text-xl font-medium text-gray-500 group-hover:text-black tracking-tight">symtric.co.id</span>
+                  <img class="block mt-4 sm:mt-0" src="casper-assets/portfolio/logo-icon-2.svg" alt="">
+                </div>
+                <p class="text-2xl font-medium text-white group-hover:text-black transition duration-200">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
+              </div>
+            </a>
+            <a class="group block rounded-3xl overflow-hidden" href="#">
+              <img class="block h-96 w-full object-cover" src="casper-assets/portfolio/portfolio-post4.png" alt="">
+              <div class="p-8 bg-gray-800 bg-opacity-20 group-hover:bg-violet-600 transition duration-200">
+                <div class="sm:flex mb-6 items-center justify-between">
+                  <span class="text-xl font-medium text-gray-500 group-hover:text-black tracking-tight">casper.agency</span>
+                  <img class="block mt-4 sm:mt-0" src="casper-assets/portfolio/logo-icon-4.svg" alt="">
+                </div>
+                <p class="text-2xl font-medium text-white group-hover:text-black transition duration-200">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
+              </div>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-uMvmgipY.html b/components/unsorted/casper-all-uMvmgipY.html
new file mode 100644
index 0000000..a8b7332
--- /dev/null
+++ b/components/unsorted/casper-all-uMvmgipY.html
@@ -0,0 +1,58 @@
+<div> <section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <img class="hidden md:block absolute top-0 right-0 lg:left-1/2 -ml-20 xl:-ml-32 -mt-24 z-10 animate-spinStar" src="casper-assets/logo-clouds/blink-star.png" alt="">
+      <div class="absolute top-0 right-0 -mt-72 -mr-40 w-128 h-128 bg-gradient-to-t from-blue-500 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-xl mx-auto lg:max-w-none">
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/2 px-4 mb-16 lg:mb-0">
+            <div class="max-w-xl mx-auto lg:mx-0">
+              <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-8">Integrate your UI Libray with Casper</h2>
+              <p class="max-w-md text-lg text-gray-500 tracking-tight mb-8">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+              <a class="group inline-flex w-full sm:w-auto h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-violet-800 bg-violet-500 hover:bg-white transition duration-200 rounded-full" href="#">
+                <span class="mr-2">LEARN MORE</span>
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                </svg>
+              </a>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4">
+            <div class="max-w-xl lg:max-w-md mx-auto lg:mr-0">
+              <div class="flex flex-wrap -mx-4 -mb-12">
+                <div class="w-full xs:w-1/2 px-4 mb-12">
+                  <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                    <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons2.svg" alt="">
+                  </div>
+                </div>
+                <div class="w-full xs:w-1/2 px-4 mb-12">
+                  <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                    <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons4.svg" alt="">
+                  </div>
+                </div>
+                <div class="w-full xs:w-1/2 px-4 mb-12">
+                  <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                    <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons4.svg" alt="">
+                  </div>
+                </div>
+                <div class="w-full xs:w-1/2 px-4 mb-12">
+                  <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                    <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons5.svg" alt="">
+                  </div>
+                </div>
+                <div class="w-full xs:w-1/2 px-4 mb-12">
+                  <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                    <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons6.svg" alt="">
+                  </div>
+                </div>
+                <div class="w-full xs:w-1/2 px-4 mb-12">
+                  <div class="px-6 py-8 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+                    <img class="block h-7 mx-auto" src="casper-assets/logo-clouds/logo-color-icons2.svg" alt="">
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-umsBPfbC.html b/components/unsorted/casper-all-umsBPfbC.html
new file mode 100644
index 0000000..8471d82
--- /dev/null
+++ b/components/unsorted/casper-all-umsBPfbC.html
@@ -0,0 +1,227 @@
+<div><section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 -mt-64 -ml-32 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="absolute bottom-0 right-0 mb-20 -mr-52 w-186 h-186 bg-gradient-to-t from-blue-500 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-2xl mx-auto mb-14 text-center">
+        <img class="hidden md:block absolute bottom-0 left-0 -ml-40 lg:-ml-80 xl:-ml-112 lg:-mb-24 w-52 lg:w-auto animate-movePlanet" src="casper-assets/pricing/chip-robot.png" alt="">
+        <span class="inline-flex items-center px-3.5 h-7 mb-4 text-xs font-medium text-white leading-6 bg-gradient-tag rounded-full">PRICING PLAN</span>
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl xl:text-7xl font-medium text-white tracking-tight mb-4">Choose Your Plan</h2>
+        <p class="max-w-md mx-auto text-lg text-gray-500 tracking-tight">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+      </div>
+      <div class="px-4 overflow-x-auto">
+        <table class="table-auto text-white w-full min-w-max">
+          <thead>
+            <tr class="border-b border-gray-100 border-opacity-20">
+              <th class="pb-12 pr-4"></th>
+              <th class="pb-12 px-4">
+                <div class="relative w-64 p-6 rounded-2xl overflow-hidden">
+                  <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20 group-hover:bg-violet-400 group-hover:bg-opacity-100 transition duration-150"></div>
+                  <div class="relative">
+                    <img class="block w-18 h-18 mb-6" src="casper-assets/pricing/avatar-pricing1.png" alt="">
+                    <div class="flex items-end">
+                      <span class="text-5xl font-semibold text-white leading-10">$50</span>
+                      <span class="inline-block ml-px text-base font-medium text-tracking text-gray-500 opacity-70">/month</span>
+                    </div>
+                  </div>
+                </div>
+              </th>
+              <th class="pb-12 px-4">
+                <div class="relative w-64 p-6 rounded-2xl overflow-hidden">
+                  <img class="absolute top-0 left-0 w-full h-full" src="casper-assets/pricing/bg-gradient-square.png" alt="">
+                  <div class="relative">
+                    <img class="block w-18 h-18 mb-6" src="casper-assets/pricing/avatar-pricing2.png" alt="">
+                    <div class="flex items-end">
+                      <span class="text-5xl font-semibold text-black leading-10">$100</span>
+                      <span class="inline-block ml-px text-base font-medium text-tracking text-gray-500 opacity-70">/month</span>
+                    </div>
+                  </div>
+                </div>
+              </th>
+              <th class="pb-12 pl-4">
+                <div class="relative w-64 p-6 rounded-2xl overflow-hidden">
+                  <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20 group-hover:bg-violet-400 group-hover:bg-opacity-100 transition duration-150"></div>
+                  <div class="relative">
+                    <img class="block w-18 h-18 mb-6" src="casper-assets/pricing/avatar-pricing3.png" alt="">
+                    <div class="flex items-end">
+                      <span class="text-5xl font-semibold text-white leading-10">$150</span>
+                      <span class="inline-block ml-px text-base font-medium text-tracking text-gray-500 opacity-70">/month</span>
+                    </div>
+                  </div>
+                </div>
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td class="p-0">
+                <div class="flex items-center py-4 px-8 h-18 text-lg font-medium tracking-tight">
+                  <span class="relative">Unlimited Upload Files</span>
+                </div>
+              </td>
+              <td class="p-0">
+                <div class="flex items-center justify-center h-18">
+                  <div class="flex items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                    <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                    </svg>
+                  </div>
+                </div>
+              </td>
+              <td class="p-0">
+                <div class="flex items-center justify-center h-18">
+                  <div class="flex items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                    <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                    </svg>
+                  </div>
+                </div>
+              </td>
+              <td class="p-0">
+                <div class="flex items-center justify-center h-18">
+                  <div class="flex items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                    <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                    </svg>
+                  </div>
+                </div>
+              </td>
+            </tr>
+            <tr>
+              <td class="p-0">
+                <div class="relative flex items-center py-4 px-8 h-18 text-lg font-medium tracking-tight">
+                  <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20 rounded-l-md"></div>
+                  <span class="relative">Duration</span>
+                </div>
+              </td>
+              <td class="p-0">
+                <div class="relative flex items-center justify-center py-4 px-8 h-18 tracking-tight">
+                  <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20"></div>
+                  <span class="relative text-lg tracking-tight text-gray-200">1 month</span>
+                </div>
+              </td>
+              <td class="p-0">
+                <div class="relative flex items-center justify-center py-4 px-8 h-18 tracking-tight">
+                  <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20"></div>
+                  <span class="relative text-lg tracking-tight text-gray-200">3 month</span>
+                </div>
+              </td>
+              <td class="p-0">
+                <div class="relative flex items-center justify-center py-4 px-8 h-18 tracking-tight">
+                  <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20 rounded-r-md"></div>
+                  <span class="relative text-lg tracking-tight text-gray-200">6 month</span>
+                </div>
+              </td>
+            </tr>
+            <tr>
+              <td class="p-0">
+                <div class="flex items-center py-4 px-8 h-18 text-lg font-medium tracking-tight">
+                  <span class="relative">Advanced Statistic With</span>
+                </div>
+              </td>
+              <td class="p-0">
+                <div class="flex items-center justify-center h-18">
+                  <div class="flex items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                    <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                    </svg>
+                  </div>
+                </div>
+              </td>
+              <td class="p-0">
+                <div class="flex items-center justify-center h-18">
+                  <div class="flex items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                    <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                    </svg>
+                  </div>
+                </div>
+              </td>
+              <td class="p-0">
+                <div class="flex items-center justify-center h-18">
+                  <div class="flex items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                    <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                    </svg>
+                  </div>
+                </div>
+              </td>
+            </tr>
+            <tr>
+              <td class="p-0">
+                <div class="relative flex items-center py-4 px-8 h-18 text-lg font-medium tracking-tight">
+                  <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20 rounded-l-md"></div>
+                  <span class="relative">Powered by state-of-the-art AI</span>
+                </div>
+              </td>
+              <td class="p-0">
+                <div class="relative flex items-center justify-center py-4 px-8 h-18 text-lg font-medium tracking-tight">
+                  <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20"></div>
+                  <div class="relative flex items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                    <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                    </svg>
+                  </div>
+                </div>
+              </td>
+              <td class="p-0">
+                <div class="relative flex items-center justify-center py-4 px-8 h-18 text-lg font-medium tracking-tight">
+                  <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20"></div>
+                  <div class="relative flex items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                    <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                    </svg>
+                  </div>
+                </div>
+              </td>
+              <td class="p-0">
+                <div class="relative flex items-center justify-center py-4 px-8 h-18 text-lg font-medium tracking-tight">
+                  <div class="absolute top-0 left-0 w-full h-full backdrop-filter backdrop-blur-md bg-gray-500 bg-opacity-20 rounded-r-md"></div>
+                  <div class="relative flex items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                    <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                    </svg>
+                  </div>
+                </div>
+              </td>
+            </tr>
+            <tr>
+              <td class="p-0">
+                <div class="flex items-center py-4 px-8 h-18 text-lg font-medium tracking-tight">
+                  <span class="relative">Casper will adapts to each user</span>
+                </div>
+              </td>
+              <td class="p-0">
+                <div class="flex items-center justify-center h-18">
+                  <div class="flex items-center justify-center w-5 h-5 rounded-full bg-red-600">
+                    <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M9 3L3 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M3 3L9 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </div>
+                </div>
+              </td>
+              <td class="p-0">
+                <div class="flex items-center justify-center h-18">
+                  <div class="flex items-center justify-center w-5 h-5 rounded-full bg-red-600">
+                    <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M9 3L3 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M3 3L9 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </div>
+                </div>
+              </td>
+              <td class="p-0">
+                <div class="flex items-center justify-center h-18">
+                  <div class="flex items-center justify-center w-5 h-5 rounded-full bg-green-600">
+                    <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.4732 4.80667C12.4112 4.74418 12.3375 4.69458 12.2563 4.66074C12.175 4.62689 12.0879 4.60947 11.9999 4.60947C11.9119 4.60947 11.8247 4.62689 11.7435 4.66074C11.6623 4.69458 11.5885 4.74418 11.5266 4.80667L6.55989 9.78L4.47322 7.68667C4.40887 7.62451 4.33291 7.57563 4.24967 7.54283C4.16644 7.51003 4.07755 7.49394 3.9881 7.49549C3.89865 7.49703 3.81037 7.51619 3.72832 7.55185C3.64627 7.58751 3.57204 7.63898 3.50989 7.70333C3.44773 7.76768 3.39885 7.84364 3.36605 7.92688C3.33324 8.01011 3.31716 8.099 3.31871 8.18845C3.32025 8.2779 3.3394 8.36618 3.37507 8.44823C3.41073 8.53028 3.4622 8.60451 3.52655 8.66667L6.08655 11.2267C6.14853 11.2892 6.22226 11.3387 6.3035 11.3726C6.38474 11.4064 6.47188 11.4239 6.55989 11.4239C6.64789 11.4239 6.73503 11.4064 6.81627 11.3726C6.89751 11.3387 6.97124 11.2892 7.03322 11.2267L12.4732 5.78667C12.5409 5.72424 12.5949 5.64847 12.6318 5.56414C12.6688 5.4798 12.6878 5.38873 12.6878 5.29667C12.6878 5.2046 12.6688 5.11353 12.6318 5.02919C12.5949 4.94486 12.5409 4.86909 12.4732 4.80667Z" fill="black"></path>
+                    </svg>
+                  </div>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-vUwIWzpf.html b/components/unsorted/casper-all-vUwIWzpf.html
new file mode 100644
index 0000000..28e0b53
--- /dev/null
+++ b/components/unsorted/casper-all-vUwIWzpf.html
@@ -0,0 +1,51 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 right-0 -mt-80 -mr-80 w-148 h-148 bg-gradient-to-t from-violet-700 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative max-w-8xl mx-auto py-16 px-8 md:px-16 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10">
+        <img class="hidden md:block absolute top-0 right-0 mt-24 lg:mt-14 mr-6 lg:mr-40 animate-spinStar" src="casper-assets/newsletter/blink-star.png" alt="">
+        <div class="max-w-lg mb-16">
+          <h2 class="font-heading text-5xl sm:text-7xl font-medium text-white tracking-tight mb-6">Stay up to Date</h2>
+          <p class="text-lg text-gray-400">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+        </div>
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-1/2 px-4 mb-14 lg:mb-0">
+            <div class="flex items-center">
+              <img class="block w-18 h-18" src="casper-assets/newsletter/avatar.png" alt="">
+              <div class="ml-8">
+                <span class="block text-5xl font-medium text-white leading-none">50%</span>
+                <span class="block text-lg text-gray-500 leading-none">Nunc et tellus non erat aliquam eget non mi.</span>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-1/2 px-4">
+            <div class="max-w-md">
+              <span class="block mb-2 text-sm font-medium text-white leading-snug">Email</span>
+              <div class="sm:flex mb-5">
+                <input class="block w-full mb-4 sm:mb-0 sm:mr-3 py-2 px-3 h-11 bg-gray-800 border border-gray-700 focus:border-violet-500 rounded-lg text-sm placeholder-gray-500 text-white outline-none" type="email" placeholder="casper@shuffle.dev">
+                <button class="sm:flex-shrink-0 flex w-full sm:w-auto h-11 py-2 px-5 items-center justify-center text-sm font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" type="submit">
+                  <span class="mr-2">Submit</span>
+                  <svg width="25" height="24" viewbox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M18.4199 6.62C18.3185 6.37565 18.1243 6.18147 17.8799 6.08C17.7597 6.02876 17.6306 6.00158 17.4999 6H7.49994C7.23472 6 6.98037 6.10536 6.79283 6.29289C6.6053 6.48043 6.49994 6.73478 6.49994 7C6.49994 7.26522 6.6053 7.51957 6.79283 7.70711C6.98037 7.89464 7.23472 8 7.49994 8H15.0899L6.78994 16.29C6.69621 16.383 6.62182 16.4936 6.57105 16.6154C6.52028 16.7373 6.49414 16.868 6.49414 17C6.49414 17.132 6.52028 17.2627 6.57105 17.3846C6.62182 17.5064 6.69621 17.617 6.78994 17.71C6.8829 17.8037 6.9935 17.8781 7.11536 17.9289C7.23722 17.9797 7.36793 18.0058 7.49994 18.0058C7.63195 18.0058 7.76266 17.9797 7.88452 17.9289C8.00638 17.8781 8.11698 17.8037 8.20994 17.71L16.4999 9.41V17C16.4999 17.2652 16.6053 17.5196 16.7928 17.7071C16.9804 17.8946 17.2347 18 17.4999 18C17.7652 18 18.0195 17.8946 18.207 17.7071C18.3946 17.5196 18.4999 17.2652 18.4999 17V7C18.4984 6.86932 18.4712 6.74022 18.4199 6.62Z" fill="currentColor"></path>
+                  </svg>
+                </button>
+              </div>
+              <label class="custom-checkbox flex items-center relative h-8 cursor-pointer">
+                <p class="inline-block ml-6 text-sm text-gray-400">
+                  <span>I agree with</span>
+                  <a class="inline-block text-sky-900 hover:text-violet-500" href="#">Privacy Policy</a>
+                  <span>and</span>
+                  <a class="inline-block text-sky-900 hover:text-violet-500" href="#">Terms of Conditions</a>
+                </p>
+                <input class="absolute top-0 left-0 transform translate-y-1/2 w-4 h-4 opacity-0" type="checkbox" checked="">
+                <span class="custom-check absolute top-0 left-0 transform translate-y-1/2 flex h-4 w-4 items-center justify-center bg-violet-400 border border-violet-700 rounded">
+                  <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M12.4733 4.80667C12.4114 4.74418 12.3376 4.69458 12.2564 4.66074C12.1752 4.62689 12.088 4.60947 12 4.60947C11.912 4.60947 11.8249 4.62689 11.7436 4.66074C11.6624 4.69458 11.5886 4.74418 11.5267 4.80667L6.56001 9.78L4.47334 7.68667C4.40899 7.62451 4.33303 7.57563 4.2498 7.54283C4.16656 7.51003 4.07768 7.49394 3.98822 7.49549C3.89877 7.49703 3.8105 7.51619 3.72844 7.55185C3.64639 7.58751 3.57217 7.63898 3.51001 7.70333C3.44785 7.76768 3.39897 7.84364 3.36617 7.92688C3.33337 8.01011 3.31728 8.099 3.31883 8.18845C3.32038 8.2779 3.33953 8.36618 3.37519 8.44823C3.41085 8.53028 3.46233 8.60451 3.52667 8.66667L6.08667 11.2267C6.14865 11.2892 6.22238 11.3387 6.30362 11.3726C6.38486 11.4064 6.472 11.4239 6.56001 11.4239C6.64802 11.4239 6.73515 11.4064 6.81639 11.3726C6.89763 11.3387 6.97137 11.2892 7.03334 11.2267L12.4733 5.78667C12.541 5.72424 12.595 5.64847 12.632 5.56414C12.6689 5.4798 12.688 5.38873 12.688 5.29667C12.688 5.2046 12.6689 5.11353 12.632 5.02919C12.595 4.94486 12.541 4.86909 12.4733 4.80667Z" fill="currentColor"></path>
+                  </svg>
+                </span>
+              </label>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-vdGETsUJ.html b/components/unsorted/casper-all-vdGETsUJ.html
new file mode 100644
index 0000000..8868325
--- /dev/null
+++ b/components/unsorted/casper-all-vdGETsUJ.html
@@ -0,0 +1,70 @@
+<div><section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 -mt-64 -ml-80 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="absolute top-0 left-0 -mt-112 w-186 h-186 bg-gradient-to-t from-blue-500 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="relative flex flex-wrap items-center -mx-4">
+        <div class="w-full lg:w-3/5 px-4 mb-20 lg:mb-0">
+          <div class="max-w-md lg:max-w-lg mx-auto xl:max-w-2xl">
+            <span class="block text-sm font-medium text-sky-900 mb-4">CONTACT US</span>
+            <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl xl:text-7xl font-medium text-white tracking-tight mb-24">Have a project? Let’s get connect!</h2>
+            <div class="flex mb-12 items-center">
+              <div class="flex-shrink-0 flex mr-4 md:mr-8 items-center justify-center w-20 h-20 rounded-full bg-violet-600">
+                <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M25.92 17.3333C25.6267 17.3333 25.32 17.24 25.0267 17.1733C24.4327 17.0424 23.8489 16.8686 23.28 16.6533C22.6615 16.4283 21.9815 16.44 21.3711 16.6861C20.7606 16.9323 20.2628 17.3955 19.9733 17.9867L19.68 18.5867C18.3813 17.8642 17.188 16.967 16.1333 15.92C15.0864 14.8654 14.1891 13.672 13.4667 12.3733L14.0267 12C14.6178 11.7106 15.0811 11.2127 15.3272 10.6023C15.5734 9.9918 15.585 9.31188 15.36 8.69333C15.1483 8.12323 14.9746 7.53973 14.84 6.94667C14.7733 6.65333 14.72 6.34667 14.68 6.04C14.5181 5.10083 14.0262 4.25032 13.2928 3.64165C12.5595 3.03298 11.6329 2.70615 10.68 2.72H6.68001C6.10539 2.71461 5.53635 2.83309 5.01163 3.06737C4.4869 3.30166 4.01883 3.64626 3.63925 4.07771C3.25968 4.50916 2.97753 5.01733 2.812 5.56762C2.64647 6.11791 2.60145 6.69741 2.68001 7.26667C3.39033 12.8525 5.94138 18.0425 9.93022 22.0168C13.919 25.9912 19.1183 28.5233 24.7067 29.2133H25.2133C26.1966 29.2148 27.1459 28.854 27.88 28.2C28.3018 27.8227 28.6388 27.3602 28.8686 26.8431C29.0985 26.3259 29.216 25.7659 29.2133 25.2V21.2C29.197 20.2738 28.8598 19.3821 28.2591 18.6769C27.6585 17.9717 26.8318 17.4968 25.92 17.3333ZM26.5867 25.3333C26.5864 25.5226 26.5459 25.7097 26.4677 25.8822C26.3896 26.0546 26.2756 26.2084 26.1333 26.3333C25.9872 26.4665 25.8133 26.5655 25.6242 26.6231C25.4351 26.6808 25.2356 26.6956 25.04 26.6667C20.0465 26.0264 15.4083 23.742 11.857 20.1737C8.30561 16.6055 6.04323 11.9565 5.42668 6.96C5.40546 6.76469 5.42406 6.56711 5.48135 6.37919C5.53864 6.19127 5.63344 6.01692 5.76001 5.86667C5.88496 5.72444 6.03876 5.61046 6.21118 5.53229C6.38361 5.45413 6.5707 5.41357 6.76001 5.41333H10.76C11.0701 5.40644 11.3728 5.50784 11.6162 5.7001C11.8596 5.89235 12.0283 6.16343 12.0933 6.46667C12.1467 6.83111 12.2133 7.19111 12.2933 7.54667C12.4474 8.24953 12.6524 8.94024 12.9067 9.61333L11.04 10.48C10.8804 10.5532 10.7368 10.6573 10.6176 10.7861C10.4983 10.915 10.4056 11.0662 10.3449 11.2309C10.2842 11.3957 10.2566 11.5708 10.2638 11.7463C10.271 11.9218 10.3127 12.0941 10.3867 12.2533C12.3056 16.3637 15.6097 19.6677 19.72 21.5867C20.0446 21.72 20.4087 21.72 20.7333 21.5867C20.8996 21.5272 21.0524 21.4353 21.1829 21.3162C21.3134 21.1972 21.4189 21.0535 21.4933 20.8933L22.32 19.0267C23.0093 19.2732 23.7128 19.478 24.4267 19.64C24.7822 19.72 25.1422 19.7867 25.5067 19.84C25.8099 19.9051 26.081 20.0738 26.2733 20.3171C26.4655 20.5605 26.5669 20.8633 26.56 21.1733L26.5867 25.3333ZM25.3333 13.3333C25.687 13.3333 26.0261 13.1929 26.2762 12.9428C26.5262 12.6928 26.6667 12.3536 26.6667 12V6.66667C26.6667 6.31305 26.5262 5.97391 26.2762 5.72386C26.0261 5.47381 25.687 5.33333 25.3333 5.33333C24.9797 5.33333 24.6406 5.47381 24.3905 5.72386C24.1405 5.97391 24 6.31305 24 6.66667V12C24 12.3536 24.1405 12.6928 24.3905 12.9428C24.6406 13.1929 24.9797 13.3333 25.3333 13.3333ZM20 13.3333C20.3536 13.3333 20.6928 13.1929 20.9428 12.9428C21.1929 12.6928 21.3333 12.3536 21.3333 12V6.66667C21.3333 6.31305 21.1929 5.97391 20.9428 5.72386C20.6928 5.47381 20.3536 5.33333 20 5.33333C19.6464 5.33333 19.3073 5.47381 19.0572 5.72386C18.8072 5.97391 18.6667 6.31305 18.6667 6.66667V12C18.6667 12.3536 18.8072 12.6928 19.0572 12.9428C19.3073 13.1929 19.6464 13.3333 20 13.3333Z" fill="black"></path>
+                </svg>
+              </div>
+              <div>
+                <span class="block text-lg tracking-tight text-gray-100">Phone</span>
+                <span class="sm:text-2xl tracking-tight text-white">+1 892 3298</span>
+              </div>
+            </div>
+            <div class="flex mb-12 items-center">
+              <div class="flex-shrink-0 flex mr-4 md:mr-8 items-center justify-center w-20 h-20 rounded-full bg-yellow-500">
+                <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M18.6666 15.3467H21.8933C22.0688 15.3477 22.2427 15.314 22.4052 15.2477C22.5676 15.1813 22.7154 15.0836 22.84 14.96L28.9466 8.85333C29.0716 8.72938 29.1708 8.58191 29.2385 8.41944C29.3062 8.25696 29.341 8.08268 29.341 7.90667C29.341 7.73065 29.3062 7.55638 29.2385 7.3939C29.1708 7.23142 29.0716 7.08395 28.9466 6.96L25.72 3.73333C25.596 3.60836 25.4485 3.50917 25.2861 3.44148C25.1236 3.37379 24.9493 3.33894 24.7733 3.33894C24.5973 3.33894 24.423 3.37379 24.2605 3.44148C24.098 3.50917 23.9506 3.60836 23.8266 3.73333L17.72 9.84C17.4763 10.0955 17.3382 10.4336 17.3333 10.7867V14.0133C17.3333 14.367 17.4738 14.7061 17.7238 14.9561C17.9739 15.2062 18.313 15.3467 18.6666 15.3467ZM20 11.3467L24.7733 6.57333L26.1066 7.90667L21.3333 12.68H20V11.3467ZM28 14.0133C27.6463 14.0133 27.3072 14.1538 27.0571 14.4039C26.8071 14.6539 26.6666 14.993 26.6666 15.3467V24.68C26.6666 25.0336 26.5262 25.3728 26.2761 25.6228C26.0261 25.8729 25.6869 26.0133 25.3333 26.0133H6.66663C6.313 26.0133 5.97387 25.8729 5.72382 25.6228C5.47377 25.3728 5.33329 25.0336 5.33329 24.68V11.8667L13.1733 19.72C13.5454 20.0969 13.9886 20.3962 14.4773 20.6005C14.9659 20.8047 15.4903 20.9099 16.02 20.9099C16.5496 20.9099 17.074 20.8047 17.5626 20.6005C18.0513 20.3962 18.4945 20.0969 18.8666 19.72C19.1109 19.4708 19.2478 19.1357 19.2478 18.7867C19.2478 18.4377 19.1109 18.1026 18.8666 17.8533C18.7425 17.7263 18.5942 17.6254 18.4304 17.5565C18.2667 17.4877 18.0909 17.4522 17.9133 17.4522C17.7357 17.4522 17.5599 17.4877 17.3961 17.5565C17.2324 17.6254 17.0841 17.7263 16.96 17.8533C16.7107 18.0976 16.3756 18.2345 16.0266 18.2345C15.6776 18.2345 15.3425 18.0976 15.0933 17.8533L7.21329 9.98667H13.3333C13.6869 9.98667 14.0261 9.84619 14.2761 9.59614C14.5262 9.34609 14.6666 9.00696 14.6666 8.65333C14.6666 8.29971 14.5262 7.96057 14.2761 7.71052C14.0261 7.46048 13.6869 7.32 13.3333 7.32H6.66663C5.60576 7.32 4.58834 7.74143 3.8382 8.49157C3.08805 9.24172 2.66663 10.2591 2.66663 11.32V24.6533C2.66663 25.7142 3.08805 26.7316 3.8382 27.4818C4.58834 28.2319 5.60576 28.6533 6.66663 28.6533H25.3333C26.3942 28.6533 27.4116 28.2319 28.1617 27.4818C28.9119 26.7316 29.3333 25.7142 29.3333 24.6533V15.32C29.3333 14.9664 29.1928 14.6272 28.9428 14.3772C28.6927 14.1271 28.3536 13.9867 28 13.9867V14.0133Z" fill="black"></path>
+                </svg>
+              </div>
+              <div>
+                <span class="block text-lg tracking-tight text-gray-100">Email</span>
+                <span class="sm:text-2xl tracking-tight text-white">hello@yourdomain.com</span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="w-full lg:w-2/5 px-4">
+          <div class="max-w-md mx-auto lg:mr-0">
+            <form action="">
+              <label class="block mb-1 text-sm font-medium text-white" for="">Name</label>
+              <input class="block w-full h-12 py-2 px-4 mb-5 text-sm placeholder-gray-600 text-gray-200 border border-gray-700 rounded-lg bg-gray-800 outline-none focus:border-violet-600" type="text" placeholder="Enter your name">
+              <label class="block mb-1 text-sm font-medium text-white" for="">Email</label>
+              <input class="block w-full h-12 py-2 px-4 mb-5 text-sm placeholder-gray-600 text-gray-200 border border-gray-700 rounded-lg bg-gray-800 outline-none focus:border-violet-600" type="email" placeholder="pat@saturn.dev">
+              <label class="block mb-1 text-sm font-medium text-white" for="">Message</label>
+              <textarea class="w-full h-24 py-2 px-4 mb-5 text-sm placeholder-gray-600 text-gray-200 border border-gray-700 rounded-lg bg-gray-800 outline-none focus:border-violet-600 resize-none" name="" id="" placeholder="Enter your message" cols="30" rows="10"></textarea>
+              <div class="mb-5">
+                <label class="custom-checkbox flex items-center relative h-8 cursor-pointer">
+                  <p class="inline-block ml-6 text-sm text-gray-400">
+                    <span>I agree with</span>
+                    <a class="inline-block text-sky-900 hover:text-violet-500" href="#">Privacy Policy</a>
+                    <span>and</span>
+                    <a class="inline-block text-sky-900 hover:text-violet-500" href="#">Terms of Conditions</a>
+                  </p>
+                  <input class="absolute top-0 left-0 transform translate-y-1/2 w-4 h-4 opacity-0" type="checkbox" checked="">
+                  <span class="custom-check absolute top-0 left-0 transform translate-y-1/2 flex h-4 w-4 items-center justify-center bg-violet-400 border border-violet-700 rounded">
+                    <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.4733 4.80667C12.4114 4.74418 12.3376 4.69458 12.2564 4.66074C12.1752 4.62689 12.088 4.60947 12 4.60947C11.912 4.60947 11.8249 4.62689 11.7436 4.66074C11.6624 4.69458 11.5886 4.74418 11.5267 4.80667L6.56001 9.78L4.47334 7.68667C4.40899 7.62451 4.33303 7.57563 4.2498 7.54283C4.16656 7.51003 4.07768 7.49394 3.98822 7.49549C3.89877 7.49703 3.8105 7.51619 3.72844 7.55185C3.64639 7.58751 3.57217 7.63898 3.51001 7.70333C3.44785 7.76768 3.39897 7.84364 3.36617 7.92688C3.33337 8.01011 3.31728 8.099 3.31883 8.18845C3.32038 8.2779 3.33953 8.36618 3.37519 8.44823C3.41085 8.53028 3.46233 8.60451 3.52667 8.66667L6.08667 11.2267C6.14865 11.2892 6.22238 11.3387 6.30362 11.3726C6.38486 11.4064 6.472 11.4239 6.56001 11.4239C6.64802 11.4239 6.73515 11.4064 6.81639 11.3726C6.89763 11.3387 6.97137 11.2892 7.03334 11.2267L12.4733 5.78667C12.541 5.72424 12.595 5.64847 12.632 5.56414C12.6689 5.4798 12.688 5.38873 12.688 5.29667C12.688 5.2046 12.6689 5.11353 12.632 5.02919C12.595 4.94486 12.541 4.86909 12.4733 4.80667Z" fill="currentColor"></path>
+                    </svg>
+                  </span>
+                </label>
+              </div>
+              <button class="group inline-flex w-full h-14 px-7 items-center justify-center text-base font-medium text-black hover:text-violet-800 bg-violet-500 hover:bg-white transition duration-200 rounded-full" type="submit">
+                <span class="mr-2">SUBMIT</span>
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                </svg>
+              </button>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-vmxDTIJG.html b/components/unsorted/casper-all-vmxDTIJG.html
new file mode 100644
index 0000000..915b8b8
--- /dev/null
+++ b/components/unsorted/casper-all-vmxDTIJG.html
@@ -0,0 +1,133 @@
+<div><section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <img class="absolute bottom-0 left-0 w-full" src="casper-assets/faq/gradient-line-triangle.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 -ml-40 -mt-80 w-186 h-186 z-10 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="absolute bottom-0 right-0 mb-52 w-160 h-160 z-10 bg-gradient-to-t from-violet-900 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <div class="relative z-10 text-center mb-14">
+        <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-8">Frequently Ask Questions</h2>
+        <p class="text-lg text-gray-500 tracking-tight">Nunc et tellus non erat accumsan aliquam eget non mi.</p>
+      </div>
+      <div class="relative z-10 max-w-2xl xl:max-w-4xl mx-auto">
+        <button class="group block w-full p-8 mb-6 text-left bg-white rounded-3xl">
+          <div class="flex items-start justify-between">
+            <div class="pr-4">
+              <h4 class="text-xl text-black group-hover:text-violet-500 tracking-tight font-medium">Do you provide a complete design style?</h4>
+              <p class="hidden group-hover:block max-w-xl mt-5 text-lg tracking-tight text-gray-900">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+            </div>
+            <div>
+              <span class="hidden group-hover:block">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16663H4.16668C3.94566 9.16663 3.7337 9.25442 3.57742 9.4107C3.42114 9.56698 3.33334 9.77895 3.33334 9.99996C3.33334 10.221 3.42114 10.4329 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.4329 16.6667 10.221 16.6667 9.99996C16.6667 9.77895 16.5789 9.56698 16.4226 9.4107C16.2663 9.25442 16.0544 9.16663 15.8333 9.16663Z" fill="#B680ED"></path>
+                </svg>
+              </span>
+              <span class="block group-hover:hidden">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16665H10.8333V4.16665C10.8333 3.94563 10.7455 3.73367 10.5893 3.57739C10.433 3.42111 10.221 3.33331 10 3.33331C9.779 3.33331 9.56703 3.42111 9.41075 3.57739C9.25447 3.73367 9.16668 3.94563 9.16668 4.16665V9.16665H4.16668C3.94566 9.16665 3.7337 9.25444 3.57742 9.41072C3.42114 9.567 3.33334 9.77897 3.33334 9.99998C3.33334 10.221 3.42114 10.433 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H9.16668V15.8333C9.16668 16.0543 9.25447 16.2663 9.41075 16.4226C9.56703 16.5788 9.779 16.6666 10 16.6666C10.221 16.6666 10.433 16.5788 10.5893 16.4226C10.7455 16.2663 10.8333 16.0543 10.8333 15.8333V10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.433 16.6667 10.221 16.6667 9.99998C16.6667 9.77897 16.5789 9.567 16.4226 9.41072C16.2663 9.25444 16.0544 9.16665 15.8333 9.16665Z" fill="#A4A5AD"></path>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </button>
+        <button class="group block w-full p-8 mb-6 text-left bg-white rounded-3xl">
+          <div class="flex items-start justify-between">
+            <div class="pr-4">
+              <h4 class="text-xl text-black group-hover:text-violet-500 tracking-tight font-medium">Do you have any terms & conditions?</h4>
+              <p class="hidden group-hover:block max-w-xl mt-5 text-lg tracking-tight text-gray-900">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+            </div>
+            <div>
+              <span class="hidden group-hover:block">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16663H4.16668C3.94566 9.16663 3.7337 9.25442 3.57742 9.4107C3.42114 9.56698 3.33334 9.77895 3.33334 9.99996C3.33334 10.221 3.42114 10.4329 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.4329 16.6667 10.221 16.6667 9.99996C16.6667 9.77895 16.5789 9.56698 16.4226 9.4107C16.2663 9.25442 16.0544 9.16663 15.8333 9.16663Z" fill="#B680ED"></path>
+                </svg>
+              </span>
+              <span class="block group-hover:hidden">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16665H10.8333V4.16665C10.8333 3.94563 10.7455 3.73367 10.5893 3.57739C10.433 3.42111 10.221 3.33331 10 3.33331C9.779 3.33331 9.56703 3.42111 9.41075 3.57739C9.25447 3.73367 9.16668 3.94563 9.16668 4.16665V9.16665H4.16668C3.94566 9.16665 3.7337 9.25444 3.57742 9.41072C3.42114 9.567 3.33334 9.77897 3.33334 9.99998C3.33334 10.221 3.42114 10.433 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H9.16668V15.8333C9.16668 16.0543 9.25447 16.2663 9.41075 16.4226C9.56703 16.5788 9.779 16.6666 10 16.6666C10.221 16.6666 10.433 16.5788 10.5893 16.4226C10.7455 16.2663 10.8333 16.0543 10.8333 15.8333V10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.433 16.6667 10.221 16.6667 9.99998C16.6667 9.77897 16.5789 9.567 16.4226 9.41072C16.2663 9.25444 16.0544 9.16665 15.8333 9.16665Z" fill="#A4A5AD"></path>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </button>
+        <button class="group block w-full p-8 mb-6 text-left bg-white rounded-3xl">
+          <div class="flex items-start justify-between">
+            <div class="pr-4">
+              <h4 class="text-xl text-black group-hover:text-violet-500 tracking-tight font-medium">How to apply Casper to our project?</h4>
+              <p class="hidden group-hover:block max-w-xl mt-5 text-lg tracking-tight text-gray-900">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+            </div>
+            <div>
+              <span class="hidden group-hover:block">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16663H4.16668C3.94566 9.16663 3.7337 9.25442 3.57742 9.4107C3.42114 9.56698 3.33334 9.77895 3.33334 9.99996C3.33334 10.221 3.42114 10.4329 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.4329 16.6667 10.221 16.6667 9.99996C16.6667 9.77895 16.5789 9.56698 16.4226 9.4107C16.2663 9.25442 16.0544 9.16663 15.8333 9.16663Z" fill="#B680ED"></path>
+                </svg>
+              </span>
+              <span class="block group-hover:hidden">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16665H10.8333V4.16665C10.8333 3.94563 10.7455 3.73367 10.5893 3.57739C10.433 3.42111 10.221 3.33331 10 3.33331C9.779 3.33331 9.56703 3.42111 9.41075 3.57739C9.25447 3.73367 9.16668 3.94563 9.16668 4.16665V9.16665H4.16668C3.94566 9.16665 3.7337 9.25444 3.57742 9.41072C3.42114 9.567 3.33334 9.77897 3.33334 9.99998C3.33334 10.221 3.42114 10.433 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H9.16668V15.8333C9.16668 16.0543 9.25447 16.2663 9.41075 16.4226C9.56703 16.5788 9.779 16.6666 10 16.6666C10.221 16.6666 10.433 16.5788 10.5893 16.4226C10.7455 16.2663 10.8333 16.0543 10.8333 15.8333V10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.433 16.6667 10.221 16.6667 9.99998C16.6667 9.77897 16.5789 9.567 16.4226 9.41072C16.2663 9.25444 16.0544 9.16665 15.8333 9.16665Z" fill="#A4A5AD"></path>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </button>
+        <button class="group block w-full p-8 mb-6 text-left bg-white rounded-3xl">
+          <div class="flex items-start justify-between">
+            <div class="pr-4">
+              <h4 class="text-xl text-black group-hover:text-violet-500 tracking-tight font-medium">How was the Terms & Condition?</h4>
+              <p class="hidden group-hover:block max-w-xl mt-5 text-lg tracking-tight text-gray-900">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+            </div>
+            <div>
+              <span class="hidden group-hover:block">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16663H4.16668C3.94566 9.16663 3.7337 9.25442 3.57742 9.4107C3.42114 9.56698 3.33334 9.77895 3.33334 9.99996C3.33334 10.221 3.42114 10.4329 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.4329 16.6667 10.221 16.6667 9.99996C16.6667 9.77895 16.5789 9.56698 16.4226 9.4107C16.2663 9.25442 16.0544 9.16663 15.8333 9.16663Z" fill="#B680ED"></path>
+                </svg>
+              </span>
+              <span class="block group-hover:hidden">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16665H10.8333V4.16665C10.8333 3.94563 10.7455 3.73367 10.5893 3.57739C10.433 3.42111 10.221 3.33331 10 3.33331C9.779 3.33331 9.56703 3.42111 9.41075 3.57739C9.25447 3.73367 9.16668 3.94563 9.16668 4.16665V9.16665H4.16668C3.94566 9.16665 3.7337 9.25444 3.57742 9.41072C3.42114 9.567 3.33334 9.77897 3.33334 9.99998C3.33334 10.221 3.42114 10.433 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H9.16668V15.8333C9.16668 16.0543 9.25447 16.2663 9.41075 16.4226C9.56703 16.5788 9.779 16.6666 10 16.6666C10.221 16.6666 10.433 16.5788 10.5893 16.4226C10.7455 16.2663 10.8333 16.0543 10.8333 15.8333V10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.433 16.6667 10.221 16.6667 9.99998C16.6667 9.77897 16.5789 9.567 16.4226 9.41072C16.2663 9.25444 16.0544 9.16665 15.8333 9.16665Z" fill="#A4A5AD"></path>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </button>
+        <button class="group block w-full p-8 mb-6 text-left bg-white rounded-3xl">
+          <div class="flex items-start justify-between">
+            <div class="pr-4">
+              <h4 class="text-xl text-black group-hover:text-violet-500 tracking-tight font-medium">How much we can buy this product?</h4>
+              <p class="hidden group-hover:block max-w-xl mt-5 text-lg tracking-tight text-gray-900">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+            </div>
+            <div>
+              <span class="hidden group-hover:block">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16663H4.16668C3.94566 9.16663 3.7337 9.25442 3.57742 9.4107C3.42114 9.56698 3.33334 9.77895 3.33334 9.99996C3.33334 10.221 3.42114 10.4329 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.4329 16.6667 10.221 16.6667 9.99996C16.6667 9.77895 16.5789 9.56698 16.4226 9.4107C16.2663 9.25442 16.0544 9.16663 15.8333 9.16663Z" fill="#B680ED"></path>
+                </svg>
+              </span>
+              <span class="block group-hover:hidden">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16665H10.8333V4.16665C10.8333 3.94563 10.7455 3.73367 10.5893 3.57739C10.433 3.42111 10.221 3.33331 10 3.33331C9.779 3.33331 9.56703 3.42111 9.41075 3.57739C9.25447 3.73367 9.16668 3.94563 9.16668 4.16665V9.16665H4.16668C3.94566 9.16665 3.7337 9.25444 3.57742 9.41072C3.42114 9.567 3.33334 9.77897 3.33334 9.99998C3.33334 10.221 3.42114 10.433 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H9.16668V15.8333C9.16668 16.0543 9.25447 16.2663 9.41075 16.4226C9.56703 16.5788 9.779 16.6666 10 16.6666C10.221 16.6666 10.433 16.5788 10.5893 16.4226C10.7455 16.2663 10.8333 16.0543 10.8333 15.8333V10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.433 16.6667 10.221 16.6667 9.99998C16.6667 9.77897 16.5789 9.567 16.4226 9.41072C16.2663 9.25444 16.0544 9.16665 15.8333 9.16665Z" fill="#A4A5AD"></path>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </button>
+        <button class="group block w-full p-8 text-left bg-white rounded-3xl">
+          <div class="flex items-start justify-between">
+            <div class="pr-4">
+              <h4 class="text-xl text-black group-hover:text-violet-500 tracking-tight font-medium">How was the license?</h4>
+              <p class="hidden group-hover:block max-w-xl mt-5 text-lg tracking-tight text-gray-900">Pretium ac auctor quis urna orci feugiat. Vulputate tellus velit tellus orci auctor vel nulla facilisi ut. Dummy conten amazing Ante nunc risus viverra vivamus.</p>
+            </div>
+            <div>
+              <span class="hidden group-hover:block">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16663H4.16668C3.94566 9.16663 3.7337 9.25442 3.57742 9.4107C3.42114 9.56698 3.33334 9.77895 3.33334 9.99996C3.33334 10.221 3.42114 10.4329 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.4329 16.6667 10.221 16.6667 9.99996C16.6667 9.77895 16.5789 9.56698 16.4226 9.4107C16.2663 9.25442 16.0544 9.16663 15.8333 9.16663Z" fill="#B680ED"></path>
+                </svg>
+              </span>
+              <span class="block group-hover:hidden">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.8333 9.16665H10.8333V4.16665C10.8333 3.94563 10.7455 3.73367 10.5893 3.57739C10.433 3.42111 10.221 3.33331 10 3.33331C9.779 3.33331 9.56703 3.42111 9.41075 3.57739C9.25447 3.73367 9.16668 3.94563 9.16668 4.16665V9.16665H4.16668C3.94566 9.16665 3.7337 9.25444 3.57742 9.41072C3.42114 9.567 3.33334 9.77897 3.33334 9.99998C3.33334 10.221 3.42114 10.433 3.57742 10.5892C3.7337 10.7455 3.94566 10.8333 4.16668 10.8333H9.16668V15.8333C9.16668 16.0543 9.25447 16.2663 9.41075 16.4226C9.56703 16.5788 9.779 16.6666 10 16.6666C10.221 16.6666 10.433 16.5788 10.5893 16.4226C10.7455 16.2663 10.8333 16.0543 10.8333 15.8333V10.8333H15.8333C16.0544 10.8333 16.2663 10.7455 16.4226 10.5892C16.5789 10.433 16.6667 10.221 16.6667 9.99998C16.6667 9.77897 16.5789 9.567 16.4226 9.41072C16.2663 9.25444 16.0544 9.16665 15.8333 9.16665Z" fill="#A4A5AD"></path>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </button>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-vzKXnEDd.html b/components/unsorted/casper-all-vzKXnEDd.html
new file mode 100644
index 0000000..31fc4f0
--- /dev/null
+++ b/components/unsorted/casper-all-vzKXnEDd.html
@@ -0,0 +1,83 @@
+<div> <section class="relative pt-24 pb-12 sm:pb-24 lg:py-32 bg-body overflow-hidden">
+    <img class="absolute top-0 right-0 py-16" src="casper-assets/sign-in/double-lines-circle.svg" alt="">
+    <img class="absolute top-0 right-0 md:mt-12 mr-4 md:mr-24 lg:mr-52 animate-spinStar" src="casper-assets/sign-in/blink.png" alt="">
+    <img class="hidden lg:block absolute top-0 right-0 transform translate-y-1/2 mt-36 xl:mt-20 w-80 xl:w-auto xl:mr-14" src="casper-assets/sign-in/planet.png" alt="">
+    <div class="absolute top-0 left-0 mt-20 ml-10 w-148 h-148 bg-gradient-to-t from-purple-700 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+    <img class="hidden lg:block absolute top-0 left-0 transform translate-y-1/2 w-80 xl:w-auto mt-40 xl:mt-20 xl:ml-14" src="casper-assets/sign-in/robot.png" alt="">
+    <div class="relative container mx-auto px-4">
+      <div class="max-w-4xl mx-auto text-center">
+        <h2 class="font-heading text-5xl sm:text-7xl font-medium text-white tracking-tight mb-6">Sign in to your account</h2>
+        <p class="max-w-xl mx-auto text-xl text-gray-400 mb-12">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+        <div class="max-w-md mx-auto">
+          <form action="">
+            <div class="flex flex-col md:flex-row mb-6 items-center">
+              <a class="inline-flex w-full h-12 mb-4 md:mb-0 md:mr-3 px-4 items-center justify-center text-sm font-medium text-gray-400 hover:text-gray-300 border border-gray-800 hover:border-gray-700 rounded-full" href="#">
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M15.12 5.32H17V2.14C16.0897 2.04535 15.1751 1.99862 14.26 2C11.54 2 9.67999 3.66 9.67999 6.7V9.32H6.60999V12.88H9.67999V22H13.36V12.88H16.42L16.88 9.32H13.36V7.05C13.36 6 13.64 5.32 15.12 5.32Z" fill="white"></path>
+                </svg>
+                <span class="ml-2">Login with Facebook</span>
+              </a>
+              <a class="inline-flex w-full h-12 px-4 items-center justify-center text-sm font-medium text-gray-400 hover:text-gray-300 border border-gray-800 hover:border-gray-700 rounded-full" href="#">
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M14.94 5.19C15.3181 4.75428 15.6063 4.24817 15.7882 3.70074C15.9701 3.1533 16.0421 2.57533 16 2C14.8394 2.09369 13.762 2.63956 13 3.52C12.6351 3.94198 12.3586 4.43288 12.1868 4.96364C12.0151 5.49441 11.9516 6.05424 12 6.61C12.5662 6.61472 13.1258 6.4891 13.6356 6.24286C14.1454 5.99662 14.5918 5.63637 14.94 5.19ZM17.46 12.63C17.4667 11.8637 17.6686 11.1118 18.0465 10.4452C18.4244 9.77859 18.966 9.21926 19.62 8.82C19.2073 8.22524 18.6616 7.73483 18.0263 7.38767C17.391 7.04052 16.6835 6.84615 15.96 6.82C14.4 6.66 12.96 7.73 12.13 7.73C11.3 7.73 10.13 6.84 8.83003 6.86C7.98016 6.888 7.15205 7.13578 6.42648 7.57919C5.70091 8.02259 5.10264 8.64648 4.69003 9.39C2.93003 12.45 4.24003 17 6.00003 19.47C6.80003 20.68 7.80003 22.05 9.12003 22C10.44 21.95 10.87 21.18 12.4 21.18C13.93 21.18 14.4 22 15.7 21.97C17 21.94 17.92 20.73 18.76 19.52C19.3551 18.6415 19.8199 17.6816 20.14 16.67C19.3475 16.332 18.6714 15.7693 18.1951 15.0513C17.7188 14.3333 17.4633 13.4916 17.46 12.63Z" fill="white"></path>
+                </svg>
+                <span class="ml-2">Login with Apple</span>
+              </a>
+            </div>
+            <div class="flex mb-6 items-center">
+              <div class="h-px w-full">
+                <div class="h-1/2 bg-gray-800"></div>
+              </div>
+              <span class="inline-block mx-4 text-sm text-gray-300">Or</span>
+              <div class="h-px w-full">
+                <div class="h-1/2 bg-gray-800"></div>
+              </div>
+            </div>
+            <div class="text-left">
+              <span class="block mb-2 text-sm font-medium text-white leading-snug">Email</span>
+              <input class="block w-full py-2 px-3 h-11 mb-6 bg-gray-800 border border-gray-700 rounded-lg text-sm placeholder-gray-500 text-white border-none outline-none" type="email" placeholder="casper@shuffle.dev">
+              <div class="flex mb-2 items-center justify-between">
+                <span class="inline-block text-sm font-medium text-white leading-snug">Password</span>
+                <a class="inline-block text-sm font-medium text-sky-900 hover:text-sky-600 leading-snug" href="#">Forget password?</a>
+              </div>
+              <div class="flex py-2 px-3 h-11 mb-5 bg-gray-800 border border-gray-700 rounded-lg">
+                <input class="w-full bg-transparent text-sm placeholder-gray-500 text-white border-none outline-none" type="email" placeholder="Enter your password">
+                <button class="text-gray-600 hover:text-gray-200">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M21.9199 11.6C19.8999 6.91 16.0999 4 11.9999 4C7.89994 4 4.09994 6.91 2.07994 11.6C2.02488 11.7262 1.99646 11.8623 1.99646 12C1.99646 12.1377 2.02488 12.2738 2.07994 12.4C4.09994 17.09 7.89994 20 11.9999 20C16.0999 20 19.8999 17.09 21.9199 12.4C21.975 12.2738 22.0034 12.1377 22.0034 12C22.0034 11.8623 21.975 11.7262 21.9199 11.6ZM11.9999 18C8.81994 18 5.82994 15.71 4.09994 12C5.82994 8.29 8.81994 6 11.9999 6C15.1799 6 18.1699 8.29 19.8999 12C18.1699 15.71 15.1799 18 11.9999 18ZM11.9999 8C11.2088 8 10.4355 8.2346 9.77766 8.67412C9.11987 9.11365 8.60718 9.73836 8.30443 10.4693C8.00168 11.2002 7.92246 12.0044 8.0768 12.7804C8.23114 13.5563 8.61211 14.269 9.17152 14.8284C9.73093 15.3878 10.4437 15.7688 11.2196 15.9231C11.9955 16.0775 12.7998 15.9983 13.5307 15.6955C14.2616 15.3928 14.8863 14.8801 15.3258 14.2223C15.7653 13.5645 15.9999 12.7911 15.9999 12C15.9999 10.9391 15.5785 9.92172 14.8284 9.17157C14.0782 8.42143 13.0608 8 11.9999 8ZM11.9999 14C11.6044 14 11.2177 13.8827 10.8888 13.6629C10.5599 13.4432 10.3036 13.1308 10.1522 12.7654C10.0008 12.3999 9.9612 11.9978 10.0384 11.6098C10.1155 11.2219 10.306 10.8655 10.5857 10.5858C10.8654 10.3061 11.2218 10.1156 11.6098 10.0384C11.9977 9.96126 12.3999 10.0009 12.7653 10.1522C13.1308 10.3036 13.4431 10.56 13.6629 10.8889C13.8826 11.2178 13.9999 11.6044 13.9999 12C13.9999 12.5304 13.7892 13.0391 13.4142 13.4142C13.0391 13.7893 12.5304 14 11.9999 14Z" fill="currentColor"></path>
+                  </svg>
+                </button>
+              </div>
+              <div class="mb-4">
+                <label class="custom-checkbox flex items-center relative h-8 cursor-pointer">
+                  <span class="inline-block ml-6 text-sm text-gray-400">Remember for 30 days</span>
+                  <input class="absolute top-0 left-0 transform translate-y-1/2 w-4 h-4 opacity-0" type="checkbox" checked="">
+                  <span class="custom-check absolute top-0 left-0 transform translate-y-1/2 flex h-4 w-4 items-center justify-center bg-violet-400 border border-violet-700 rounded">
+                    <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M12.4733 4.80667C12.4114 4.74418 12.3376 4.69458 12.2564 4.66074C12.1752 4.62689 12.088 4.60947 12 4.60947C11.912 4.60947 11.8249 4.62689 11.7436 4.66074C11.6624 4.69458 11.5886 4.74418 11.5267 4.80667L6.56001 9.78L4.47334 7.68667C4.40899 7.62451 4.33303 7.57563 4.2498 7.54283C4.16656 7.51003 4.07768 7.49394 3.98822 7.49549C3.89877 7.49703 3.8105 7.51619 3.72844 7.55185C3.64639 7.58751 3.57217 7.63898 3.51001 7.70333C3.44785 7.76768 3.39897 7.84364 3.36617 7.92688C3.33337 8.01011 3.31728 8.099 3.31883 8.18845C3.32038 8.2779 3.33953 8.36618 3.37519 8.44823C3.41085 8.53028 3.46233 8.60451 3.52667 8.66667L6.08667 11.2267C6.14865 11.2892 6.22238 11.3387 6.30362 11.3726C6.38486 11.4064 6.472 11.4239 6.56001 11.4239C6.64802 11.4239 6.73515 11.4064 6.81639 11.3726C6.89763 11.3387 6.97137 11.2892 7.03334 11.2267L12.4733 5.78667C12.541 5.72424 12.595 5.64847 12.632 5.56414C12.6689 5.4798 12.688 5.38873 12.688 5.29667C12.688 5.2046 12.6689 5.11353 12.632 5.02919C12.595 4.94486 12.541 4.86909 12.4733 4.80667Z" fill="currentColor"></path>
+                    </svg>
+                  </span>
+                </label>
+              </div>
+              <div>
+                <button class="flex w-full h-14 py-2 px-4 mb-5 items-center justify-center text-base font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" type="submit">
+                  <span class="mr-2">LOGIN NOW</span>
+                  <svg width="25" height="24" viewbox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M18.4199 6.62C18.3185 6.37565 18.1243 6.18147 17.8799 6.08C17.7597 6.02876 17.6306 6.00158 17.4999 6H7.49994C7.23472 6 6.98037 6.10536 6.79283 6.29289C6.6053 6.48043 6.49994 6.73478 6.49994 7C6.49994 7.26522 6.6053 7.51957 6.79283 7.70711C6.98037 7.89464 7.23472 8 7.49994 8H15.0899L6.78994 16.29C6.69621 16.383 6.62182 16.4936 6.57105 16.6154C6.52028 16.7373 6.49414 16.868 6.49414 17C6.49414 17.132 6.52028 17.2627 6.57105 17.3846C6.62182 17.5064 6.69621 17.617 6.78994 17.71C6.8829 17.8037 6.9935 17.8781 7.11536 17.9289C7.23722 17.9797 7.36793 18.0058 7.49994 18.0058C7.63195 18.0058 7.76266 17.9797 7.88452 17.9289C8.00638 17.8781 8.11698 17.8037 8.20994 17.71L16.4999 9.41V17C16.4999 17.2652 16.6053 17.5196 16.7928 17.7071C16.9804 17.8946 17.2347 18 17.4999 18C17.7652 18 18.0195 17.8946 18.207 17.7071C18.3946 17.5196 18.4999 17.2652 18.4999 17V7C18.4984 6.86932 18.4712 6.74022 18.4199 6.62Z" fill="currentColor"></path>
+                  </svg>
+                </button>
+                <p class="text-sm font-medium text-white">
+                  <span>Don’t have an account?</span>
+                  <a class="inline-block text-sky-900 hover:text-sky-600" href="#">Sign up</a>
+                </p>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+    <div class="lg:hidden relative mt-20">
+      <img class="absolute top-0 left-0 sm:-mt-40" src="casper-assets/sign-in/blur-circle-left.png" alt="">
+      <img class="relative block mx-auto" src="casper-assets/sign-in/robot.png" alt="">
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-wwuJUCvE.html b/components/unsorted/casper-all-wwuJUCvE.html
new file mode 100644
index 0000000..a0afbd3
--- /dev/null
+++ b/components/unsorted/casper-all-wwuJUCvE.html
@@ -0,0 +1,31 @@
+<div><section class="relative py-12 md:py-20 bg-body overflow-hidden">
+    <div class="container mx-auto px-4">
+      <div class="max-w-lg lg:max-w-8xl mx-auto">
+        <div class="flex flex-wrap -mx-4">
+          <div class="w-full lg:w-3/5 px-4 mb-8 lg:mb-0">
+            <div class="h-full py-16 px-14 bg-gradient-to-br from-blueGray-700 via-blueGray-900 to-sky-900 rounded-3xl">
+              <div class="relative max-w-md mx-auto lg:mx-0">
+                <h2 class="max-w-sm font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-4">Start custom & build!</h2>
+                <p class="text-lg text-violet-300 tracking-tight mb-34">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+                <div class="flex mb-6 items-center">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M7.50002 6.00002C7.20334 6.00002 6.91333 6.08799 6.66666 6.25281C6.41999 6.41763 6.22773 6.6519 6.1142 6.92599C6.00067 7.20008 5.97096 7.50168 6.02884 7.79265C6.08672 8.08362 6.22958 8.3509 6.43936 8.56068C6.64914 8.77046 6.91641 8.91332 7.20738 8.97119C7.49835 9.02907 7.79995 8.99937 8.07404 8.88584C8.34813 8.7723 8.5824 8.58005 8.74722 8.33337C8.91204 8.0867 9.00002 7.79669 9.00002 7.50002C9.00002 7.10219 8.84198 6.72066 8.56068 6.43936C8.27937 6.15805 7.89784 6.00002 7.50002 6.00002ZM21.12 10.71L12.71 2.29002C12.6166 2.19734 12.5058 2.12401 12.3839 2.07425C12.2621 2.02448 12.1316 1.99926 12 2.00002H3.00002C2.7348 2.00002 2.48045 2.10537 2.29291 2.29291C2.10537 2.48045 2.00002 2.7348 2.00002 3.00002V12C1.99926 12.1316 2.02448 12.2621 2.07425 12.3839C2.12401 12.5058 2.19734 12.6166 2.29002 12.71L10.71 21.12C11.2725 21.6818 12.035 21.9974 12.83 21.9974C13.625 21.9974 14.3875 21.6818 14.95 21.12L21.12 15C21.6818 14.4375 21.9974 13.675 21.9974 12.88C21.9974 12.085 21.6818 11.3225 21.12 10.76V10.71ZM19.71 13.53L13.53 19.7C13.3427 19.8863 13.0892 19.9908 12.825 19.9908C12.5608 19.9908 12.3074 19.8863 12.12 19.7L4.00002 11.59V4.00002H11.59L19.71 12.12C19.8027 12.2135 19.876 12.3243 19.9258 12.4461C19.9756 12.5679 20.0008 12.6984 20 12.83C19.9989 13.0924 19.8948 13.3438 19.71 13.53Z" fill="#FFB11A"></path>
+                  </svg>
+                  <span class="ml-3 text-3xl font-medium text-white">Only $50</span>
+                </div>
+                <a class="group inline-flex w-full md:w-auto h-14 px-7 items-center justify-center text-base font-medium text-violet-900 hover:text-white bg-white hover:bg-violet-600 transition duration-200 rounded-full" href="#">
+                  <span class="mr-2">SEE OUR PLANS</span>
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="currentColor"></path>
+                  </svg>
+                </a>
+              </div>
+            </div>
+          </div>
+          <div class="w-full lg:w-2/5 px-4">
+            <img class="block w-full h-full object-cover object-left rounded-3xl" src="casper-assets/cta/image-robot-right.png" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-xMhBINpb.html b/components/unsorted/casper-all-xMhBINpb.html
new file mode 100644
index 0000000..9ff37c3
--- /dev/null
+++ b/components/unsorted/casper-all-xMhBINpb.html
@@ -0,0 +1,77 @@
+<div> <section class="relative py-12 sm:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="flex flex-wrap items-center -mx-4 mb-20">
+        <div class="relative w-full lg:w-1/2 px-4 order-last lg:order-first">
+          <div class="absolute top-0 right-0 -mt-10 -mr-20 w-135 h-135 bg-gradient-to-t from-violet-900 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+          <div class="relative max-w-md xl:max-w-xl mx-auto lg:mx-0 pr-6">
+            <img class="relative z-10 block w-full" src="casper-assets/features/image-left-chip.png" alt="">
+            <img class="absolute top-1/2 right-0 transform -translate-y-1/2 w-7 h-full py-6" src="casper-assets/features/shadow-first.png" alt="">
+            <img class="absolute top-1/2 right-0 transform -translate-y-1/2 -mr-6 h-full py-14 w-6" src="casper-assets/features/shadow-second.png" alt="">
+          </div>
+        </div>
+        <div class="relative w-full lg:w-1/2 px-4 mb-20 lg:mb-0">
+          <div class="max-w-sm xs:max-w-xl">
+            <span class="inline-flex items-center px-3.5 h-7 mb-8 text-xs font-medium text-white leading-6 bg-gradient-tag rounded-full">FEATURES</span>
+            <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight mb-8">Analytics & Insights</h2>
+            <p class="text-xl text-gray-400 mb-8">Casper is powered by state-of-the-art artificial intelligence and ensuring natural and meaningful interactions</p>
+            <a class="group inline-flex h-14 px-7 items-center justify-center text-base font-medium text-white hover:text-violet-500 bg-transparent hover:bg-white border-2 border-white transition duration-200 rounded-full" href="#">
+              <span class="mr-2">TRY IT NOW</span>
+              <span class="animate-spinSlow group-hover:animate-none">
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M11.9999 11C11.8021 11 11.6088 11.0586 11.4443 11.1685C11.2799 11.2784 11.1517 11.4346 11.076 11.6173C11.0003 11.8 10.9805 12.0011 11.0191 12.1951C11.0577 12.3891 11.153 12.5673 11.2928 12.7071C11.4327 12.847 11.6108 12.9422 11.8048 12.9808C11.9988 13.0194 12.1999 12.9996 12.3826 12.9239C12.5653 12.8482 12.7215 12.72 12.8314 12.5556C12.9413 12.3911 12.9999 12.1978 12.9999 12C12.9999 11.7348 12.8946 11.4804 12.707 11.2929C12.5195 11.1054 12.2651 11 11.9999 11ZM19.6199 12L19.7299 11.86C21.0799 10 21.3999 8.29 20.6599 7C19.9199 5.71 18.2599 5.14 15.9999 5.37H15.8199C14.9099 3.3 13.5599 2 11.9999 2C10.4399 2 9.08991 3.3 8.18991 5.4L7.99991 5.37C5.73991 5.14 4.07991 5.71 3.33991 7C2.59991 8.29 2.91991 10 4.26991 11.86L4.37991 12L4.26991 12.14C2.91991 14 2.59991 15.71 3.33991 17C3.99991 18.1 5.26991 18.68 6.99991 18.68C7.30991 18.68 7.62991 18.68 7.99991 18.63H8.17991C9.08991 20.7 10.4399 22 11.9999 22C13.5599 22 14.9099 20.7 15.8099 18.6H15.9899C16.3299 18.6 16.6499 18.65 16.9899 18.65C18.7599 18.65 20.0599 18.07 20.6899 16.97C21.4299 15.68 21.1099 13.97 19.7599 12.11L19.6199 12ZM5.06991 8C5.31991 7.56 6.06991 7.32 7.06991 7.32H7.55991C7.40321 7.93517 7.2863 8.5598 7.20991 9.19C6.70045 9.57537 6.21613 9.99288 5.75991 10.44C4.99991 9.44 4.77991 8.5 5.06991 8ZM5.06991 16C4.77991 15.5 5.06991 14.56 5.73991 13.53C6.19613 13.9771 6.68045 14.3946 7.18991 14.78C7.26631 15.4135 7.38322 16.0415 7.53991 16.66C6.29991 16.74 5.35991 16.5 5.06991 16ZM11.9999 4C12.5599 4 13.2299 4.66 13.7999 5.83C13.189 6.00731 12.5881 6.21762 11.9999 6.46C11.4117 6.21762 10.8109 6.00731 10.1999 5.83C10.7699 4.66 11.4399 4 11.9999 4ZM11.9999 20C11.4399 20 10.7699 19.34 10.1999 18.17C10.8109 17.9927 11.4117 17.7824 11.9999 17.54C12.5881 17.7824 13.189 17.9927 13.7999 18.17C13.2299 19.34 12.5599 20 11.9999 20ZM14.9299 13.69C14.4699 14.01 13.9999 14.31 13.4999 14.6C12.9999 14.89 12.4999 15.15 11.9999 15.38C11.4999 15.1467 10.9999 14.8867 10.4999 14.6C9.99991 14.31 9.49991 14.01 9.06991 13.69C8.99991 13.15 8.99991 12.59 8.99991 12C8.99991 11.41 8.99991 10.85 9.06991 10.31C9.52991 9.99 9.99991 9.69 10.4999 9.4C10.9999 9.11 11.4999 8.85 11.9999 8.62C12.4999 8.85333 12.9999 9.11333 13.4999 9.4C13.9999 9.69 14.4999 9.99 14.9299 10.31C14.9299 10.85 14.9999 11.41 14.9999 12C14.9999 12.59 14.9999 13.15 14.9299 13.69ZM18.9299 16C18.6399 16.5 17.6999 16.75 16.4599 16.66C16.6166 16.0415 16.7335 15.4135 16.8099 14.78C17.3194 14.3946 17.8037 13.9771 18.2599 13.53C18.9999 14.56 19.2199 15.5 18.9299 16ZM18.2599 10.47C17.8037 10.0229 17.3194 9.60537 16.8099 9.22C16.7335 8.5898 16.6166 7.96517 16.4599 7.35H16.9499C17.9499 7.35 18.6799 7.59 18.9499 8.03C19.2199 8.47 18.9999 9.44 18.2599 10.47Z" fill="currentColor"></path>
+                </svg>
+              </span>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="flex flex-wrap -mx-4 -mb-12 items-start">
+        <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-12">
+          <div class="max-w-md mx-auto md:max-w-none pt-8 border-t-2 border-white border-opacity-20">
+            <div class="flex mb-3 items-center justify-center h-8 w-8 rounded-full bg-green-600">
+              <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M7.78668 11.2865L10.5 13.9999L11.6933 12.8065C11.7628 12.7373 11.8162 12.6536 11.8496 12.5615C11.883 12.4693 11.8957 12.3708 11.8867 12.2732L11.4533 7.5332" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M6.24665 3.14L5.33331 4.08667M6.24665 11.64C6.30862 11.7025 6.38236 11.7521 6.46359 11.7859C6.54483 11.8198 6.63197 11.8372 6.71998 11.8372C6.80799 11.8372 6.89512 11.8198 6.97636 11.7859C7.0576 11.7521 7.13134 11.7025 7.19331 11.64L12.4666 6.36667C13.4475 5.38503 13.999 4.05438 14 2.66667C14 2.48986 13.9297 2.32029 13.8047 2.19526C13.6797 2.07024 13.5101 2 13.3333 2C11.9456 2.00101 10.615 2.55245 9.63331 3.53333L4.35998 8.80667C4.29749 8.86864 4.2479 8.94238 4.21405 9.02362C4.18021 9.10486 4.16278 9.19199 4.16278 9.28C4.16278 9.36801 4.18021 9.45515 4.21405 9.53638C4.2479 9.61762 4.29749 9.69136 4.35998 9.75333L6.24665 11.64ZM11.9133 10.6667L12.86 9.72667L11.9133 10.6667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M8.5 4.54649L3.72667 4.11315C3.62902 4.10417 3.5306 4.11684 3.43841 4.15026C3.34622 4.18368 3.26254 4.23702 3.19333 4.30649L2 5.49982L4.72667 8.22649" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </div>
+            <span class="text-xl font-medium text-gray-700">01. Personalized Experiences</span>
+          </div>
+        </div>
+        <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-12">
+          <div class="max-w-md mx-auto md:max-w-none pt-8 border-t-2 border-violet-700">
+            <div class="flex mb-3 items-center justify-center h-8 w-8 rounded-full bg-sky-500">
+              <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M4 6C4 3.79086 5.79086 2 8 2V2C10.2091 2 12 3.79086 12 6V10C12 12.2091 10.2091 14 8 14V14C5.79086 14 4 12.2091 4 10V6Z" stroke="white" stroke-width="1.5" stroke-linejoin="round"></path>
+                <path d="M8 4.66699L8 7.33366" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </div>
+            <span class="block text-xl font-medium text-white mb-3">02. Analytics & Insights</span>
+            <p class="text-sm text-gray-600 leading-6">Delivering personalized recommendations and tailored content</p>
+          </div>
+        </div>
+        <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-12">
+          <div class="max-w-md mx-auto md:max-w-none pt-8 border-t-2 border-white border-opacity-20">
+            <div class="flex mb-3 items-center justify-center h-8 w-8 rounded-full bg-yellow-700">
+              <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M2 2V1.25C1.58579 1.25 1.25 1.58579 1.25 2H2ZM12.1953 9.52866L11.512 9.21961C11.3834 9.50399 11.4443 9.8383 11.665 10.059L12.1953 9.52866ZM14 11.3333L14.5303 11.8637C14.8232 11.5708 14.8232 11.0959 14.5303 10.803L14 11.3333ZM11.3333 14L10.803 14.5303C11.0959 14.8232 11.5708 14.8232 11.8637 14.5303L11.3333 14ZM9.52866 12.1953L10.059 11.665C9.8383 11.4443 9.50399 11.3834 9.21961 11.512L9.52866 12.1953ZM7.33333 1.25H2V2.75H7.33333V1.25ZM13.4167 7.33333C13.4167 3.9736 10.6931 1.25 7.33333 1.25V2.75C9.86464 2.75 11.9167 4.80203 11.9167 7.33333H13.4167ZM12.8787 9.83771C13.2245 9.07299 13.4167 8.22459 13.4167 7.33333H11.9167C11.9167 8.00725 11.7717 8.64528 11.512 9.21961L12.8787 9.83771ZM11.665 10.059L13.4697 11.8637L14.5303 10.803L12.7257 8.99833L11.665 10.059ZM13.4697 10.803L10.803 13.4697L11.8637 14.5303L14.5303 11.8637L13.4697 10.803ZM11.8637 13.4697L10.059 11.665L8.99833 12.7257L10.803 14.5303L11.8637 13.4697ZM7.33333 13.4167C8.22459 13.4167 9.07299 13.2245 9.8377 12.8787L9.21961 11.512C8.64527 11.7717 8.00725 11.9167 7.33333 11.9167V13.4167ZM1.25 7.33333C1.25 10.6931 3.9736 13.4167 7.33333 13.4167V11.9167C4.80203 11.9167 2.75 9.86464 2.75 7.33333H1.25ZM1.25 2V7.33333H2.75V2H1.25Z" fill="white"></path>
+                <ellipse cx="7.33332" cy="7.33366" rx="1.33333" ry="1.33333" transform="rotate(-180 7.33332 7.33366)" fill="white"></ellipse>
+                <path d="M2 2L7.33333 7.33333" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </div>
+            <span class="text-xl font-medium text-gray-700">03. Ready 24/7 Availability</span>
+          </div>
+        </div>
+        <div class="w-full md:w-1/2 lg:w-1/4 px-4 mb-12">
+          <div class="max-w-md mx-auto md:max-w-none pt-8 border-t-2 border-white border-opacity-20">
+            <div class="flex mb-3 items-center justify-center h-8 w-8 rounded-full bg-red-800">
+              <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M8 8.66672C8.39556 8.66672 8.78224 8.54942 9.11114 8.32965C9.44004 8.10989 9.69638 7.79753 9.84776 7.43208C9.99914 7.06663 10.0387 6.6645 9.96157 6.27653C9.8844 5.88857 9.69392 5.53221 9.41421 5.2525C9.13451 4.9728 8.77814 4.78232 8.39018 4.70514C8.00222 4.62797 7.60009 4.66758 7.23463 4.81896C6.86918 4.97033 6.55682 5.22668 6.33706 5.55557C6.1173 5.88447 6 6.27115 6 6.66672C6 7.19715 6.21071 7.70586 6.58579 8.08093C6.96086 8.456 7.46957 8.66672 8 8.66672ZM8 6.00005C8.13185 6.00005 8.26075 6.03915 8.37038 6.1124C8.48001 6.18566 8.56546 6.28978 8.61592 6.41159C8.66638 6.53341 8.67958 6.66745 8.65386 6.79678C8.62813 6.9261 8.56464 7.04488 8.4714 7.13812C8.37817 7.23135 8.25938 7.29485 8.13006 7.32057C8.00074 7.3463 7.86669 7.33309 7.74488 7.28264C7.62306 7.23218 7.51894 7.14673 7.44569 7.0371C7.37243 6.92746 7.33333 6.79857 7.33333 6.66672C7.33333 6.4899 7.40357 6.32034 7.5286 6.19531C7.65362 6.07029 7.82319 6.00005 8 6.00005ZM14.3933 12.1067C14.0678 11.0271 13.4737 10.0476 12.6667 9.26005C13.1159 8.44809 13.3455 7.53297 13.3328 6.60511C13.3201 5.67725 13.0656 4.76875 12.5943 3.96939C12.123 3.17002 11.4513 2.50745 10.6456 2.04715C9.83984 1.58684 8.92795 1.34473 8 1.34473C7.07205 1.34473 6.16016 1.58684 5.35442 2.04715C4.54869 2.50745 3.87699 3.17002 3.40571 3.96939C2.93442 4.76875 2.67986 5.67725 2.66717 6.60511C2.65447 7.53297 2.88409 8.44809 3.33333 9.26005C2.52154 10.045 1.92473 11.0252 1.6 12.1067C1.51322 12.4033 1.49635 12.716 1.55071 13.0202C1.60508 13.3244 1.7292 13.6119 1.91333 13.86C2.10094 14.1124 2.3454 14.3169 2.62687 14.4571C2.90835 14.5973 3.2189 14.6691 3.53333 14.6667H12.4667C12.78 14.668 13.0892 14.5957 13.3694 14.4556C13.6497 14.3155 13.8931 14.1115 14.08 13.86C14.2641 13.6119 14.3883 13.3244 14.4426 13.0202C14.497 12.716 14.4801 12.4033 14.3933 12.1067ZM8 2.66672C8.79113 2.66672 9.56448 2.90131 10.2223 3.34084C10.8801 3.78036 11.3928 4.40508 11.6955 5.13598C11.9983 5.86689 12.0775 6.67115 11.9231 7.44708C11.7688 8.223 11.3878 8.93573 10.8284 9.49514C10.269 10.0546 9.55628 10.4355 8.78036 10.5899C8.00444 10.7442 7.20017 10.665 6.46927 10.3622C5.73836 10.0595 5.11365 9.54679 4.67412 8.889C4.2346 8.2312 4 7.45784 4 6.66672C4 5.60585 4.42143 4.58843 5.17157 3.83829C5.92172 3.08814 6.93913 2.66672 8 2.66672ZM13.0133 13.06C12.9506 13.1459 12.8683 13.2155 12.7732 13.2631C12.6781 13.3106 12.573 13.3347 12.4667 13.3334H3.53333C3.42702 13.3347 3.32193 13.3106 3.22683 13.2631C3.13173 13.2155 3.04939 13.1459 2.98667 13.06C2.92672 12.9775 2.88653 12.8822 2.8692 12.7817C2.85186 12.6811 2.85784 12.5779 2.88667 12.48C3.12598 11.6742 3.55588 10.9379 4.14 10.3334C4.63807 10.8558 5.23698 11.2716 5.90048 11.5557C6.56397 11.8399 7.27823 11.9864 8 11.9864C8.72177 11.9864 9.43603 11.8399 10.0995 11.5557C10.763 11.2716 11.3619 10.8558 11.86 10.3334C12.4441 10.9379 12.874 11.6742 13.1133 12.48C13.1422 12.5779 13.1481 12.6811 13.1308 12.7817C13.1135 12.8822 13.0733 12.9775 13.0133 13.06Z" fill="white"></path>
+              </svg>
+            </div>
+            <span class="text-xl font-medium text-gray-700">04. Intelligent Conversations</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-xVEaELnY.html b/components/unsorted/casper-all-xVEaELnY.html
new file mode 100644
index 0000000..707b359
--- /dev/null
+++ b/components/unsorted/casper-all-xVEaELnY.html
@@ -0,0 +1,40 @@
+<div><section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 right-0 -mt-96 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+      <img class="hidden md:block absolute top-0 left-0 z-10 animate-spinStar" src="casper-assets/content/blink-star.png" alt="">
+      <div class="relative max-w-4xl mx-auto mb-12">
+        <div class="text-center mb-12">
+          <span class="block text-sm font-medium text-sky-900 mb-4">BLOG CATEGORY</span>
+          <h2 class="font-heading text-4xl xs:text-5xl font-medium text-white tracking-tight">Mi quisque ultrices hendrerit nec aliquet integer mollis faucibus</h2>
+        </div>
+        <div class="sm:flex items-center justify-between">
+          <div class="flex items-center mb-10 sm:mb-0">
+            <img class="mr-5" src="casper-assets/content/avatar.png" alt="">
+            <div>
+              <span class="block text-lg text-white font-medium">Rakabuming Suhu</span>
+              <span class="text-gray-600">Editor</span>
+            </div>
+          </div>
+          <div class="flex items-center">
+            <span class="mr-5 font-medium text-white tracking-tight">Share</span>
+            <a class="flex items-center justify-center w-12 h-12 mr-3 rounded-full bg-sky-900 hover:bg-violet-600 transition duration-150" href="#">
+              <svg width="21" height="20" viewbox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19.6668 2.49999C18.8688 3.06289 17.9853 3.49341 17.0502 3.77499C16.5483 3.19791 15.8813 2.7889 15.1394 2.60326C14.3974 2.41762 13.6164 2.46432 12.9019 2.73703C12.1874 3.00975 11.5739 3.49532 11.1443 4.12808C10.7148 4.76085 10.4899 5.51027 10.5002 6.27499V7.10832C9.03569 7.14629 7.58456 6.8215 6.276 6.16286C4.96745 5.50422 3.84209 4.53218 3.00016 3.33332C3.00016 3.33332 -0.333171 10.8333 7.16683 14.1667C5.4506 15.3316 3.40613 15.9158 1.3335 15.8333C8.8335 20 18.0002 15.8333 18.0002 6.24999C17.9994 6.01787 17.9771 5.78632 17.9335 5.55832C18.784 4.71957 19.3842 3.66058 19.6668 2.49999Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </a>
+            <a class="flex items-center justify-center w-12 h-12 rounded-full bg-blue-500 hover:bg-violet-600 transition duration-150" href="#">
+              <svg width="21" height="20" viewbox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M15.5002 1.66666H13.0002C11.8951 1.66666 10.8353 2.10564 10.0539 2.88704C9.27248 3.66845 8.8335 4.72825 8.8335 5.83332V8.33332H6.3335V11.6667H8.8335V18.3333H12.1668V11.6667H14.6668L15.5002 8.33332H12.1668V5.83332C12.1668 5.61231 12.2546 5.40035 12.4109 5.24407C12.5672 5.08779 12.7791 4.99999 13.0002 4.99999H15.5002V1.66666Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+      <img class="block w-full h-112 object-cover rounded-3xl mb-12" src="casper-assets/content/image-lg.png" alt="">
+      <div class="max-w-4xl mx-auto">
+        <h3 class="text-2xl text-gray-50 font-medium mb-8">Heading goes here</h3>
+        <p class="text-lg tracking-tight text-gray-200 mb-4">Pellentesque ipsum nulla in eget interdum a. Neque pellentesque pulvinar mauris pulvinar diam. Turpis aliquet pellentesque velit vitae nisi sed morbi ultrices sed. Egestas interdum elit integer nec pharetra eget blandit dolor purus. A sed nisi congue morbi fermentum blandit. Turpis pretium dignissim risus ultrices purus et amet netus nibh.</p>
+        <p class="text-lg tracking-tight text-gray-200">Vestibulum est ante in congue a fusce nunc. At tristique donec nisi viverra vulputate blandit orci at lectus. Morbi cras urna congue ornare. Mi magna vestibulum tortor id nec tortor non. Enim orci lorem egestas sed morbi dui mauris etiam nulla. Euismod cursus viverra ut ac eu sit quam amet tempor. Id in suspendisse nam sit vitae ullamcorper mollis et ut.</p>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-xvyiAtAj.html b/components/unsorted/casper-all-xvyiAtAj.html
new file mode 100644
index 0000000..fd3f2b1
--- /dev/null
+++ b/components/unsorted/casper-all-xvyiAtAj.html
@@ -0,0 +1,48 @@
+<div><section class="relative bg-violet-900 overflow-hidden">
+    <div class="absolute top-0 left-0 h-full w-full md:w-2/3 xl:w-3/5">
+      <img class="relative block h-full w-full" src="casper-assets/download/bg-gradient-lg-square.png" alt="">
+      <img class="hidden md:block absolute bottom-0 right-0 md:-mr-80 lg:-mr-112 z-10 max-w-xl lg:max-w-none" src="casper-assets/download/phone-robot.png" alt="">
+      <img class="hidden md:block absolute bottom-0 right-0 md:-mr-80 lg:-mr-128 xl:-mr-148 max-w-md lg:max-w-2xl xl:max-w-3xl z-10" src="casper-assets/download/phone-vertival-white.png" alt="">
+    </div>
+    <div class="relative container mx-auto px-4">
+      <div class="relative max-w-sm lg:max-w-md xl:max-w-lg mx-auto md:mx-0 py-12 md:py-24 lg:py-40">
+        <h2 class="font-heading text-4xl md:text-5xl lg:text-6xl font-medium tracking-tight mb-3">Get Benefit with Casper App</h2>
+        <p class="max-w-md text-lg tracking-tight mb-2">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+        <ul class="mb-16">
+          <li class="flex items-center mb-3">
+            <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9936 4.47982 15.5202 0.00642897 10 0Z" fill="#25CA8E"></path>
+              <path d="M14.4733 6.80667C14.4114 6.74418 14.3376 6.69458 14.2564 6.66074C14.1752 6.62689 14.088 6.60947 14 6.60947C13.912 6.60947 13.8249 6.62689 13.7436 6.66074C13.6624 6.69458 13.5886 6.74418 13.5267 6.80667L8.56001 11.78L6.47334 9.68667C6.40899 9.62451 6.33303 9.57563 6.2498 9.54283C6.16656 9.51003 6.07768 9.49394 5.98822 9.49549C5.89877 9.49703 5.8105 9.51619 5.72844 9.55185C5.64639 9.58751 5.57217 9.63898 5.51001 9.70333C5.44785 9.76768 5.39897 9.84364 5.36617 9.92688C5.33337 10.0101 5.31728 10.099 5.31883 10.1885C5.32038 10.2779 5.33953 10.3662 5.37519 10.4482C5.41085 10.5303 5.46233 10.6045 5.52667 10.6667L8.08667 13.2267C8.14865 13.2892 8.22238 13.3387 8.30362 13.3726C8.38486 13.4064 8.472 13.4239 8.56001 13.4239C8.64802 13.4239 8.73515 13.4064 8.81639 13.3726C8.89763 13.3387 8.97137 13.2892 9.03334 13.2267L14.4733 7.78667C14.541 7.72424 14.595 7.64847 14.632 7.56414C14.6689 7.4798 14.688 7.38873 14.688 7.29667C14.688 7.2046 14.6689 7.11353 14.632 7.02919C14.595 6.94486 14.541 6.86909 14.4733 6.80667Z" fill="black"></path>
+            </svg>
+            <span class="ml-2 tracking-tight">Unlimited Upload Files</span>
+          </li>
+          <li class="flex items-center mb-3">
+            <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9936 4.47982 15.5202 0.00642897 10 0Z" fill="#25CA8E"></path>
+              <path d="M14.4733 6.80667C14.4114 6.74418 14.3376 6.69458 14.2564 6.66074C14.1752 6.62689 14.088 6.60947 14 6.60947C13.912 6.60947 13.8249 6.62689 13.7436 6.66074C13.6624 6.69458 13.5886 6.74418 13.5267 6.80667L8.56001 11.78L6.47334 9.68667C6.40899 9.62451 6.33303 9.57563 6.2498 9.54283C6.16656 9.51003 6.07768 9.49394 5.98822 9.49549C5.89877 9.49703 5.8105 9.51619 5.72844 9.55185C5.64639 9.58751 5.57217 9.63898 5.51001 9.70333C5.44785 9.76768 5.39897 9.84364 5.36617 9.92688C5.33337 10.0101 5.31728 10.099 5.31883 10.1885C5.32038 10.2779 5.33953 10.3662 5.37519 10.4482C5.41085 10.5303 5.46233 10.6045 5.52667 10.6667L8.08667 13.2267C8.14865 13.2892 8.22238 13.3387 8.30362 13.3726C8.38486 13.4064 8.472 13.4239 8.56001 13.4239C8.64802 13.4239 8.73515 13.4064 8.81639 13.3726C8.89763 13.3387 8.97137 13.2892 9.03334 13.2267L14.4733 7.78667C14.541 7.72424 14.595 7.64847 14.632 7.56414C14.6689 7.4798 14.688 7.38873 14.688 7.29667C14.688 7.2046 14.6689 7.11353 14.632 7.02919C14.595 6.94486 14.541 6.86909 14.4733 6.80667Z" fill="black"></path>
+            </svg>
+            <span class="ml-2 tracking-tight">Advanced Statistic With Smart System</span>
+          </li>
+          <li class="flex items-center">
+            <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9936 4.47982 15.5202 0.00642897 10 0Z" fill="#25CA8E"></path>
+              <path d="M14.4733 6.80667C14.4114 6.74418 14.3376 6.69458 14.2564 6.66074C14.1752 6.62689 14.088 6.60947 14 6.60947C13.912 6.60947 13.8249 6.62689 13.7436 6.66074C13.6624 6.69458 13.5886 6.74418 13.5267 6.80667L8.56001 11.78L6.47334 9.68667C6.40899 9.62451 6.33303 9.57563 6.2498 9.54283C6.16656 9.51003 6.07768 9.49394 5.98822 9.49549C5.89877 9.49703 5.8105 9.51619 5.72844 9.55185C5.64639 9.58751 5.57217 9.63898 5.51001 9.70333C5.44785 9.76768 5.39897 9.84364 5.36617 9.92688C5.33337 10.0101 5.31728 10.099 5.31883 10.1885C5.32038 10.2779 5.33953 10.3662 5.37519 10.4482C5.41085 10.5303 5.46233 10.6045 5.52667 10.6667L8.08667 13.2267C8.14865 13.2892 8.22238 13.3387 8.30362 13.3726C8.38486 13.4064 8.472 13.4239 8.56001 13.4239C8.64802 13.4239 8.73515 13.4064 8.81639 13.3726C8.89763 13.3387 8.97137 13.2892 9.03334 13.2267L14.4733 7.78667C14.541 7.72424 14.595 7.64847 14.632 7.56414C14.6689 7.4798 14.688 7.38873 14.688 7.29667C14.688 7.2046 14.6689 7.11353 14.632 7.02919C14.595 6.94486 14.541 6.86909 14.4733 6.80667Z" fill="black"></path>
+            </svg>
+            <span class="ml-2 tracking-tight">Powered by state-of-the-art AI</span>
+          </li>
+        </ul>
+        <div class="flex items-center flex-row">
+          <a class="inline-block h-16 xs:h-12 mr-3" href="#">
+            <img class="block h-full object-contain" src="casper-assets/download/button1.png" alt="">
+          </a>
+          <a class="inline-block h-16 xs:h-12" href="#">
+            <img class="block h-full object-contain" src="casper-assets/download/button2.png" alt="">
+          </a>
+        </div>
+      </div>
+    </div>
+    <div class="relative h-80 sm:h-96 mt-32 md:hidden bg-violet-900">
+      <img class="absolute bottom-0 right-0 -mr-6 sm:-mr-0 z-10 h-80 sm:h-112" src="casper-assets/download/phone-robot.png" alt="">
+      <img class="absolute bottom-0 right-0 mr-6 sm:mr-0 h-96 sm:h-128" src="casper-assets/download/phone-vertival-white.png" alt="">
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-yqZLDnIM.html b/components/unsorted/casper-all-yqZLDnIM.html
new file mode 100644
index 0000000..f3b8753
--- /dev/null
+++ b/components/unsorted/casper-all-yqZLDnIM.html
@@ -0,0 +1,28 @@
+<div><section class="relative py-12 md:py-24 lg:py-32 bg-body overflow-hidden">
+    <div class="absolute top-0 right-0 -mt-40 -mr-20 w-148 h-148 bg-gradient-to-t from-blue-500 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+    <div class="absolute top-0 right-0 mr-60 w-148 h-148 bg-gradient-to-t from-purple-600 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+    <div class="container mx-auto px-4">
+      <div class="relative max-w-lg lg:max-w-8xl mx-auto px-8 py-20 sm:px-20 rounded-3xl overflow-hidden">
+        <img class="absolute top-0 left-0 w-full h-full object-cover" src="casper-assets/stats/bg-gradient.png" alt="">
+        <div class="flex flex-wrap items-center -mx-4">
+          <div class="relative z-10 w-full lg:w-1/2 px-4 mb-20 lg:mb-0">
+            <div class="max-w-md xl:max-w-xl mx-auto">
+              <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-black tracking-tight mb-3">Our Targets</h2>
+              <p class="max-w-sm xl:max-w-md text-lg text-gray-900 mb-16">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+              <a class="inline-flex h-14 py-2 px-7 mb-5 items-center justify-center text-base font-medium uppercase text-black hover:text-white bg-violet-500 hover:bg-violet-600 transition duration-200 rounded-full" href="#">
+                <span class="mr-2">LOGIN NOW</span>
+                <svg width="25" height="24" viewbox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M18.4199 6.62C18.3185 6.37565 18.1243 6.18147 17.8799 6.08C17.7597 6.02876 17.6306 6.00158 17.4999 6H7.49994C7.23472 6 6.98037 6.10536 6.79283 6.29289C6.6053 6.48043 6.49994 6.73478 6.49994 7C6.49994 7.26522 6.6053 7.51957 6.79283 7.70711C6.98037 7.89464 7.23472 8 7.49994 8H15.0899L6.78994 16.29C6.69621 16.383 6.62182 16.4936 6.57105 16.6154C6.52028 16.7373 6.49414 16.868 6.49414 17C6.49414 17.132 6.52028 17.2627 6.57105 17.3846C6.62182 17.5064 6.69621 17.617 6.78994 17.71C6.8829 17.8037 6.9935 17.8781 7.11536 17.9289C7.23722 17.9797 7.36793 18.0058 7.49994 18.0058C7.63195 18.0058 7.76266 17.9797 7.88452 17.9289C8.00638 17.8781 8.11698 17.8037 8.20994 17.71L16.4999 9.41V17C16.4999 17.2652 16.6053 17.5196 16.7928 17.7071C16.9804 17.8946 17.2347 18 17.4999 18C17.7652 18 18.0195 17.8946 18.207 17.7071C18.3946 17.5196 18.4999 17.2652 18.4999 17V7C18.4984 6.86932 18.4712 6.74022 18.4199 6.62Z" fill="currentColor"></path>
+                </svg>
+              </a>
+            </div>
+          </div>
+          <div class="relative w-full lg:w-1/2 px-4">
+            <div class="max-w-xs mx-auto lg:mr-0">
+              <img src="casper-assets/stats/dashboard-bg-none.png" alt="">
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section> </div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-zPyhCUYv.html b/components/unsorted/casper-all-zPyhCUYv.html
new file mode 100644
index 0000000..e06ba01
--- /dev/null
+++ b/components/unsorted/casper-all-zPyhCUYv.html
@@ -0,0 +1,61 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="relative max-w-lg lg:max-w-8xl mx-auto">
+        <div class="absolute top-0 left-0 -ml-64 -mt-80 w-186 h-186 bg-gradient-to-t from-purple-600 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+        <div class="absolute bottom-0 right-0 w-186 h-186 bg-gradient-to-t from-violet-700 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
+        <div class="relative">
+          <div class="max-w-2xl mx-auto mb-18 text-center">
+            <span class="block text-lg text-gray-500 tracking-tight mb-6">Type Caption Here</span>
+            <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl md:text-7xl font-medium text-white tracking-tight">Blog & Articles</h2>
+          </div>
+          <div class="flex flex-wrap -mx-4">
+            <div class="w-full lg:w-1/2 px-4 mb-16 lg:mb-0">
+              <a class="block" href="#">
+                <img class="block mb-5 w-full" src="casper-assets/blog/blog-5-article1.png" alt="">
+                <div class="max-w-lg">
+                  <span class="block text-base tracking-tight text-gray-200 opacity-70 mb-5">Jul 20, 2022</span>
+                  <h3 class="text-3xl font-medium text-white mb-5">Consectures Dummy Content Velit officia consequat duis enim velit</h3>
+                  <p class="text-lg tracking-tight text-gray-100 opacity-60">Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit xercitation.</p>
+                </div>
+              </a>
+            </div>
+            <div class="w-full lg:w-1/2 px-4">
+              <a class="flex flex-wrap items-center -mx-4 mb-8" href="#">
+                <div class="w-full sm:w-1/3 px-4 mb-6 sm:mb-0">
+                  <img class="block h-40 object-cover rounded-lg" src="casper-assets/blog/blog-5-article2.png" alt="">
+                </div>
+                <div class="w-full sm:w-2/3 px-4">
+                  <div class="max-w-xs">
+                    <span class="block text-base tracking-tight text-gray-200 opacity-70 mb-2">Jul 20, 2022</span>
+                    <h3 class="text-xl font-medium text-white tracking-tight leading-relaxed">Consectures Content Velitpato officia consequat duis enim velit mollit</h3>
+                  </div>
+                </div>
+              </a>
+              <a class="flex flex-wrap items-center -mx-4 mb-8" href="#">
+                <div class="w-full sm:w-1/3 px-4 mb-6 sm:mb-0">
+                  <img class="block h-40 object-cover rounded-lg" src="casper-assets/blog/blog-5-article3.png" alt="">
+                </div>
+                <div class="w-full sm:w-2/3 px-4">
+                  <div class="max-w-xs">
+                    <span class="block text-base tracking-tight text-gray-200 opacity-70 mb-2">Jul 20, 2022</span>
+                    <h3 class="text-xl font-medium text-white tracking-tight leading-relaxed">Consectures Content Velitpato officia consequat duis enim velit mollit</h3>
+                  </div>
+                </div>
+              </a>
+              <a class="flex flex-wrap items-center -mx-4" href="#">
+                <div class="w-full sm:w-1/3 px-4 mb-6 sm:mb-0">
+                  <img class="block h-40 object-cover rounded-lg" src="casper-assets/blog/blog-5-article4.png" alt="">
+                </div>
+                <div class="w-full sm:w-2/3 px-4">
+                  <div class="max-w-xs">
+                    <span class="block text-base tracking-tight text-gray-200 opacity-70 mb-2">Jul 20, 2022</span>
+                    <h3 class="text-xl font-medium text-white tracking-tight leading-relaxed">Consectures Content Velitpato officia consequat duis enim velit mollit</h3>
+                  </div>
+                </div>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/components/unsorted/casper-all-znozteZT.html b/components/unsorted/casper-all-znozteZT.html
new file mode 100644
index 0000000..b7df555
--- /dev/null
+++ b/components/unsorted/casper-all-znozteZT.html
@@ -0,0 +1,196 @@
+<div> <section class="relative py-12 md:py-24 bg-body overflow-hidden">
+    <div class="relative container mx-auto px-4">
+      <div class="absolute top-0 left-0 ml-52 -mt-40 w-160 h-160 bg-gradient-to-t from-purple-600 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="absolute top-0 left-0 ml-148 -mt-40 w-135 h-135 bg-gradient-to-t from-blue-500 to-darkBlue-900 rounded-full filter blur-4xl"></div>
+      <div class="relative">
+        <div class="max-w-xl mx-auto mb-16 text-center">
+          <h2 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-2">Careers at Casper</h2>
+          <p class="text-xl text-gray-500">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
+        </div>
+        <div class="max-w-2xl lg:max-w-8xl mx-auto">
+          <div class="flex flex-wrap -mx-4 -mb-8">
+            <div class="w-full lg:w-1/2 px-4 mb-8">
+              <a class="block p-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10 hover:bg-opacity-20" href="#">
+                <div class="flex flex-wrap items-start -mx-4">
+                  <div class="w-full sm:w-4/5 sm:flex items-center px-4">
+                    <img class="h-full rounded-lg" src="casper-assets/careers/little-photo-1.png" alt="">
+                    <div class="mt-6 sm:mt-0 sm:ml-6">
+                      <h3 class="text-2xl text-white font-medium">Product Designer</h3>
+                      <p class="text-sm text-gray-500 mb-2">Excepteur sint occaecat cupidatat non proident.</p>
+                      <div class="inline-flex mr-8 items-center">
+                        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                          <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <span class="ml-2 text-sm font-medium text-white">Ponorogo</span>
+                      </div>
+                      <div class="inline-flex items-center">
+                        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                          <path d="M12 6V12L16 14" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <span class="ml-2 text-sm font-medium text-white">Full-time</span>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="w-auto ml-auto mb-1 sm:mb-0 px-4 order-first sm:order-last">
+                    <span class="inline-block py-px px-1 text-xs font-medium text-black bg-sky-900 rounded">Design</span>
+                  </div>
+                </div>
+              </a>
+            </div>
+            <div class="w-full lg:w-1/2 px-4 mb-8">
+              <a class="block p-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10 hover:bg-opacity-20" href="#">
+                <div class="flex flex-wrap items-start -mx-4">
+                  <div class="w-full sm:w-4/5 sm:flex items-center px-4">
+                    <img class="h-full rounded-lg" src="casper-assets/careers/little-photo-2.png" alt="">
+                    <div class="mt-6 sm:mt-0 sm:ml-6">
+                      <h3 class="text-2xl text-white font-medium">Marketing Manager</h3>
+                      <p class="text-sm text-gray-500 mb-2">Excepteur sint occaecat cupidatat non proident.</p>
+                      <div class="inline-flex mr-8 items-center">
+                        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                          <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <span class="ml-2 text-sm font-medium text-white">Tokyo</span>
+                      </div>
+                      <div class="inline-flex items-center">
+                        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                          <path d="M12 6V12L16 14" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <span class="ml-2 text-sm font-medium text-white">Full-time</span>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="w-auto ml-auto mb-1 sm:mb-0 px-4 order-first sm:order-last">
+                    <span class="inline-block py-px px-1 text-xs font-medium text-black bg-red-500 rounded">Marketing</span>
+                  </div>
+                </div>
+              </a>
+            </div>
+            <div class="w-full lg:w-1/2 px-4 mb-8">
+              <a class="block p-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10 hover:bg-opacity-20" href="#">
+                <div class="flex flex-wrap items-start -mx-4">
+                  <div class="w-full sm:w-4/5 sm:flex items-center px-4">
+                    <img class="h-full rounded-lg" src="casper-assets/careers/little-photo-3.png" alt="">
+                    <div class="mt-6 sm:mt-0 sm:ml-6">
+                      <h3 class="text-2xl text-white font-medium">Sr. Mobile Developer</h3>
+                      <p class="text-sm text-gray-500 mb-2">Excepteur sint occaecat cupidatat non proident.</p>
+                      <div class="inline-flex mr-8 items-center">
+                        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                          <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <span class="ml-2 text-sm font-medium text-white">New York</span>
+                      </div>
+                      <div class="inline-flex items-center">
+                        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                          <path d="M12 6V12L16 14" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <span class="ml-2 text-sm font-medium text-white">Full-time</span>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="w-auto ml-auto mb-1 sm:mb-0 px-4 order-first sm:order-last">
+                    <span class="inline-block py-px px-1 text-xs font-medium text-black bg-yellow-600 rounded">Developer</span>
+                  </div>
+                </div>
+              </a>
+            </div>
+            <div class="w-full lg:w-1/2 px-4 mb-8">
+              <a class="block p-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10 hover:bg-opacity-20" href="#">
+                <div class="flex flex-wrap items-start -mx-4">
+                  <div class="w-full sm:w-4/5 sm:flex items-center px-4">
+                    <img class="h-full rounded-lg" src="casper-assets/careers/little-photo-4.png" alt="">
+                    <div class="mt-6 sm:mt-0 sm:ml-6">
+                      <h3 class="text-2xl text-white font-medium">Sr. UX Designer</h3>
+                      <p class="text-sm text-gray-500 mb-2">Excepteur sint occaecat cupidatat non proident.</p>
+                      <div class="inline-flex mr-8 items-center">
+                        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                          <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <span class="ml-2 text-sm font-medium text-white">Ponorogo</span>
+                      </div>
+                      <div class="inline-flex items-center">
+                        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                          <path d="M12 6V12L16 14" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <span class="ml-2 text-sm font-medium text-white">Full-time</span>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="w-auto ml-auto mb-1 sm:mb-0 px-4 order-first sm:order-last">
+                    <span class="inline-block py-px px-1 text-xs font-medium text-black bg-sky-900 rounded">Design</span>
+                  </div>
+                </div>
+              </a>
+            </div>
+            <div class="w-full lg:w-1/2 px-4 mb-8">
+              <a class="block p-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10 hover:bg-opacity-20" href="#">
+                <div class="flex flex-wrap items-start -mx-4">
+                  <div class="w-full sm:w-4/5 sm:flex items-center px-4">
+                    <img class="h-full rounded-lg" src="casper-assets/careers/little-photo-4.png" alt="">
+                    <div class="mt-6 sm:mt-0 sm:ml-6">
+                      <h3 class="text-2xl text-white font-medium">3D Model</h3>
+                      <p class="text-sm text-gray-500 mb-2">Excepteur sint occaecat cupidatat non proident.</p>
+                      <div class="inline-flex mr-8 items-center">
+                        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                          <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <span class="ml-2 text-sm font-medium text-white">Ponorogo</span>
+                      </div>
+                      <div class="inline-flex items-center">
+                        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                          <path d="M12 6V12L16 14" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <span class="ml-2 text-sm font-medium text-white">Full-time</span>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="w-auto ml-auto mb-1 sm:mb-0 px-4 order-first sm:order-last">
+                    <span class="inline-block py-px px-1 text-xs font-medium text-black bg-sky-900 rounded">Graphic</span>
+                  </div>
+                </div>
+              </a>
+            </div>
+            <div class="w-full lg:w-1/2 px-4 mb-8">
+              <a class="block p-6 rounded-3xl shadow-box-violet overflow-hidden bg-white bg-opacity-10 hover:bg-opacity-20" href="#">
+                <div class="flex flex-wrap items-start -mx-4">
+                  <div class="w-full sm:w-4/5 sm:flex items-center px-4">
+                    <img class="h-full rounded-lg" src="casper-assets/careers/little-photo-5.png" alt="">
+                    <div class="mt-6 sm:mt-0 sm:ml-6">
+                      <h3 class="text-2xl text-white font-medium">UX Researcher</h3>
+                      <p class="text-sm text-gray-500 mb-2">Excepteur sint occaecat cupidatat non proident.</p>
+                      <div class="inline-flex mr-8 items-center">
+                        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                          <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#994DE6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <span class="ml-2 text-sm font-medium text-white">Tokyo</span>
+                      </div>
+                      <div class="inline-flex items-center">
+                        <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                          <path d="M12 6V12L16 14" stroke="#4DCFEC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <span class="ml-2 text-sm font-medium text-white">Full-time</span>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="w-auto ml-auto mb-1 sm:mb-0 px-4 order-first sm:order-last">
+                    <span class="inline-block py-px px-1 text-xs font-medium text-black bg-teal-500 rounded">Experience</span>
+                  </div>
+                </div>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section></div>
\ No newline at end of file
diff --git a/make.js b/make.js
index 5a66647..bae3594 100644
--- a/make.js
+++ b/make.js
@@ -1,7 +1,7 @@
 const fs = require('fs');
 const { exec } = require('child_process');
 
-const extraname = "flex-all-"
+const extraname = "casper-all-"
 
 function generateRandomFileName() {
   const characters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';