import H1 from "@/src/components/lib/layout/H1";
import Link from "@/src/components/lib/layout/Link";
import Row from "@/src/components/lib/layout/Row";
import Section from "@/src/components/lib/layout/Section";
import Span from "@/src/components/lib/layout/Span";
import Stack from "@/src/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>
                    Need help with CI/CD, cost optimization, or production
                    reliability? Book a call or send a message.
                </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>
    );
}
