export function DashboardHero() {
  return (
    <section className="hero-rolling-gradient glass-panel panel-elevated animate-fade-up relative overflow-hidden rounded-3xl border border-white/15 p-6 sm:p-8 lg:p-10">
      <div className="pointer-events-none absolute -right-24 top-0 size-64 rounded-full bg-sky-400/20 blur-3xl motion-safe:animate-float-slow" />
      <div className="pointer-events-none absolute -bottom-20 -left-10 size-72 rounded-full bg-amber-300/15 blur-3xl motion-safe:animate-float-slow [animation-delay:1200ms]" />
      <div className="relative max-w-3xl space-y-5">
        <div className="space-y-4">
          <h1 className="font-[var(--font-space-grotesk)] text-3xl font-semibold tracking-tight text-white sm:text-4xl lg:text-5xl">
            video.haus
          </h1>
          <p className="max-w-2xl text-sm leading-relaxed text-slate-200 sm:text-base">
            Fast video tools for creators. Extract frames, audio, thumbnails, and formats in one
            workspace.
          </p>
        </div>
      </div>
    </section>
  );
}
