fix: correct heading hierarchy in contact page - change H3/H4 to H2 for proper SEO structure

This commit is contained in:
张翔
2026-03-06 20:44:25 +08:00
parent d6e3cb8f3a
commit 1238123675
+4 -4
View File
@@ -183,7 +183,7 @@ export default function ContactPage() {
`}
>
<div>
<h3 className="text-lg font-semibold text-[#1C1C1C] mb-6"></h3>
<h2 className="text-lg font-semibold text-[#1C1C1C] mb-6"></h2>
<div className="space-y-4" data-testid="contact-info">
<div className="flex items-start gap-4 group" data-testid="email-info">
<div className="w-10 h-10 bg-[#C41E3A] rounded-md flex items-center justify-center flex-shrink-0 transition-transform duration-200 group-hover:scale-105">
@@ -222,7 +222,7 @@ export default function ContactPage() {
<div className="bg-[#FFFBF5] p-5 rounded-lg border border-[#E5E5E5]" data-testid="work-hours-card">
<div className="flex items-center gap-2 mb-3">
<Clock className="w-4 h-4 text-[#C41E3A]" />
<h4 className="text-sm font-medium text-[#1C1C1C]"></h4>
<h2 className="text-sm font-medium text-[#1C1C1C]"></h2>
</div>
<div className="space-y-1">
<div className="flex justify-between text-sm">
@@ -235,7 +235,7 @@ export default function ContactPage() {
<div className="bg-[#FFFBF5] p-5 rounded-lg border border-[#E5E5E5]">
<div className="flex items-center gap-2 mb-3">
<HeadphonesIcon className="w-4 h-4 text-[#C41E3A]" />
<h4 className="text-sm font-medium text-[#1C1C1C]"></h4>
<h2 className="text-sm font-medium text-[#1C1C1C]"></h2>
</div>
<div className="space-y-3">
<div className="flex items-start gap-2">
@@ -262,7 +262,7 @@ export default function ContactPage() {
`}
>
<div className="bg-[#F5F7FA] p-6 sm:p-8 rounded-lg border border-[#E2E8F0] flex-1 flex flex-col">
<h3 className="text-lg font-semibold text-[#1A1A2E] mb-6"></h3>
<h2 className="text-lg font-semibold text-[#1A1A2E] mb-6"></h2>
{isSubmitted ? (
<div className="text-center py-12 flex-1 flex items-center justify-center">