export default function TaglineBanner() {
  const phrase = "DIGITAL DENKEN. LOKAL HANDELN.";
  const items = Array(12).fill(phrase);

  return (
    <div className="relative overflow-hidden bg-orange-500 py-3 select-none">
      <div className="flex animate-ticker whitespace-nowrap">
        {items.map((text, i) => (
          <span
            key={i}
            className="inline-flex items-center gap-6 px-6 text-white font-black text-sm tracking-[0.2em]"
          >
            {text}
            <span className="text-orange-200 opacity-60">&#9679;</span>
          </span>
        ))}
      </div>
    </div>
  );
}