66 lines
2.1 KiB
TypeScript
66 lines
2.1 KiB
TypeScript
import { Award, Lock, Medal, ShieldCheck } from "lucide-react";
|
|
import React from "react";
|
|
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface Certification {
|
|
icon: React.ReactNode;
|
|
name: string;
|
|
}
|
|
|
|
interface TrustStrip3Props {
|
|
certifications?: Certification[];
|
|
guarantees?: string[];
|
|
className?: string;
|
|
}
|
|
|
|
const DEFAULT_CERTIFICATIONS: Certification[] = [
|
|
{ icon: <ShieldCheck className="size-5" />, name: "امن با SSL" },
|
|
{ icon: <Lock className="size-5" />, name: "مطابق استاندارد PCI" },
|
|
{ icon: <Award className="size-5" />, name: "دارای گواهی اعتماد" },
|
|
{ icon: <Medal className="size-5" />, name: "بالاترین امتیاز ۲۲۴" },
|
|
];
|
|
|
|
const DEFAULT_GUARANTEES = [
|
|
"ضمانت بازگشت وجه",
|
|
"محصولات اصیل",
|
|
"تسویه امن",
|
|
];
|
|
|
|
const TrustStrip3 = ({
|
|
certifications = DEFAULT_CERTIFICATIONS,
|
|
guarantees = DEFAULT_GUARANTEES,
|
|
className,
|
|
}: TrustStrip3Props) => {
|
|
return (
|
|
<section dir="rtl" lang="fa" className={cn("border-y py-6", className)}>
|
|
<div className="container">
|
|
<div className="flex flex-col items-center gap-6 md:flex-row md:justify-between">
|
|
<div className="flex flex-wrap items-center justify-center gap-4 md:justify-start">
|
|
{certifications.map((cert, index) => (
|
|
<div
|
|
key={index}
|
|
className="flex items-center gap-2 rounded-full bg-muted px-3 py-1.5"
|
|
>
|
|
<span className="text-muted-foreground">{cert.icon}</span>
|
|
<span className="text-sm font-medium">{cert.name}</span>
|
|
</div>
|
|
))}
|
|
</div>
|
|
|
|
<div className="flex flex-wrap items-center justify-center gap-4 text-sm text-muted-foreground md:justify-end">
|
|
{guarantees.map((guarantee, index) => (
|
|
<div key={index} className="flex items-center gap-1.5">
|
|
<div className="size-1.5 shrink-0 rounded-full bg-emerald-500" />
|
|
<span>{guarantee}</span>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export { TrustStrip3 };
|