34 lines
869 B
TypeScript
34 lines
869 B
TypeScript
import React from 'react'
|
||
import { Link } from 'react-router-dom'
|
||
import { Plus } from 'lucide-react'
|
||
|
||
const WelcomeSection: React.FC = () => {
|
||
return (
|
||
<div className="text-center py-8">
|
||
<h1 className="text-4xl font-bold text-secondary-900 mb-4">
|
||
欢迎使用 MixVideo V2
|
||
</h1>
|
||
<p className="text-lg text-secondary-600 mb-8">
|
||
专业的视频混剪软件，让创作更简单
|
||
</p>
|
||
<div className="flex items-center justify-center space-x-4">
|
||
<Link
|
||
to="/projects"
|
||
className="btn-primary flex items-center"
|
||
>
|
||
<Plus size={20} className="mr-2" />
|
||
创建新项目
|
||
</Link>
|
||
<Link
|
||
to="/templates"
|
||
className="btn-secondary"
|
||
>
|
||
浏览模板
|
||
</Link>
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
|
||
export default WelcomeSection
|