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

<template>
  <div class="h-full w-[90%] m-auto flex flex-row bg-white">
    <img class="rounded-full h-[450px] w-[450px] m-10" src="/photo_web.JPG" />
    <div class="mt-8 flex flex-col">
        <h1 class="text-5xl w-[530px]">{{ title }}</h1>
        <h3 class="text-3xl font-normal w-[530px] h-[215px] overflow-hidden text-ellipsis">{{ description }}</h3>
        <h3 class="text-2xl font-light italic text-gray-500 mt-2 ml-[410px]">Read more...</h3>
    </div>
  </div>
</template>