"use client";

import { VideoCreationForm } from './CreateInput';
import FamousTemplate from '@/components/FamousTemplate';

export default function CreateVideo() {
    return (
        <div data-alt="create-video-page" className="w-full pt-14">
            <h1 className='p-1 text-center text-2xl font-bold tracking-tight sm:text-3xl'>Your idea. A movie. In minutes.</h1>
            <div className='mx-auto w-full max-w-[600px] px-3 py-4 text-center text-xs text-gray-400 sm:px-16 sm:text-sm'>Our AI turns sparks into full-blown stories — fast & free.</div>
            <div className='pt-2 pb-12'>
              <div className='space-y-4 mx-auto w-full max-w-[900px] px-3 sm:px-16 bg-[radial-gradient(ellipse_at_center,rgba(106,244,249,0.28)_0%,rgba(106,244,249,0.14)_35%,transparent_70%)]'>
                <VideoCreationForm />
              </div>
            </div>
            <FamousTemplate showTabs={false} />
        </div>
    );
}