Posts List

Welcome to my new blog

Lorem ipsum dolor My old blog sit amet consectetur adipisicing elit. Officiis pariatur labore doloremque unde nam! Accusamus minima, incidunt corrupti quos mollitia saepe, officiis sunt quam, fugiat deserunt fuga dicta quasi iste. Maxime repellat assumenda non praesentium voluptatibus ut, necessitatibus cum culpa dignissimos vitae voluptates nemo officiis? Ullam, voluptatem debitis, iure iusto perferendis necessitatibus nobis asperiores beatae dolor, magni laborum dolores. Recusandae. Doloremque velit sunt aut id nisi aspernatur blanditiis autem eos odio nostrum repellat, culpa est dolore, cupiditate ad iste repellendus incidunt dolorem numquam qui hic voluptas. At laudantium molestias ipsa! Tempore doloribus quidem rem atque alias omnis eveniet optio ea minus provident, placeat enim voluptate hic asperiores? Distinctio, porro dignissimos. Modi neque natus corrupti architecto eos unde repellat cumque odit. Nisi omnis pariatur quibusdam quis cum aliquid distinctio alias repellendus dicta dolorum nesciunt soluta ea, fuga mollitia ratione nobis similique? Placeat quia velit voluptas facilis tempora assumenda, pariatur labore? In. Debitis, tempora ut velit inventore earum voluptatibus, soluta laboriosam quasi voluptas libero rerum quas impedit. Quam sapiente molestiae recusandae voluptatum eos excepturi dolorum, qui ducimus vero, quidem doloremque atque asperiores! Magni recusandae reiciendis ex eos? Optio deleniti vel consequuntur autem voluptatem excepturi quisquam eaque corporis quod impedit ad in cum odit ea, enim fugit quos quasi expedita, suscipit nam minima. Doloribus dolorem modi, aperiam voluptatem laudantium, ea quasi velit minus explicabo autem iure voluptates vero. Odit eveniet, aperiam incidunt dignissimos, aspernatur nihil consequatur odio est eaque sit dolores quidem aut! Atque aperiam in libero laboriosam quos quisquam harum voluptas repudiandae voluptatibus architecto eligendi nesciunt nam quaerat aliquid tempore corrupti maiores ut id, eveniet, consectetur totam dignissimos nobis. Numquam, ratione velit! Similique magni aperiam minus magnam aspernatur quaerat inventore, obcaecati odio vel harum et quae atque odit ut suscipit vitae, voluptas dolor iste, nesciunt ab velit possimus. Labore voluptas veritatis nihil?

• One
• Two
• Three

1. Hello
2. World

import Link from "next/link";

import { SquareArrowOutUpRight } from "lucide-react";
import { SocialLink } from "~/types/ui/social-link";

export function SocialCardLink({ link, icon, title }: SocialLink) {
	return (
		<Link
			href={link}
			target="_blank"
			className="relative flex gap-4 items-center bg-neutral-950 hover:bg-neutral-900 rounded-md border
							 border-neutral-900 px-4 py-3 hover:duration-500 hover:transition-all group w-full"
		>
			<div
				className="absolute -top-1 -right-1.5 z-10 opacity-0 group-hover:opacity-100
                  transform translate-y-1 group-hover:-translate-y-1
                  transition-all duration-500 ease-in-out"
			>
				<SquareArrowOutUpRight className="h-4 w-4" strokeWidth="3" />
			</div>

			<div>{icon}</div>
			{title}
		</Link>
	);
}