import { motion } from 'framer-motion';

const trustItems = [
  "Trondheim, Norge",
  "AI Data Ops & RLHF",
  "Faktasjekk & Kildeverifisering",
  "Strengt Konfidensielt (NDA)",
  "100% Policy-Compliant"
];

export default function TrustBar() {
  return (
    <div className="bg-nordic-navy border-y border-white/5 py-4 overflow-hidden">
      <div className="flex whitespace-nowrap animate-marquee">
        {[...trustItems, ...trustItems, ...trustItems].map((item, i) => (
          <div key={i} className="mx-8 flex items-center space-x-2 text-gray-400 font-mono text-sm">
            <span className="w-2 h-2 rounded-full bg-nordic-cyan shadow-[0_0_5px_#00E5FF]"></span>
            <span>{item}</span>
          </div>
        ))}
      </div>
      <style jsx>{`
        .animate-marquee {
          animation: marquee 30s linear infinite;
        }
        @keyframes marquee {
          0% { transform: translateX(0); }
          100% { transform: translateX(-50%); }
        }
      `}</style>
    </div>
  );
}