refactor: update solutions page color scheme to brand red

This commit is contained in:
张翔
2026-02-26 21:30:44 +08:00
parent e72d678521
commit 14af1a755f
+7 -7
View File
@@ -95,10 +95,10 @@ export default function SolutionsPage() {
initial={{ opacity: 0, y: 20 }}
animate={isContentInView ? { opacity: 1, y: 0 } : {}}
transition={{ duration: 0.6, delay: 0.2 }}
className="bg-gradient-to-br from-[#F5F7FA] to-white rounded-2xl p-12 border border-[#4F46E5]/20"
className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-12 border border-[#C41E3A]/20"
>
<div className="flex items-start gap-6 mb-8">
<div className="w-16 h-16 bg-[#4F46E5] rounded-2xl flex items-center justify-center flex-shrink-0">
<div className="w-16 h-16 bg-[#C41E3A] rounded-2xl flex items-center justify-center flex-shrink-0">
<Cpu className="w-8 h-8 text-white" />
</div>
<div>
@@ -125,20 +125,20 @@ export default function SolutionsPage() {
<div className="mb-8">
<h3 className="text-xl font-semibold text-[#1C1C1C] mb-4 flex items-center gap-2">
<CheckCircle2 className="w-6 h-6 text-[#4F46E5]" />
<CheckCircle2 className="w-6 h-6 text-[#C41E3A]" />
</h3>
<div className="grid md:grid-cols-3 gap-4">
<div className="flex items-start gap-3 p-4 bg-white rounded-lg border border-[#E5E5E5]">
<div className="w-2 h-2 bg-[#4F46E5] rounded-full mt-2" />
<div className="w-2 h-2 bg-[#C41E3A] rounded-full mt-2" />
<span className="text-[#1C1C1C]"></span>
</div>
<div className="flex items-start gap-3 p-4 bg-white rounded-lg border border-[#E5E5E5]">
<div className="w-2 h-2 bg-[#4F46E5] rounded-full mt-2" />
<div className="w-2 h-2 bg-[#C41E3A] rounded-full mt-2" />
<span className="text-[#1C1C1C]"></span>
</div>
<div className="flex items-start gap-3 p-4 bg-white rounded-lg border border-[#E5E5E5]">
<div className="w-2 h-2 bg-[#4F46E5] rounded-full mt-2" />
<div className="w-2 h-2 bg-[#C41E3A] rounded-full mt-2" />
<span className="text-[#1C1C1C]"></span>
</div>
</div>
@@ -148,7 +148,7 @@ export default function SolutionsPage() {
<Button
size="lg"
variant="outline"
className="border-[#4F46E5] text-[#4F46E5] hover:bg-[#4F46E5] hover:text-white"
className="border-[#C41E3A] text-[#C41E3A] hover:bg-[#C41E3A] hover:text-white"
onClick={() => {
const element = document.getElementById('cases');
if (element) {