<template>
  <div class="min-h-screen bg-background">
    <div class="container mx-auto px-4 py-8">
      <h1 class="text-4xl font-bold text-foreground mb-4">
        VFX Project Management System
      </h1>
      <p class="text-muted-foreground text-lg">
        Welcome to the VFX Project Management System. This application will help you manage
        animation and VFX production workflows.
      </p>
      <div class="mt-8">
        <router-link 
          to="/login" 
          class="inline-flex items-center px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors"
        >
          Get Started
        </router-link>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
// Home view component
</script>