FeatureCardWithVideo

import { FeatureCardWithVideo } from "@/components/ui/feature-card-with-video";

export default function DemoOne() {
 return (
        <div className="min-h-screen p-8 flex flex-wrap gap-6 items-center justify-center">
            <FeatureCardWithVideo
                title="Generate Script"
                description="Quickly convert your ideas into an engaging AI video script."
                videoSrc="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
                videoPoster="https://images.unsplash.com/photo-1512316609839-ce289d3eba0a?q=80&w=1368&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
                isNew={false}
                gradientType="theme"
                onClick="https://google.com"
            />
            
            <FeatureCardWithVideo
                title="AI Analytics"
                description="Get instant insights from your data with powerful AI analysis."
                isNew={true}
                gradientType="custom"
                onClick="https://google.com"
            />
            
            <FeatureCardWithVideo
                title="Custom Feature"
                description="Build amazing experiences with our flexible component."
                videoSrc="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
                isNew={true}
                 videoPoster="https://images.unsplash.com/photo-1524267213992-b76e8577d046?q=80&w=1368&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fA%3D%3D"
                gradientType="theme"
                onClick="https://google.com"
            />
        </div>
    );
}