You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
908 B
30 lines
908 B
1 month ago
|
import React from "react";
|
||
|
|
import type { CasesData } from "../types";
|
||
|
|
|
||
|
|
interface CasesSectionProps {
|
||
|
|
data: CasesData;
|
||
|
|
}
|
||
|
|
|
||
|
|
export function CasesSection({ data }: CasesSectionProps) {
|
||
|
|
|
||
|
|
return (
|
||
|
|
<section id="cases" className="py-10 md:py-14 border-t border-[rgba(255,255,255,0.02)]">
|
||
|
|
<div className="max-w-[1200px] mx-auto px-4 md:px-6">
|
||
|
|
<h2 className="text-lg md:text-xl mb-4 md:mb-[18px] text-white">{data.title}</h2>
|
||
|
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-[18px]">
|
||
|
|
{data.items.map((item, idx) => (
|
||
|
|
<div
|
||
|
|
key={idx}
|
||
|
|
className="bg-huilong-card p-4 rounded-lg"
|
||
|
|
>
|
||
|
|
<h4 className="text-white mb-2 font-semibold">{item.title}</h4>
|
||
|
|
<p className="text-huilong-muted text-sm">{item.content}</p>
|
||
|
|
</div>
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|