35 lines
1.3 KiB
TypeScript
35 lines
1.3 KiB
TypeScript
export function BookIntro() {
|
||
return (
|
||
<section className="py-16 px-4">
|
||
<div className="max-w-2xl mx-auto">
|
||
{/* Glass card */}
|
||
<div className="bg-[#0f2137]/80 backdrop-blur-xl rounded-2xl p-8 border border-[#38bdac]/20">
|
||
{/* Quote */}
|
||
<blockquote className="text-lg md:text-xl text-gray-200 leading-relaxed mb-6">
|
||
"这不是一本教你成功的鸡汤书。这是我每天早上6点到9点，在Soul派对房和几百个陌生人分享的真实故事。"
|
||
</blockquote>
|
||
|
||
{/* Author */}
|
||
<p className="text-[#38bdac] text-lg">— 卡若</p>
|
||
|
||
{/* Stats */}
|
||
<div className="mt-8 pt-6 border-t border-gray-700/50 grid grid-cols-3 gap-4 text-center">
|
||
<div>
|
||
<p className="text-2xl md:text-3xl font-bold text-white">55+</p>
|
||
<p className="text-gray-400 text-sm">真实案例</p>
|
||
</div>
|
||
<div>
|
||
<p className="text-2xl md:text-3xl font-bold text-white">11</p>
|
||
<p className="text-gray-400 text-sm">核心章节</p>
|
||
</div>
|
||
<div>
|
||
<p className="text-2xl md:text-3xl font-bold text-white">100+</p>
|
||
<p className="text-gray-400 text-sm">商业洞察</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
)
|
||
}
|