import React from 'react'
import { Link } from 'react-router-dom'
import { Plus, Wand2 } 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="/text-video-generator"
          className="btn-primary flex items-center px-2 py-1"
        >
          <Wand2 size={20} className="mr-2" />
          AI 内容生成
        </Link>
        <Link
          to="/projects"
          className="btn-secondary flex items-center  px-2 py-1"
        >
          <Plus size={20} className="mr-2" />
          创建新项目
        </Link>
        <Link
          to="/templates"
          className="btn-secondary  px-2 py-1"
        >
          浏览模板
        </Link>
      </div>
    </div>
  )
}

export default WelcomeSection
