<script lang="ts">
    import Sqmenu from "$lib/sqmenu.svelte";
    import type { MenuData } from "$lib/classes/menudata"
    import About from "$lib/about.svelte";
    import Link from "$lib/link.svelte";

    let menudata: MenuData[] = [{menuLink: '/abtme', menuName:'About me'}, {menuLink: '/blog', menuName:'Blog'}, {menuLink: '/temps', menuName:'Temps'}, {menuLink: '/openmeteo', menuName:'Dades Open Meteo'}]
</script>
<section id="main">
    <About who={'me'} headerImage={'/jo_web.jpg'}>
        <h1 class="text-xl">Hi there! I am <strong>Pau Figueras</strong>, <span class="text-xl">a bioinformatician and web developer</span></h1>
        <p class="text-lg">To know more about me check the <Link {...{text: "About me", link: "/abtme", underline: 'hover', asCode: true}} /> page</p>
    </About>
</section>
<section id="menu">
    <Sqmenu {menudata} />
</section>
