import Link from 'next/link';

const HeroAction = () => {
  return (
    <div className="flex flex-row gap-3 justify-center w-full max-w-lg sm:max-w-none">
      <Link
        href="comparison"
        className="px-5 py-2.5 md:px-6 md:py-3 bg-yellow-500 text-blue-900 rounded-xl font-bold text-sm md:text-base hover:bg-yellow-400 transition flex items-center justify-center gap-2"
      >
        <span className="material-symbols-outlined text-lg md:text-xl">compare_arrows</span>
        প্রার্থী তুলনা
      </Link>
      <Link
        href="#polling-section"
        className="px-5 py-2.5 md:px-6 md:py-3 bg-white/10 backdrop-blur-md text-white rounded-xl font-bold text-sm md:text-base hover:bg-white/20 transition border border-white/20 flex items-center justify-center gap-2"
      >
        <span className="material-symbols-outlined text-lg md:text-xl">how_to_vote</span>
        অনলাইন জরিপ
      </Link>
    </div>
  );
};

export default HeroAction;