new-personal-site/components/pages/contact/index.tsx
2024-12-09 16:36:17 +01:00

29 lines
1.0 KiB
TypeScript

import H1 from "@/components/lib/layout/H1";
import Link from "@/components/lib/layout/Link";
import Row from "@/components/lib/layout/Row";
import Section from "@/components/lib/layout/Section";
import Span from "@/components/lib/layout/Span";
import Stack from "@/components/lib/layout/Stack";
import { Mail } from "lucide-react";
export default function Main() {
return (
<Section>
<Stack className="w-full max-w-full xl:max-w-[50vw]">
<H1 className="leading-snug">Contact Me</H1>
<Span>
Have a great idea? Want to collaborate? Let's make it
happen.
</Span>
<Link href="mailto:ben@tben.me" className="border-none">
<Row className="items-center">
<Mail size={20} className="mt-1" />
<Span className="text-2xl">ben@tben.me</Span>
</Row>
</Link>
</Stack>
</Section>
);
}