| Server IP : 172.67.174.47 / Your IP : 216.73.216.145 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /././home/./tempvsty/pontiacques.org/wp-content/themes/astra/admin/assets/components/ |
Upload File : |
import { classNames } from "@astra-utils/helpers";
const PromoCard = ({
className = "",
id,
icon,
title,
description,
linkHRef,
linkText,
children,
}) => {
return (
<section aria-labelledby={`section-${id}-title`}>
<h2 className="sr-only" id={`section-${id}-title`}>
{title}
</h2>
<div
className={classNames(
"relative box-border rounded-md bg-white shadow-sm overflow-hidden transition hover:shadow-hover",
className
)}
>
<div className="p-6">
{/* Card Icon */}
{icon && <span className="inline-block mb-2">{icon}</span>}
{/* Card Title */}
<h3 className="relative flex items-center text-slate-800 text-base font-semibold pb-2">
<span className="flex-1">{title}</span>
</h3>
{/* Card Description */}
{!children && (
<p className="text-slate-500 text-sm pb-5">
{description}
</p>
)}
{/* Card Content */}
{children}
{/* Card Link */}
{linkText && (
<a
className="text-sm text-astra focus:text-astra focus-visible:text-astra-hover active:text-astra-hover hover:text-astra-hover no-underline"
href={linkHRef}
target="_blank"
rel="noreferrer"
>
{linkText}
</a>
)}
</div>
</div>
</section>
);
};
export default PromoCard;