vibeasite-templates/template-education
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: education template (18 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 22:58:42 +00:00
parent 49a8127ed0
commit 9403f16a71
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Instructors.tsx
+2 -2
View File
@@ -32,8 +32,8 @@ export default function InstructorsPage() {
<div className="mx-auto max-w-7xl px-6">
<div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-8">
{instructors.map((inst, i) => (
<Card key={i} className="group bg-white/70 dark:bg-slate-900/70 backdrop-blur border-slate-200/60 dark:border-slate-800/60 rounded-2xl overflow-hidden text-center p-8 hover:ring-2 hover:ring-indigo-500/30 hover:shadow-xl transition-all duration-300 animate-fade-up" style={{ animationDelay: `\${i * 0.1}s` }}>
<div className={`mx-auto w-28 h-28 rounded-full bg-gradient-to-br \${inst.gradient} flex items-center justify-center mb-5 ring-4 ring-white dark:ring-slate-900 group-hover:ring-indigo-200 dark:group-hover:ring-indigo-800 transition-all`}>
<Card key={i} className="group bg-white/70 dark:bg-slate-900/70 backdrop-blur border-slate-200/60 dark:border-slate-800/60 rounded-2xl overflow-hidden text-center p-8 hover:ring-2 hover:ring-indigo-500/30 hover:shadow-xl transition-all duration-300 animate-fade-up" style={{ animationDelay: `${i * 0.1}s` }}>
<div className={`mx-auto w-28 h-28 rounded-full bg-gradient-to-br ${inst.gradient} flex items-center justify-center mb-5 ring-4 ring-white dark:ring-slate-900 group-hover:ring-indigo-200 dark:group-hover:ring-indigo-800 transition-all`}>
<span className="text-3xl font-bold text-white">{inst.name.split(" ").map(n => n[0]).join("")}</span>
</div>
<h3 className="text-xl font-bold mb-1">{inst.name}</h3>