62 lines
2.3 KiB
Vue
62 lines
2.3 KiB
Vue
|
<template>
|
|||
|
|
<div class="max-w-7xl mx-auto px-8 py-16">
|
|||
|
|
<div class="text-center mb-16">
|
|||
|
|
<h1 class="text-5xl font-bold mb-4 text-gray-900">Cut AI</h1>
|
|||
|
|
<p class="text-xl text-gray-700 mb-8">
|
|||
|
|
一站式 AI 影像製作工具
|
|||
|
|
</p>
|
|||
|
|
<BaseButton variant="primary" @click="navigateToDashboard">
|
|||
|
|
開始使用
|
|||
|
|
</BaseButton>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
|
|||
|
|
<BaseCard variant="elevated" class="hover:shadow-2xl transition-all hover:-translate-y-1 active:scale-95">
|
|||
|
|
<h3 class="text-xl font-semibold mb-4 text-gray-900">AI 分鏡表</h3>
|
|||
|
|
<p class="text-gray-700 mb-4">
|
|||
|
|
輸入故事內容，AI 自動生成專業分鏡表
|
|||
|
|
</p>
|
|||
|
|
<BaseButton variant="outline" @click="() => navigateTo('/app/ai-storyboard')">
|
|||
|
|
前往
|
|||
|
|
</BaseButton>
|
|||
|
|
</BaseCard>
|
|||
|
|
|
|||
|
|
<BaseCard variant="elevated" class="hover:shadow-2xl transition-all hover:-translate-y-1 active:scale-95">
|
|||
|
|
<h3 class="text-xl font-semibold mb-4 text-gray-900">AI 攝影機</h3>
|
|||
|
|
<p class="text-gray-700 mb-4">
|
|||
|
|
上傳圖片，AI 分析鏡位與運鏡建議
|
|||
|
|
</p>
|
|||
|
|
<BaseButton variant="outline" @click="() => navigateTo('/app/ai-camera')">
|
|||
|
|
前往
|
|||
|
|
</BaseButton>
|
|||
|
|
</BaseCard>
|
|||
|
|
|
|||
|
|
<BaseCard variant="elevated" class="hover:shadow-2xl transition-all hover:-translate-y-1 active:scale-95">
|
|||
|
|
<h3 class="text-xl font-semibold mb-4 text-gray-900">Sora 導演</h3>
|
|||
|
|
<p class="text-gray-700 mb-4">
|
|||
|
|
一句話 prompt，AI 生成影片規劃
|
|||
|
|
</p>
|
|||
|
|
<BaseButton variant="outline" @click="() => navigateTo('/app/sora-director')">
|
|||
|
|
前往
|
|||
|
|
</BaseButton>
|
|||
|
|
</BaseCard>
|
|||
|
|
|
|||
|
|
<BaseCard variant="elevated" class="hover:shadow-2xl transition-all hover:-translate-y-1 active:scale-95">
|
|||
|
|
<h3 class="text-xl font-semibold mb-4 text-gray-900">Cut Agent</h3>
|
|||
|
|
<p class="text-gray-700 mb-4">
|
|||
|
|
素材與劇情，AI 提供剪輯建議
|
|||
|
|
</p>
|
|||
|
|
<BaseButton variant="outline" @click="() => navigateTo('/app/cut-agent')">
|
|||
|
|
前往
|
|||
|
|
</BaseButton>
|
|||
|
|
</BaseCard>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup lang="ts">
|
|||
|
|
function navigateToDashboard() {
|
|||
|
|
return navigateTo('/app/dashboard')
|
|||
|
|
}
|
|||
|
|
</script>
|