Announcement bar

1import { ArrowRight } from 'lucide-react'
2 
3export function Banner06() {
4  return (
5    <div className="group flex w-full items-center justify-center gap-2 rounded-lg bg-gradient-to-r from-violet-600 via-fuchsia-600 to-orange-500 px-4 py-2.5 text-center text-sm font-medium text-white shadow-sm">
6      <span className="rounded-full bg-white/20 px-2 py-0.5 text-xs font-semibold tracking-wide uppercase">
7        New
8      </span>
9      <span>Introducing AI-assisted workflows — try it free for 14 days</span>
10      <ArrowRight className="size-4 transition-transform group-hover:translate-x-0.5" />
11    </div>
12  )
13}