feat: initial commit

(cherry picked from commit 44c4d7b9521fe449e61edc614446195861932f8c)

src/components/widget/Profile.astro

@@ -0,0 +1,26 @@
+---
+import ImageBox from "../misc/ImageBox.astro";
+import ButtonLight from "../control/Button.astro";
+import {getConfig} from "../../utils/config-utils";
+interface props {
+
+}
+const className = Astro.props
+
+const vConf = getConfig();
+
+---
+<div class="card-base" transition:persist>
+    <ImageBox src={vConf.profile.avatar} class="w-full rounded-2xl mb-3"></ImageBox>
+    <div class="font-bold text-lg text-center mb-1 dark:text-neutral-50 transition">{vConf.profile.author}</div>
+    <div class="h-1 w-5 bg-[var(--primary)] mx-auto rounded-full mb-3 transition"></div>
+    <div class="text-center text-neutral-400 mb-2 transition">{vConf.profile.subtitle}</div>
+    <div class="flex gap-2 mx-2 justify-center mb-4">
+        {vConf.profile.links.map(item =>
+            <a href={item.url} target="_blank">
+                <ButtonLight isIcon iconName={item.icon} regular height="40px"></ButtonLight>
+            </a>
+        )}
+    </div>
+</div>
+