|
|
@@ -5,6 +5,13 @@ import equipments from "@/data/maintenance";
|
|
|
const Performance = () => {
|
|
|
const { ref, isVisible } = useScrollAnimation({ threshold: 0.1 });
|
|
|
|
|
|
+ // 담당자 리스트 const
|
|
|
+ const contacts = [
|
|
|
+ { name: "손지태 실장", phone: "010-8515-6963" },
|
|
|
+ { name: "서민석 이사", phone: "010-3550-8596" },
|
|
|
+ { name: "권순재 이사", phone: "010-6201-3252" },
|
|
|
+ { name: "주문숙 이사", phone: "010-3570-4108" },
|
|
|
+ ];
|
|
|
return (
|
|
|
<div ref={ref} className="px-4 sm:px-8 py-8 sm:py-12">
|
|
|
<div
|
|
|
@@ -625,7 +632,19 @@ const Performance = () => {
|
|
|
<span className="font-semibold text-gray-800">대표번호 :</span> 051-808-8556
|
|
|
</p>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
+ <div className="mt-6 grid grid-cols-2 sm:grid-cols-2 gap-3 max-w-md mx-auto text-sm sm:text-base">
|
|
|
+ {contacts.map(({ name, phone }, idx) => (
|
|
|
+ <div
|
|
|
+ key={idx}
|
|
|
+ className="px-4 py-2 bg-gray-100 rounded-lg shadow-sm flex justify-between"
|
|
|
+ >
|
|
|
+ <span className="font-medium text-gray-800">{name}</span>
|
|
|
+ <span className="text-gray-600">{phone}</span>
|
|
|
+ </div>
|
|
|
+ ))}
|
|
|
+ </div>
|
|
|
+
|
|
|
<div className="mt-6">
|
|
|
<a
|
|
|
href="/download/견적요청서.hwpx"
|