feat: socials

esc-chula · Feb 2, 2024 · 2359394 · 2359394
1 parent faa7075
commit 2359394
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -17,6 +17,8 @@
     "@astrojs/tailwind": "^5.1.0",
     "@fontsource/ibm-plex-sans-thai": "5.0.8",
     "@fontsource/mitr": "5.0.8",
+    "@iconify-json/fa6-brands": "1.1.18",
+    "@iconify-json/skill-icons": "1.1.7",
     "@nanostores/persistent": "0.9.1",
     "@nanostores/react": "0.7.1",
     "@types/react": "^18.2.48",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/register-page/Hero.tsx b/src/components/register-page/Hero.tsx
@@ -55,6 +55,23 @@ const Hero = (): JSX.Element => {
       >
         {cocktail ? "ทำแบบทดสอบอีกครั้ง" : "เริ่มต้นการทำแบบทดสอบ"}
       </button>
+
+      <div className="flex flex-col items-center justify-center gap-2">
+        <a href="https://www.instagram.com/gearfestival_official/">
+          <button className="flex flex-row justify-center gap-4 rounded-lg bg-primary px-4 py-2 font-bold text-white">
+            <i className="icon-[skill-icons--instagram] h-6 w-6"></i>
+            gearfestival_official
+          </button>
+        </a>
+        <a href="https://www.tiktok.com/@gearfestival_official">
+          <button className="flex flex-row justify-center gap-4 rounded-lg bg-primary px-4 py-2 font-bold text-white">
+            <div className="flex h-6 w-6 flex-col items-center justify-center rounded bg-black">
+              <i className="icon-[fa6-brands--tiktok] h-4 w-4"></i>
+            </div>
+            gearfestival_official
+          </button>
+        </a>
+      </div>
     </div>
   );
 };