mirror of
https://github.com/Radiquum/radiquum.github.io.git
synced 2025-09-05 05:55:37 +05:00
63 lines
1.6 KiB
TypeScript
63 lines
1.6 KiB
TypeScript
import Link from "next/link";
|
|
import { IconWithText } from "../components/IconWithText";
|
|
import { Section } from "../components/Section";
|
|
|
|
const links = [
|
|
{
|
|
icon: "/icons/uim_twitter.svg",
|
|
text: "Twitter",
|
|
desc: "@radiquum",
|
|
url: "https://x.com/radiquum",
|
|
},
|
|
{
|
|
icon: "/icons/ri_bluesky-fill.svg",
|
|
text: "BlueSky",
|
|
desc: "@radiquum.wah.su",
|
|
url: "https://bsky.app/profile/radiquum.wah.su",
|
|
},
|
|
{
|
|
icon: "/icons/mdi_mastodon.svg",
|
|
text: "Mastodon",
|
|
desc: "@radiquum@furry.engineer",
|
|
url: "https://furry.engineer/@radiquum",
|
|
},
|
|
{
|
|
icon: "/icons/ic_baseline-telegram.svg",
|
|
text: "Telegram",
|
|
desc: "@radiquumprojects",
|
|
url: "https://t.me/radiquumprojects",
|
|
},
|
|
{
|
|
icon: "/icons/ri_vk-fill.svg",
|
|
text: "Vkontakte",
|
|
desc: "@radiquum",
|
|
url: "https://vk.com/radiquum",
|
|
},
|
|
{
|
|
icon: "/icons/ri_pixelfed-fill.svg",
|
|
text: "Pixey",
|
|
desc: "@radiquum@pixey.org",
|
|
url: "https://pixey.org/@radiquum",
|
|
},
|
|
{
|
|
icon: "/icons/ri_pixelfed-fill.svg",
|
|
text: "Instafops",
|
|
desc: "@radiquwum@Instafops.net",
|
|
url: "https://instafops.net/@radiquwum",
|
|
},
|
|
];
|
|
|
|
export const Socials = () => {
|
|
return (
|
|
<Section>
|
|
<h2 className="text-4xl md:text-5xl border-1 px-3 py-2 rounded-xl border-white/5 bg-[#161213]/25">Socials</h2>
|
|
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-2">
|
|
{links.map((item) => (
|
|
<Link href={item.url} key={`socials.link.${item.text}`}>
|
|
<IconWithText icon={item.icon} text={item.text} desc={item.desc} />
|
|
</Link>
|
|
))}
|
|
</div>
|
|
</Section>
|
|
);
|
|
};
|