feat: server side strings

packages/website-ue/src/components/HomeHero.astro

@@ -1,10 +1,17 @@
 ---
 import { MagnifyingGlassIcon } from "@radix-ui/react-icons";
+import { api } from "../core/api/dynamic";
 import { BlitzKitIcon } from "../icons/BlitzKit";
 import { Code } from "./Code";
 import { TextField } from "./TextField";
 
-const strings = { home: { search: "test" } };
+interface Props {
+  locale: string;
+}
+
+const { locale } = Astro.props;
+
+const strings = await api.strings(locale);
 ---
 
 <style>
@@ -39,7 +46,10 @@ const strings = { home: { search: "test" } };
         width: 100%;
         height: 100%;
 
-        background: linear-gradient(transparent, var(--gray-1));
+        background: linear-gradient(
+          color-mix(in srgb, transparent 50%, var(--gray-1)),
+          var(--gray-1)
+        );
       }
     }