30 lines
1.2 KiB
TypeScript
30 lines
1.2 KiB
TypeScript
|
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>
|
|||
|
|
)}
|