23 lines
1.5 KiB
TypeScript
23 lines
1.5 KiB
TypeScript
import { resortData } from "@/src/data/resort";
|
|
|
|
export default function SecurityBadge({ lang }: { lang: "tr" | "en" | "de" }) {
|
|
return (
|
|
<div className="flex flex-col items-center text-center max-w-2xl mx-auto py-12 px-6 border-t border-gray-100">
|
|
<div className="w-16 h-16 bg-bodrum-blue rounded-full mb-6 flex items-center justify-center text-white shadow-xl shadow-bodrum-blue/20">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="w-8 h-8">
|
|
<path strokeLinecap="round" strokeLinejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21a3.745 3.745 0 0 1-3.127-1.593 3.745 3.745 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.745 3.745 0 0 1 3.296-1.043A3.745 3.745 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z" />
|
|
</svg>
|
|
</div>
|
|
<h4 className="text-xl font-bold text-bodrum-blue mb-2">
|
|
{resortData.securityBadge.title[lang]}
|
|
</h4>
|
|
<p className="text-gray-500 text-sm leading-relaxed mb-4">
|
|
{resortData.securityBadge.description[lang]}
|
|
</p>
|
|
<div className="text-[10px] uppercase tracking-[0.2em] font-bold text-gray-400">
|
|
Official Website Protection • Verified Secure
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|