import { CarouselDemo } from "../Carousel";



export function FhjtPage() {
    return(
    <div className=" w-full overflow-hidden flex justify-center h-200">
        {/* 轮播背景图 */}
        <div className="w-200" style={{clipPath: 'polygon(0 0, calc(100% - 150px)-0.9%, calc(100% - 30px) 100%, 0 100%)',}}>
            <CarouselDemo />
        </div>
		{/* 白色遮罩层 - 覆盖被裁剪的部分 */}

        <div className="w-100 h-full bg-white relative" style={{}}>
			{/* 标题部分 */}
			<div className="relative pt-6 pr-8">
				<h2 className="text-right text-4xl font-bold text-[#005d93] mb-2">烽火讲堂</h2>
				{/* 蓝色装饰线 */}
				<div className="h-3 bg-[#005d93]"></div>
			</div>
			{/* 列表 */}
			<div className="mt-4 pr-8">

				<div className="mb-5 justify-end flex">
                        一等奖
				</div>

				<div className="mb-5 justify-end flex">
                        二等奖
				</div>

				<div className="mb-5 justify-end flex">
                        三等奖
				</div>
			</div>
		</div>
    </div>
    )
}