import H1 from "@/src/components/lib/layout/H1";
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 { AppContext } from "@/src/pages/__root";
import React from "react";

export default function Hero() {
    const { pageProps } = React.useContext(AppContext);

    return (
        <Section>
            <Stack className="w-full gap-0">
                <H1 className="leading-snug">Tech Musings</H1>
                <Span>
                    A few takes and tips from my experience and knowledge in the
                    tech industry
                </Span>
            </Stack>
        </Section>
    );
}
