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