55 lines
1.8 KiB
TypeScript
55 lines
1.8 KiB
TypeScript
|
'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;
|