<script setup lang="ts">
const props = defineProps<{
    title: string
}>()
</script>

<template>
  <div class="h-full w-[90%] m-auto flex flex-row bg-white">
    <img class="rounded-full h-[450px] w-[450px] ml-20 m-10" src="/photo_web.JPG" />
    <div class="mt-8 flex flex-col">
        <h1 class="text-7xl w-[550px]">{{ title }}</h1>
        <h2 class="text-5xl font-normal w-[550px]">Valentin Haudiquet</h2>
        <h3 class="text-3xl font-normal w-[550px]">Software engineer at Canonical</h3>
        <h4 class="text-2xl font-normal w-[550px]">Working on Ubuntu support for RISC-V architecture</h4>
    </div>
  </div>
</template>