feat: add basic landing background

layers/core/app/components/LandingBackground.vue

@@ -0,0 +1,30 @@
+<template>
+  <div
+    class="absolute left-[calc(50%-4rem)] top-10 -z-10 transform-gpu blur-3xl sm:left-[calc(50%-18rem)] lg:left-48 lg:top-[calc(50%-30rem)] xl:left-[calc(50%-24rem)] right-0"
+    aria-hidden="true"
+  >
+    <div
+      class="aspect-[1108/632] w-full bg-gradient-to-r from-[rgb(var(--color-primary-DEFAULT))] to-white/20 opacity-20"
+      style="
+        clip-path: polygon(
+          73.6% 51.7%,
+          91.7% 11.8%,
+          100% 46.4%,
+          97.4% 82.2%,
+          92.5% 84.9%,
+          75.7% 64%,
+          55.3% 47.5%,
+          46.5% 49.4%,
+          45% 62.9%,
+          50.3% 87.2%,
+          21.3% 64.1%,
+          0.1% 100%,
+          5.4% 51.1%,
+          21.4% 63.9%,
+          58.9% 0.2%,
+          73.6% 51.7%
+        );
+      "
+    ></div>
+  </div>
+</template>

layers/core/app/pages/index.vue

@@ -75,6 +75,7 @@ const hero = computed(() => {
 
 <template>
   <ULandingHero v-if="hero" v-bind="hero">
+    <LandingBackground />
     <template #title>
       <MDC :value="hero.title" />
     </template>