"use client";

import NextLink from "next/link";
import { Separator } from "@/components/ui/separator";

export default function SocialLinks() {
  return (
    <div>
      <h1 className="text-4xl font-semibold">Socials</h1>
      <Separator />
      <div className="mt-4">
        <p>Follow us on other platforms!</p>
        <ul className="list-disc pl-5 mt-2 space-y-1">
          <li>TikTok: @radiusproxy</li>
          <li>YouTube: @RadiusProxy</li>
          <li>
            Discord:{" "}
            <NextLink
              href="https://discord.gg/JrAxQz7Qkw"
              target="_blank"
              className="text-blue-500 underline"
            >
              Join Now!
            </NextLink>
          </li>
        </ul>
      </div>
    </div>
  );
}
