Merge pull request #12 from undb-xyz/fix-bugs

undb-xyz · May 7, 2023 · de670bc · de670bc · vercel · May 7, 2023
2 parents 05aae94 + 3d68037
commit de670bc
Show file tree

Hide file tree

Showing 9 changed files with 641 additions and 643 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/public/github.svg b/public/github.svg
diff --git a/public/undb.png b/public/undb.png
diff --git a/src/components/AppFooter.astro b/src/components/AppFooter.astro
@@ -55,9 +55,9 @@ import { Icon } from "astro-icon";
                 <span>Discord</span>
               </a>
             </li>
-            <!-- <li>
+            <li>
               <a
-                href="#"
+                href="https://twitter.com/unified_undb"
                 class="flex items-center space-x-3 transition hover:text-primary"
               >
                 <svg
@@ -73,7 +73,7 @@ import { Icon } from "astro-icon";
                 <span>Twitter</span>
               </a>
             </li>
-            <li>
+            <!--<li>
               <a
                 href="#"
                 class="flex items-center space-x-3 transition hover:text-primary"
@@ -162,10 +162,10 @@ import { Icon } from "astro-icon";
                 />
                 <span>Patreon</span>
               </a>
-            </li>
+            </li> -->
             <li>
               <a
-                href="#"
+                href="https://instagram.com/unified_undb"
                 class="flex items-center space-x-3 transition hover:text-primary"
               >
                 <svg
@@ -180,7 +180,7 @@ import { Icon } from "astro-icon";
                 </svg>
                 <span>Instagram</span>
               </a>
-            </li> -->
+            </li>
           </ul>
         </div>
         <div

diff --git a/src/components/CallToAction.astro b/src/components/CallToAction.astro
@@ -8,7 +8,7 @@ import Container from "./Container.astro";
     class="absolute inset-0 h-max w-full m-auto grid grid-cols-2 -space-x-52 opacity-40 dark:opacity-20"
   >
     <div
-      class="blur-[106px] h-56 bg-gradient-to-br from-primary to-purple-400 dark:from-blue-700"
+      class="blur-[106px] h-56 bg-gradient-to-br from-sky-400 to-cyan-400 dark:from-blue-700"
     >
     </div>
     <div
@@ -74,9 +74,14 @@ import Container from "./Container.astro";
             href="https://demo.undb.xyz/"
             class="relative flex h-12 w-full items-center justify-center px-8 before:absolute before:inset-0 before:rounded-full before:bg-primary before:transition before:duration-300 hover:before:scale-105 active:duration-75 active:before:scale-95 sm:w-max"
           >
+            <img
+              src="/github.svg"
+              alt=""
+              class="w-[20px] fill-{#ffffff} z-50 mr-2"
+            />
             <span
               class="relative text-base font-semibold text-white dark:text-dark"
-              >Get Started</span
+              >Github</span
             >
           </a>
           <a

diff --git a/src/components/HeroSection.astro b/src/components/HeroSection.astro
@@ -8,7 +8,7 @@ import Container from "./Container.astro";
     class="absolute inset-0 grid grid-cols-2 -space-x-52 opacity-40 dark:opacity-20"
   >
     <div
-      class="blur-[106px] h-56 bg-gradient-to-br from-primary to-purple-400 dark:from-blue-700"
+      class="blur-[106px] h-56 bg-gradient-to-br from-sky-400 to-cyan-400 dark:from-blue-700"
     >
     </div>
     <div
@@ -36,8 +36,13 @@ import Container from "./Container.astro";
             href="https://github.com/undb-xyz/undb"
             class="relative flex h-11 w-full items-center justify-center px-6 before:absolute before:inset-0 before:rounded-full before:bg-primary before:transition before:duration-300 hover:before:scale-105 active:duration-75 active:before:scale-95 sm:w-max"
           >
+            <img
+              src="/github.svg"
+              alt=""
+              class="w-[20px] fill-{#ffffff} z-50 mr-2"
+            />
             <span class="relative text-base font-semibold text-white"
-              >Get started</span
+              >Github</span
             >
           </a>
           <a

diff --git a/src/components/Stats.astro b/src/components/Stats.astro
@@ -1,66 +1,37 @@
 ---
-import Container from "./Container.astro";
-import { Icon } from "astro-icon";
-const { src = "/undb.png" } = Astro.props;
+import Container from './Container.astro'
+import { Icon } from 'astro-icon'
+const { src = '/undb.png' } = Astro.props
 ---
 
 <div id="demo">
   <Container>
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      fill="currentColor"
-      class="w-6 h-6 text-sky-500"
-    >
-      <path
-        fill-rule="evenodd"
-        d="M2.25 13.5a8.25 8.25 0 018.25-8.25.75.75 0 01.75.75v6.75H18a.75.75 0 01.75.75 8.25 8.25 0 01-16.5 0z"
-        clip-rule="evenodd"></path>
-      <path
-        fill-rule="evenodd"
-        d="M12.75 3a.75.75 0 01.75-.75 8.25 8.25 0 018.25 8.25.75.75 0 01-.75.75h-7.5a.75.75 0 01-.75-.75V3z"
-        clip-rule="evenodd"></path>
-    </svg>
-
     <div
       class="space-y-6 justify-between text-gray-600 md:flex flex-row-reverse md:gap-6 md:space-y-0 lg:gap-12 lg:items-center"
     >
-      <div class="md:5/12 lg:w-1/2">
-        <div class="hidden lg:block relative h-[120%] w-[150%]">
-          <img
-            class="object-cover w-[150%] h-[120%] blur-[2px]"
-            src={src}
-            alt=""
-            decoding="async"
-          />
-          <a
-            class="button has-icon outline color-white lg:absolute w-38 h-10 left-[50%] top-[50%] translate-x-[-40%] translate-y-[-50%] flex justify-start p-1 rounded-sm border-black gap-2 leading-[32px]"
-            href="https://demo.undb.xyz"
-            target="_blank"
-          >
-            <Icon pack="ion" name="cube-outline" />
-            Live Demo
-          </a>
-        </div>
-      </div>
       <div class="md:7/12 lg:w-1/2">
-        <h2
-          class="text-3xl font-bold text-gray-900 md:text-4xl dark:text-white my-8"
-        >
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6 text-sky-500">
+          <path
+            fill-rule="evenodd"
+            d="M2.25 13.5a8.25 8.25 0 018.25-8.25.75.75 0 01.75.75v6.75H18a.75.75 0 01.75.75 8.25 8.25 0 01-16.5 0z"
+            clip-rule="evenodd"></path>
+          <path
+            fill-rule="evenodd"
+            d="M12.75 3a.75.75 0 01.75-.75 8.25 8.25 0 018.25 8.25.75.75 0 01-.75.75h-7.5a.75.75 0 01-.75-.75V3z"
+            clip-rule="evenodd"></path>
+        </svg>
+        <h2 class="text-3xl font-bold text-gray-900 md:text-4xl dark:text-white my-8">
           Sincerely invite you to try Undb
         </h2>
         <p class="my-8 text-gray-600 dark:text-gray-300">
-          Undb is delighted to meet you all. We hope you can try it out and
-          provide valuable feedback and suggestions. <br />
-          <br /> Undb is currently in the early stages of open source development
-          and is not recommended for production use. Please note that once the demo
-          website is redeployed, the previous table data will be cleared.
+          Undb is delighted to meet you all. We hope you can try it out and provide valuable feedback and suggestions. <br
+          />
+          <br /> Undb is currently in the early stages of open source development and is not recommended for production use.
+          Please note that once the demo website is redeployed, the previous table data will be cleared.
         </p>
         <div class="divide-y space-y-4 divide-gray-100 dark:divide-gray-800">
           <div class="mt-8 flex gap-4 md:items-center">
-            <div
-              class="w-12 h-12 flex gap-4 rounded-full bg-indigo-100 dark:bg-indigo-900/20"
-            >
+            <div class="w-12 h-12 flex gap-4 rounded-full bg-indigo-100 dark:bg-indigo-900/20">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 24 24"
@@ -88,32 +59,45 @@ const { src = "/undb.png" } = Astro.props;
             </div>
           </div>
           <!-- <div class="pt-4 flex gap-4 md:items-center">
-            <div
-              class="w-12 h-12 flex gap-4 rounded-full bg-teal-100 dark:bg-teal-900/20"
+          <div
+            class="w-12 h-12 flex gap-4 rounded-full bg-teal-100 dark:bg-teal-900/20"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              fill="currentColor"
+              class="w-6 h-6 m-auto text-teal-600 dark:text-teal-400"
             >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 24 24"
-                fill="currentColor"
-                class="w-6 h-6 m-auto text-teal-600 dark:text-teal-400"
-              >
-                <path
-                  fill-rule="evenodd"
-                  d="M11.54 22.351l.07.04.028.016a.76.76 0 00.723 0l.028-.015.071-.041a16.975 16.975 0 001.144-.742 19.58 19.58 0 002.683-2.282c1.944-1.99 3.963-4.98 3.963-8.827a8.25 8.25 0 00-16.5 0c0 3.846 2.02 6.837 3.963 8.827a19.58 19.58 0 002.682 2.282 16.975 16.975 0 001.145.742zM12 13.5a3 3 0 100-6 3 3 0 000 6z"
-                  clip-rule="evenodd"></path>
-              </svg>
-            </div>
-            <div class="w-5/6">
-              <h4
-                class="font-semibold text-lg text-gray-700 dark:text-teal-300"
-              >
-                Real Time Location
-              </h4>
-              <p class="text-gray-500 dark:text-gray-400">
-                Asperiores nemo possimus nesciunt quam mollitia.
-              </p>
-            </div>
-          </div> -->
+              <path
+                fill-rule="evenodd"
+                d="M11.54 22.351l.07.04.028.016a.76.76 0 00.723 0l.028-.015.071-.041a16.975 16.975 0 001.144-.742 19.58 19.58 0 002.683-2.282c1.944-1.99 3.963-4.98 3.963-8.827a8.25 8.25 0 00-16.5 0c0 3.846 2.02 6.837 3.963 8.827a19.58 19.58 0 002.682 2.282 16.975 16.975 0 001.145.742zM12 13.5a3 3 0 100-6 3 3 0 000 6z"
+                clip-rule="evenodd"></path>
+            </svg>
+          </div>
+          <div class="w-5/6">
+            <h4
+              class="font-semibold text-lg text-gray-700 dark:text-teal-300"
+            >
+              Real Time Location
+            </h4>
+            <p class="text-gray-500 dark:text-gray-400">
+              Asperiores nemo possimus nesciunt quam mollitia.
+            </p>
+          </div>
+        </div> -->
+        </div>
+      </div>
+      <div class="md:5/12 lg:w-2/5">
+        <div class="lg:block relative h-[120%] w-[110%] mt-[40px]">
+          <img class="object-cover w-[150%] h-[120%] blur-[2px]" src={src} alt="" decoding="async" />
+          <a
+            class="button has-icon outline color-white lg:absolute h-10 left-[50%] top-[50%] translate-x-[-40%] translate-y-[-50%] inline-flex items-center justify-start flex-nowrap p-2 rounded-sm border-black gap-2 leading-[32px] hover:scale-110 transition"
+            href="https://demo.undb.xyz"
+            target="_blank"
+          >
+            <Icon pack="ion" name="cube-outline" class="w-5 h-5" />
+            <span class="whitespace-nowrap"> Live Demo</span>
+          </a>
         </div>
       </div>
     </div>

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -11,8 +11,8 @@ import Scenarios from "../components/Scenarios.astro";
 <Layout title="Welcome to Undb.">
   <main class="space-y-40 mb-40 overflow-x-hidden">
     <HeroSection />
-    <Features />
     <Stats />
+    <Features />
     <LiveDemo />
     <CallToAction />
     <Scenarios />

diff --git a/tailwind.config.cjs b/tailwind.config.cjs
@@ -15,7 +15,7 @@ module.exports = {
       inherit: colors.inherit,
       current: colors.current,
       transparent: colors.transparent,
-      primary: "#9333EA",
+      primary: "#1d4ed8",
       secondary: "#ff7e33",
       info: "#0C63E7",
       black: colors.black,