<template>
  <div class="container mx-auto p-8">
    <div class="text-center py-16">
      <h2 class="text-4xl font-bold text-gray-800 mb-6">欢迎使用 AutoRobot</h2>
      <p class="text-xl text-gray-600 mb-10 max-w-2xl mx-auto">
        这是一个用于自动化控制和监控的应用程序，请从上方导航栏选择您需要的功能。
      </p>
      <div class="flex flex-wrap justify-center gap-6">
        <router-link 
          to="/ide"
          class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 rounded-lg text-lg font-semibold transition-colors shadow-lg"
        >
          打开IDE界面
        </router-link>
        <router-link 
          to="/home"
          class="bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-lg text-lg font-semibold transition-colors shadow-lg"
        >
          进入控制面板
        </router-link>
        <router-link 
          to="/framework-test"
          class="bg-purple-600 hover:bg-purple-700 text-white px-8 py-4 rounded-lg text-lg font-semibold transition-colors shadow-lg"
        >
          框架测试
        </router-link>
        <router-link 
          to="/dock-panel-demo"
          class="bg-orange-600 hover:bg-orange-700 text-white px-8 py-4 rounded-lg text-lg font-semibold transition-colors shadow-lg"
        >
          停靠面板演示
        </router-link>
      </div>
    </div>
  </div>
</template>

<script setup>
import { RouterLink } from 'vue-router';
</script>

<style scoped>
/* 主页样式 */
</style>