Files
rent/apps/official-website/app/about/page.tsx
T
2026-05-13 17:59:30 +08:00

183 lines
8.6 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import Link from 'next/link';
export default function About() {
return (
<div className="min-h-screen bg-white">
{/* 导航栏 */}
<header className="fixed top-0 left-0 right-0 z-50 bg-white/95 backdrop-blur-sm border-b border-gray-100">
<nav className="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between">
<Link href="/" className="flex items-center gap-2">
<div className="w-10 h-10 bg-gradient-to-br from-blue-500 to-purple-600 rounded-lg flex items-center justify-center">
<span className="text-white font-bold text-xl"></span>
</div>
<span className="text-2xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
</span>
</Link>
<div className="hidden md:flex items-center gap-8">
<Link href="/#features" className="text-gray-600 hover:text-gray-900 transition">
</Link>
<Link href="/#services" className="text-gray-600 hover:text-gray-900 transition">
</Link>
<Link href="/about" className="text-gray-900 font-semibold">
</Link>
<Link href="/contact" className="text-gray-600 hover:text-gray-900 transition">
</Link>
</div>
</nav>
</header>
{/* Hero */}
<section className="pt-32 pb-20 px-6 bg-gradient-to-br from-blue-50 to-purple-50">
<div className="max-w-4xl mx-auto text-center">
<h1 className="text-5xl font-bold mb-6"></h1>
<p className="text-xl text-gray-600">
宿
</p>
</div>
</section>
{/* 公司介绍 */}
<section className="py-20 px-6">
<div className="max-w-4xl mx-auto">
<h2 className="text-3xl font-bold mb-8"></h2>
<div className="prose prose-lg max-w-none text-gray-600 space-y-6">
<p>
宿2024C端用户提供便捷的住宿预订服务B端商家提供高效的店铺数字化管理工具
</p>
<p>
宿使宿
</p>
</div>
</div>
</section>
{/* 核心价值观 */}
<section className="py-20 px-6 bg-gray-50">
<div className="max-w-7xl mx-auto">
<h2 className="text-3xl font-bold mb-12 text-center"></h2>
<div className="grid md:grid-cols-3 gap-8">
<div className="bg-white p-8 rounded-2xl shadow-sm">
<div className="w-16 h-16 bg-blue-100 rounded-2xl flex items-center justify-center mb-6">
<span className="text-3xl">🎯</span>
</div>
<h3 className="text-xl font-bold mb-4"></h3>
<p className="text-gray-600">
</p>
</div>
<div className="bg-white p-8 rounded-2xl shadow-sm">
<div className="w-16 h-16 bg-purple-100 rounded-2xl flex items-center justify-center mb-6">
<span className="text-3xl">💡</span>
</div>
<h3 className="text-xl font-bold mb-4"></h3>
<p className="text-gray-600">
</p>
</div>
<div className="bg-white p-8 rounded-2xl shadow-sm">
<div className="w-16 h-16 bg-green-100 rounded-2xl flex items-center justify-center mb-6">
<span className="text-3xl">🤝</span>
</div>
<h3 className="text-xl font-bold mb-4"></h3>
<p className="text-gray-600">
</p>
</div>
</div>
</div>
</section>
{/* 发展历程 */}
<section className="py-20 px-6">
<div className="max-w-4xl mx-auto">
<h2 className="text-3xl font-bold mb-12 text-center"></h2>
<div className="space-y-8">
<div className="flex gap-6">
<div className="flex-shrink-0 w-32 text-right">
<div className="text-2xl font-bold text-blue-600">2024.01</div>
</div>
<div className="flex-1 pb-8 border-l-2 border-gray-200 pl-6">
<h3 className="text-xl font-bold mb-2"></h3>
<p className="text-gray-600"></p>
</div>
</div>
<div className="flex gap-6">
<div className="flex-shrink-0 w-32 text-right">
<div className="text-2xl font-bold text-blue-600">2024.06</div>
</div>
<div className="flex-1 pb-8 border-l-2 border-gray-200 pl-6">
<h3 className="text-xl font-bold mb-2">线</h3>
<p className="text-gray-600">线</p>
</div>
</div>
<div className="flex gap-6">
<div className="flex-shrink-0 w-32 text-right">
<div className="text-2xl font-bold text-blue-600">2024.12</div>
</div>
<div className="flex-1 pb-8 border-l-2 border-gray-200 pl-6">
<h3 className="text-xl font-bold mb-2"></h3>
<p className="text-gray-600">101000</p>
</div>
</div>
<div className="flex gap-6">
<div className="flex-shrink-0 w-32 text-right">
<div className="text-2xl font-bold text-blue-600">2026.05</div>
</div>
<div className="flex-1 pl-6">
<h3 className="text-xl font-bold mb-2"></h3>
<p className="text-gray-600"></p>
</div>
</div>
</div>
</div>
</section>
{/* Footer */}
<footer className="bg-gray-900 text-gray-300 py-12 px-6">
<div className="max-w-7xl mx-auto">
<div className="grid md:grid-cols-4 gap-8 mb-8">
<div>
<div className="flex items-center gap-2 mb-4">
<div className="w-8 h-8 bg-gradient-to-br from-blue-500 to-purple-600 rounded-lg flex items-center justify-center">
<span className="text-white font-bold"></span>
</div>
<span className="text-xl font-bold text-white"></span>
</div>
<p className="text-sm">宿</p>
</div>
<div>
<h4 className="text-white font-bold mb-4"></h4>
<ul className="space-y-2 text-sm">
<li><Link href="/#features" className="hover:text-white transition"></Link></li>
<li><Link href="/#services" className="hover:text-white transition"></Link></li>
</ul>
</div>
<div>
<h4 className="text-white font-bold mb-4"></h4>
<ul className="space-y-2 text-sm">
<li><Link href="/about" className="hover:text-white transition"></Link></li>
<li><Link href="/contact" className="hover:text-white transition"></Link></li>
</ul>
</div>
<div>
<h4 className="text-white font-bold mb-4"></h4>
<ul className="space-y-2 text-sm">
<li><Link href="/privacy" className="hover:text-white transition"></Link></li>
<li><Link href="/terms" className="hover:text-white transition"></Link></li>
</ul>
</div>
</div>
<div className="border-t border-gray-800 pt-8 text-center text-sm">
<p>&copy; 2026 . All rights reserved.</p>
</div>
</div>
</footer>
</div>
);
}