<script>
  import { fade } from 'svelte/transition'
  let { data } = $props()
</script>

<div class="portfolio" transition:fade>
  <div class="portfolio__container">
    <h1>{data?.title || 'Portfolio'}</h1>
    <p>Portfolio view - To be implemented</p>
  </div>
</div>

<style>
  .portfolio {
    min-height: 100vh;
    padding: 8rem 2rem 4rem;
    color: #fff;
  }

  .portfolio__container {
    max-width: 1200px;
    margin: 0 auto;
  }
</style>
