refactor: remove service detail modal component

This commit is contained in:
张翔
2026-02-26 21:24:59 +08:00
parent 686a02b233
commit 1e1c68670b
11 changed files with 611 additions and 601 deletions
+8 -8
View File
@@ -36,30 +36,30 @@ export default async function ProductDetailPage({ params }: { params: Promise<{
return (
<div className="min-h-screen bg-white">
<div className="bg-gradient-to-br from-[#C41E3A] to-[#1C1C1C] py-20">
<div className="container-wide">
<div className="relative overflow-hidden bg-gradient-to-b from-[#FAFAFA] to-white">
<div className="container-wide relative z-10 pt-32 pb-20">
<Link
href="/#products"
className="inline-flex items-center text-white/80 hover:text-white transition-colors mb-8"
className="inline-flex items-center text-[#5C5C5C] hover:text-[#C41E3A] transition-colors mb-6"
>
<ArrowLeft className="w-4 h-4 mr-2" />
</Link>
<div className="max-w-4xl">
<div className="inline-block px-4 py-2 bg-white/10 backdrop-blur-sm rounded-full text-white text-sm mb-6">
<div className="inline-block px-4 py-2 bg-[#C41E3A]/10 rounded-full text-[#C41E3A] text-sm mb-6">
{product.category}
</div>
<h1 className="text-4xl md:text-5xl font-bold text-white mb-6">
<h1 className="text-4xl md:text-5xl font-bold text-[#1C1C1C] mb-6">
{product.title}
</h1>
<p className="text-xl text-white/90 leading-relaxed">
<p className="text-xl text-[#5C5C5C] leading-relaxed">
{product.description}
</p>
</div>
</div>
</div>
<div className="container-wide py-16">
<div className="container-wide relative z-10 py-16">
<div className="max-w-4xl">
<section className="mb-16">
<h2 className="text-3xl font-bold text-[#1C1C1C] mb-6"></h2>
@@ -214,7 +214,7 @@ export default async function ProductDetailPage({ params }: { params: Promise<{
</div>
</section>
<div className="flex justify-center gap-4 pt-8 border-t border-gray-200">
<div className="flex justify-center gap-4 pt-8 border-t border-[#E5E5E5]">
<Button variant="outline" size="lg" asChild>
<Link href="/#contact">