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

<template>
  <div class="h-full w-full flex flex-row">
    <img class="rounded-full h-[450px] w-[450px] m-10" src="/photo_web.JPG" />
    <div class="mt-8 flex flex-col">
        <h1 class="text-6xl w-[640px]">{{ title }}</h1>
        <h3 class="text-4xl font-normal w-[640px] h-[200px] overflow-hidden text-ellipsis">{{ description }}</h3>
        <h3 class="text-3xl font-light italic text-gray-500 mt-2 ml-[420px]">Read more...</h3>
    </div>
  </div>
</template>