refactor: use css theme variables, enforce strict typing without any and remove dead Hero component
This commit is contained in:
@@ -8,19 +8,19 @@ type Props = Extract<NonNullable<Page['layout']>[0], { blockType: 'affiliation'
|
||||
|
||||
export const AffiliationBlock: React.FC<Props> = ({ title, description, logo, linkText }) => {
|
||||
return (
|
||||
<section className="py-24 bg-slate-50 border-t border-slate-200">
|
||||
<section className="py-24 bg-accent/5 border-t border-border">
|
||||
<div className="container mx-auto px-4 max-w-4xl">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
viewport={{ once: true }}
|
||||
className="bg-white p-8 md:p-12 rounded-2xl shadow-sm border border-slate-100 flex flex-col md:flex-row items-center gap-10"
|
||||
className="bg-card p-8 md:p-12 rounded-2xl shadow-sm border border-border flex flex-col md:flex-row items-center gap-10"
|
||||
>
|
||||
<div className="flex-1 text-center md:text-left">
|
||||
<h2 className="text-2xl md:text-3xl font-bold text-slate-900 mb-4">{title}</h2>
|
||||
<p className="text-slate-600 mb-6 leading-relaxed text-sm md:text-base">{description}</p>
|
||||
<h2 className="text-2xl md:text-3xl font-bold text-foreground mb-4">{title}</h2>
|
||||
<p className="text-foreground/80 mb-6 leading-relaxed text-sm md:text-base">{description}</p>
|
||||
{linkText && (
|
||||
<Link href="/stowarzyszenie" className="text-blue-600 font-semibold hover:text-blue-700 underline underline-offset-4">
|
||||
<Link href="/stowarzyszenie" className="text-accent font-semibold hover:text-accent-hover underline underline-offset-4">
|
||||
{linkText}
|
||||
</Link>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user