lanhu/web
2
0
Fork 0
Code Issues Actions Packages Releases 13 Activity

首页页面

Browse Source
This commit is contained in:
luorijun
2025-03-11 14:57:23 +08:00
parent 9b36ab40f2
commit 5e3ade9aba
38 changed files with 1092 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
src/app/(home)/footer.tsx Normal file
View File

@@ -0,0 +1,106 @@
import Wrap from '@/components/wrap'
export type FooterProps = {}
export default function Footer(props: FooterProps) {
return (
<footer className="h-[500px] bg-gray-900 p-12 text-white overflow-hidden">
<Wrap className="flex flex-col">
<div className={`flex-auto overflow-hidden flex justify-between`}>
<div className="flex">
<div className="flex flex-col items-center">
<img src="/logo.svg" alt="logo" className="w-44 h-44 bg-gray-100"/>
<span className="text-sm font-light mt-6">关注我们查看更多资讯</span>
</div>
</div>
<div className={`flex flex-col gap-4`}>
<h3>商务合作</h3>
<p className={`text-sm text-gray-400 font-light`}>大客户经理:张经理</p>
<p className={`text-sm text-gray-400 font-light`}>电话/微信:18751847847</p>
<p className={`text-sm text-gray-400 font-light`}>QQ号:800180559</p>
<h3>服务保障</h3>
<p className={`text-sm text-gray-400 font-light`}>售前服务</p>
<p className={`text-sm text-gray-400 font-light`}>技术支持</p>
</div>
<div>
<h3>站点导航</h3>
<ul className={`mt-4 flex flex-col gap-4 font-light`}>
<li><a href="#" className={`text-sm text-gray-400`}>产品订购</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>获取代理</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>帮助中心</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>企业服务</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>推广返利</a></li>
</ul>
</div>
<div>
<h3>国内代理</h3>
<ul className={`mt-4 flex flex-col gap-4 font-light`}>
<li><a href="#" className={`text-sm text-gray-400`}>短效代理</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>长效代理</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>固定IP代理</a></li>
</ul>
</div>
<div>
<h3>全球代理</h3>
<ul className={`mt-4 flex flex-col gap-4 font-light`}>
<li><a href="#" className={`text-sm text-gray-400`}>动态代理</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>静态代理</a></li>
</ul>
</div>
<div>
<h3>使用案例</h3>
<ul className={`mt-4 h-[184px] flex flex-col flex-wrap gap-4 gap-x-6 font-light`}>
<li><a href="#" className={`text-sm text-gray-400`}>数据抓取</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>媒体矩阵</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>广告验证</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>价格监控</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>市场调研</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>金融数据</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>SEO优化</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>网站测试</a></li>
</ul>
</div>
<div>
<h3>获取代理</h3>
<ul className={`mt-4 flex flex-col gap-4 font-light`}>
<li><a href="#" className={`text-sm text-gray-400`}>API提取</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>代码示例</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>热门地区</a></li>
</ul>
</div>
<div>
<h3>代理资讯</h3>
<ul className={`mt-4 flex flex-col gap-4 font-light`}>
<li><a href="#" className={`text-sm text-gray-400`}>产品功能</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>使用教程</a></li>
<li><a href="#" className={`text-sm text-gray-400`}>行业资讯</a></li>
</ul>
</div>
</div>
<div className={`flex-none mt-6 pt-6 border-t border-gray-300 flex flex-col items-center`}>
<p className={`text-sm font-light`}>
声明：啊啊HTTP仅提供代理IP服务；严禁用户使用啊啊HTTP从事任何违法犯罪行为，产生的相关责任用户自负，对此啊啊HTTP不承担任何法律责任。
<a href="#">自律公约</a>
</p>
<p className={`text-sm mt-3 font-light`}>
南京啊啊啊啊科技有限公司 版权所有网站地图
地址：啊啊啊啊啊啊啊啊啊大街57号楚翘城7幢404-405室</p>
<p className={`text-sm mt-3 font-light`}>
电信业务经营许可证：B1-11111111
苏ICP备111111111号-1
苏公网安备11111111111111号
</p>
</div>
</Wrap>
</footer>
)
}