export default function Hero() {
  return (
    <section className="mt-16 bg-gray-100">
      <div className="container mx-auto flex flex-col md:flex-row items-center justify-between min-h-[60vh] px-6 py-12">
        {/* 左侧文字 */}
        <div className="md:w-1/2 space-y-6">
          <h1 className="text-5xl font-bold text-primary">无限云，服务无界</h1>
          <p className="text-xl text-gray-700">稳定无极限，优惠趁现在！年付88折，月付95折！</p>
          <div className="flex items-center space-x-4">
            <a
              href="/pricing"
              className="px-6 py-3 bg-accent text-white rounded-lg hover:opacity-90 transition"
            >
              立即抢购
            </a>
            <a
              href="/contact"
              className="px-6 py-3 border border-primary text-primary rounded-lg hover:bg-primary hover:text-white transition"
            >
              联系我们
            </a>
          </div>
        </div>
        {/* 右侧示意图 */}
        <div className="md:w-1/2 mt-8 md:mt-0 flex justify-center">
          <img src="/hero-graphic.png" alt="Pinnovate Cloud Illustration" className="max-w-full h-auto rounded shadow-lg" />
        </div>
      </div>
    </section>
  )}