---
import { Image } from "astro:assets";
import SocialLinks from "../components/SocialLinks.astro";
import TechLinks from "../components/TechLinks.astro";
import Layout from "../layouts/Layout.astro";
import { config } from "../config";
import Logo from "../components/Logo.astro";
---

<Layout
    title={config.siteConfig.pageOpenGraph.home.title}
    description={config.siteConfig.pageOpenGraph.home.description}
    ogImage={config.siteConfig.pageOpenGraph.home.image}
    ogType={config.siteConfig.pageOpenGraph.home.type}
>
    <Logo />

    <h1 class="text-primary text-4xl sm:text-6xl font-bold text-center">
        {config.personalInfo.name}
    </h1>

    <h2 class="text-xl sm:text-3xl font-bold text-center mx-6">
        {config.personalInfo.tagline}
    </h2>

    <h3 class="text-lg sm:text-2xl font-bold">
        {config.homepageSections.socialLinks.title}
    </h3>

    <SocialLinks />

    <h3 class="text-lg sm:text-2xl font-bold">
        {config.homepageSections.techStack.title}
    </h3>

    <TechLinks />
</Layout>
