Begin migrate to leptos

src_old/components/social_link/SocialLink.tsx

@@ -0,0 +1,18 @@
+import react, { ReactNode } from 'react'
+
+type SocialLinkProps = {
+    icon: ReactNode,
+    url: string,
+    name: string
+}
+
+function SocialLink({ icon, url, name }: SocialLinkProps) {
+    return (
+        <a className="social_link" href={url} target="_blank">
+            {icon}
+            <span>{name}</span>
+        </a>
+    )
+}
+
+export default SocialLink

src_old/components/social_link/SocialLinks.scss

@@ -0,0 +1,13 @@
+.social_links {
+    @apply flex gap-5 justify-center flex-wrap my-5;
+
+    & > .social_link {
+        & > svg {
+            @apply mx-auto scale-150 mb-1;
+        }
+
+        & > span {
+            @apply text-sm;
+        }
+    }
+}

src_old/components/social_link/SocialLinks.tsx

@@ -0,0 +1,16 @@
+import './SocialLinks.scss'
+import react, { ReactNode } from 'react'
+
+type SocialLinksProps = {
+    children: ReactNode
+}
+
+function SocialLinks({ children }: SocialLinksProps) {
+    return (
+        <div className='social_links'>
+            {children}
+        </div>
+    )
+}
+
+export default SocialLinks