'use client'
import usePublicImage from '@/hooks/use-public-image';
import React from 'react';

const HomepageFooter: React.FC = () => {
	const { imageUrl } = usePublicImage('homepage/footer.png');
	return (
		<div
			className="flex flex-col items-center mx-auto justify-center relative overflow-x-auto w-full max-w-[1920px] h-[758px] bg-cover bg-center"
			style={{ backgroundImage: `url(${imageUrl})` }}
		>
			{/* 主标题 */}
			<div className="mb-8 mt-15">
				<p className=" tracking-widest text-[32px] text-white" >
					春风拂面花开满园心OO情愉悦
				</p>
			</div>

			{/* 版权声明 */}
			<div className="mb-8 text-center space-y-2 ">
				<p className="text-sm opacity-80 text-[#818da3]">
					免责声明：免责条款的提出必须是明示的，不允许以默示方式作出，也不允许法官推定免责条款的存在。
				</p>
				<p className="text-sm opacity-80 mt-5 text-[#818da3]">
					版权所有：Copyright©2016-2019 包图网ibaotu.com 版权所有
				</p>
			</div>

			{/* 导航链接 */}
			<div className="flex space-x-12 mt-5">
				<a href="#" className="hover:text-blue-300 transition-colors text-[#818da3]">
					首页
				</a>
				<a href="#" className="hover:text-blue-300 transition-colors text-[#818da3]">
					关于我们
				</a>
				<a href="#" className="hover:text-blue-300 transition-colors text-[#818da3]">
					新闻中心
				</a>
				<a href="#" className="hover:text-blue-300 transition-colors text-[#818da3]">
					政务公开
				</a>
				<a href="#" className="hover:text-blue-300 transition-colors text-[#818da3]">
					交流互动
				</a>
				<a href="#" className="hover:text-blue-300 transition-colors text-[#818da3]">
					便民服务
				</a>
			</div>
		</div>
	);
};

export default HomepageFooter;