import EmptyContent from "@/components/lib/elements/EmptyContent";
import H1 from "@/components/lib/layout/H1";
import Section from "@/components/lib/layout/Section";
import Span from "@/components/lib/layout/Span";
import Stack from "@/components/lib/layout/Stack";
import { AppContext } from "@/pages/_app";
import React from "react";

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

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