forked from UKSOURCE/hailearning.edu.vn
feat: add Contact and Accreditation pages
This commit is contained in:
20
app/components/accreditation/AccreditationCard.tsx
Normal file
20
app/components/accreditation/AccreditationCard.tsx
Normal file
@@ -0,0 +1,20 @@
|
||||
type AccreditationCardProps = {
|
||||
logo: string;
|
||||
logoAlt: string;
|
||||
title: string;
|
||||
subtitle: string;
|
||||
description: string;
|
||||
};
|
||||
|
||||
export default function AccreditationCard({ logo, logoAlt, title, subtitle, description }: AccreditationCardProps) {
|
||||
return (
|
||||
<div className="bg-white p-8 rounded-[24px] shadow-soft border border-ui-border hover:shadow-hover transition-all duration-300">
|
||||
<div className="h-20 flex items-center mb-6">
|
||||
<img src={logo} alt={logoAlt} className="h-16 object-contain grayscale hover:grayscale-0 transition-all duration-300" />
|
||||
</div>
|
||||
<div className="acc-card-title font-bold text-ui-text mb-2">{title}</div>
|
||||
<p className="text-sm text-brand-accent font-medium mb-4">{subtitle}</p>
|
||||
<p className="text-ui-muted leading-relaxed text-sm">{description}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user