.

components/extra/exat1.html

@@ -0,0 +1,33 @@
+<section class="py-12 md:py-24 bg-gray-900">
+    <div class="container px-4 mx-auto">
+      <div class="text-center">
+        <h3 class="font-heading tracking-tight text-4xl md:text-5xl font-bold text-white mb-20">Let the numbers do the talking</h3>
+        <div class="flex flex-wrap -mx-4 -mb-12">
+          <div class="w-full xs:w-1/2 lg:w-1/4 px-4 mb-12">
+            <div>
+              <span class="block mb-4 text-5xl text-transparent bg-clip-text bg-gradient-to-b font-bold from-cyanGreen-800 via-green-700 to-cyan-600">4.7</span>
+              <span class="text-lg text-gray-400">Stars on App Store</span>
+            </div>
+          </div>
+          <div class="w-full xs:w-1/2 lg:w-1/4 px-4 mb-12">
+            <div>
+              <span class="block mb-4 text-5xl text-transparent bg-clip-text bg-gradient-to-b font-bold from-cyanGreen-800 via-green-700 to-cyan-600">2M+</span>
+              <span class="text-lg text-gray-400">Happy Global Users</span>
+            </div>
+          </div>
+          <div class="w-full xs:w-1/2 lg:w-1/4 px-4 mb-12">
+            <div>
+              <span class="block mb-4 text-5xl text-transparent bg-clip-text bg-gradient-to-b font-bold from-cyanGreen-800 via-green-700 to-cyan-600">150+</span>
+              <span class="text-lg text-gray-400">File Extensions Supported</span>
+            </div>
+          </div>
+          <div class="w-full xs:w-1/2 lg:w-1/4 px-4 mb-12">
+            <div>
+              <span class="block mb-4 text-5xl text-transparent bg-clip-text bg-gradient-to-b font-bold from-cyanGreen-800 via-green-700 to-cyan-600">80%</span>
+              <span class="text-lg text-gray-400">Productivity Increased</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>