<template>
  <div class="min-h-screen flex">
    <!-- Left Side: Image (70%) -->
    <div class="hidden lg:block lg:w-[70%] relative overflow-hidden bg-gray-900">
      <img :src="sidebarImage" class="absolute inset-0 h-full w-full object-cover opacity-90" alt="Caregiving" />
    </div>

    <!-- Right Side: Form (30%) -->
    <div class="w-full lg:w-[30%] flex flex-col justify-center px-6 py-12 lg:px-8 bg-white">
      <router-view></router-view>
    </div>
  </div>
</template>

<script setup>
import sidebarImage from '../assets/auth_sidebar.png';
</script>
