feat: 重构联系页面并增强安全性

refactor: 优化导航和路由逻辑

fix: 修复移动端样式问题

perf: 优化字体加载和性能

test: 添加安全性和可访问性测试

style: 调整按钮和表单样式

chore: 更新依赖版本

ci: 添加安全头配置

build: 优化构建配置

docs: 更新常量信息
This commit is contained in:
张翔
2026-03-01 10:56:54 +08:00
parent 13c4a2ca49
commit 9cbc80742a
24 changed files with 1087 additions and 440 deletions
+28 -10
View File
@@ -1,5 +1,7 @@
"use client";
import { Suspense, useEffect } from 'react';
import { useSearchParams } from 'next/navigation';
import dynamic from 'next/dynamic';
import { HeroSection } from "@/components/sections/hero-section";
import { SectionSkeleton } from "@/components/ui/loading-skeleton";
@@ -44,15 +46,24 @@ const NewsSection = dynamic(
}
);
const ContactSection = dynamic(
() => import('@/components/sections/contact-section').then(mod => ({ default: mod.ContactSection })),
{
loading: () => <SectionSkeleton />,
ssr: false
}
);
export default function HomePage() {
function HomeContent() {
const searchParams = useSearchParams();
useEffect(() => {
const section = searchParams.get('section');
if (section) {
const timer = setTimeout(() => {
const targetElement = document.getElementById(section);
if (targetElement) {
targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
}, 100);
return () => clearTimeout(timer);
}
return undefined;
}, [searchParams]);
return (
<main className="min-h-screen bg-white dark:bg-[var(--color-bg-primary)]">
<HeroSection />
@@ -61,7 +72,14 @@ export default function HomePage() {
<CasesSection />
<AboutSection />
<NewsSection />
<ContactSection />
</main>
);
}
export default function HomePage() {
return (
<Suspense fallback={<SectionSkeleton />}>
<HomeContent />
</Suspense>
);
}