gitadmin/23ff5c49-3ffc-4a02-b409-140c8171de7d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

manual save(2026-01-05 11:01)

Browse Source
This commit is contained in:
SiteAgent Bot
2026-01-05 11:01:50 +08:00
parent 1d019667ef
commit 72e6ab4720
7 changed files with 521 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
src/pages/Contact.tsx
View File

@@ -402,64 +402,81 @@ export const Contact: React.FC = () => {
viewport={{ once: true }}
transition={{ duration: 0.6 }}
>
{/* 地图占位 */}
<div className="bg-white rounded-2xl shadow-sm border border-gray-100 p-2 mb-6">
<div className="aspect-[4/3] rounded-xl bg-gradient-to-br from-primary/10 to-primary-light/10 flex flex-col items-center justify-center">
<MapPin size={48} className="text-primary mb-4" />
<p className="text-primary-dark font-medium mb-2">
诚裕集团总部
</p>
<p className="text-gray-500 text-sm text-center px-8">
北京市朝阳区建国路88号诚裕大厦
</p>
<motion.button
className="mt-4 px-6 py-2 bg-primary text-white rounded-lg text-sm"
whileHover={{ scale: 1.05 }}
whileTap={{ scale: 0.95 }}
>
在地图中查看
</motion.button>
</div>
</div>
{/* 地图和办公环境 */}
<div className="bg-white rounded-2xl shadow-sm border border-gray-100 p-2 mb-6">
<div className="aspect-[4/3] rounded-xl overflow-hidden relative">
<img
src="https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1200&h=900&fit=crop"
alt="诚裕集团总部大楼 - 现代化办公大厦"
className="w-full h-full object-cover"
/>
<div className="absolute bottom-4 left-4 right-4 bg-white/95 backdrop-blur-sm rounded-lg p-3 shadow-lg">
<p className="text-primary-dark font-medium text-sm mb-1">
📍 诚裕集团总部
</p>
<p className="text-gray-600 text-xs">
北京市朝阳区建国路88号诚裕大厦
</p>
<motion.button
className="mt-2 px-4 py-1 bg-primary text-white rounded text-xs hover:bg-primary-light transition-colors"
whileHover={{ scale: 1.05 }}
whileTap={{ scale: 0.95 }}
>
在地图中查看
</motion.button>
</div>
</div>
</div>
{/* 公司详细信息 */}
<div className="bg-white rounded-2xl shadow-sm border border-gray-100 p-6">
<h3 className="text-lg font-semibold text-primary-dark mb-4">
公司信息
</h3>
<div className="space-y-4">
<div className="flex items-start gap-3">
<MapPin size={20} className="text-accent mt-0.5" />
<div>
<p className="text-sm text-gray-500">总部地址</p>
<p className="text-primary-dark">
{COMPANY_INFO.headquarters}诚裕大厦
</p>
</div>
</div>
<div className="flex items-start gap-3">
<Phone size={20} className="text-accent mt-0.5" />
<div>
<p className="text-sm text-gray-500">服务热线</p>
<p className="text-primary-dark">{COMPANY_INFO.phone}</p>
</div>
</div>
<div className="flex items-start gap-3">
<Mail size={20} className="text-accent mt-0.5" />
<div>
<p className="text-sm text-gray-500">商务邮箱</p>
<p className="text-primary-dark">{COMPANY_INFO.email}</p>
</div>
</div>
<div className="flex items-start gap-3">
<Clock size={20} className="text-accent mt-0.5" />
<div>
<p className="text-sm text-gray-500">工作时间</p>
<p className="text-primary-dark">{COMPANY_INFO.workingHours}</p>
</div>
</div>
</div>
</div>
{/* 办公环境展示 */}
<div className="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden mb-6">
<div className="aspect-[16/9] overflow-hidden">
<img
src="https://images.unsplash.com/photo-1497366216548-37526070297c?w=1200&h=675&fit=crop"
alt="诚裕集团办公环境 - 现代化工作空间"
className="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
/>
</div>
</div>
{/* 公司详细信息 */}
<div className="bg-white rounded-2xl shadow-sm border border-gray-100 p-6">
<h3 className="text-lg font-semibold text-primary-dark mb-4">
公司信息
</h3>
<div className="space-y-4">
<div className="flex items-start gap-3">
<MapPin size={20} className="text-accent mt-0.5" />
<div>
<p className="text-sm text-gray-500">总部地址</p>
<p className="text-primary-dark">
{COMPANY_INFO.headquarters}诚裕大厦
</p>
</div>
</div>
<div className="flex items-start gap-3">
<Phone size={20} className="text-accent mt-0.5" />
<div>
<p className="text-sm text-gray-500">服务热线</p>
<p className="text-primary-dark">{COMPANY_INFO.phone}</p>
</div>
</div>
<div className="flex items-start gap-3">
<Mail size={20} className="text-accent mt-0.5" />
<div>
<p className="text-sm text-gray-500">商务邮箱</p>
<p className="text-primary-dark">{COMPANY_INFO.email}</p>
</div>
</div>
<div className="flex items-start gap-3">
<Clock size={20} className="text-accent mt-0.5" />
<div>
<p className="text-sm text-gray-500">工作时间</p>
<p className="text-primary-dark">{COMPANY_INFO.workingHours}</p>
</div>
</div>
</div>
</div>
</motion.div>
</div>
</div>