feat: setup admin JSON generation and pdf viewer for free plan DPPs
This commit is contained in:
48
src/components/AI/ExamStrategyCard.tsx
Normal file
48
src/components/AI/ExamStrategyCard.tsx
Normal file
@@ -0,0 +1,48 @@
|
||||
import { Card, CardContent } from "@/components/ui/card"
|
||||
import { Printer } from "lucide-react"
|
||||
import Link from "next/link"
|
||||
|
||||
export function ExamStrategyCard() {
|
||||
return (
|
||||
<div className="flex flex-col h-full">
|
||||
<div className="flex justify-between items-center pb-3">
|
||||
<h2 className="text-base font-bold text-primary flex items-center gap-2">
|
||||
🧠 Exam Day Strategy
|
||||
</h2>
|
||||
<Link href="/dashboard/ai-coach/strategy" className="text-xs text-[#00F0FF] font-semibold hover:underline transition-colors">Expand View ↗</Link>
|
||||
</div>
|
||||
|
||||
<Card className="border-border bg-card shadow-[0_4px_24px_rgba(0,0,0,0.3)] flex-1 overflow-hidden group hover:border-[#00F0FF]/30 transition-colors">
|
||||
<CardContent className="p-4 flex flex-col h-full justify-between">
|
||||
<div className="grid grid-cols-2 gap-2">
|
||||
<div className="p-3 rounded-md bg-white/5 border border-border text-center">
|
||||
<div className="text-xl mb-1">🧪</div>
|
||||
<div className="text-[11px] font-bold text-primary">Chemistry First</div>
|
||||
<div className="text-[10px] text-muted-foreground mt-0.5">Finish in 40 mins</div>
|
||||
</div>
|
||||
<div className="p-3 rounded-md bg-white/5 border border-border text-center">
|
||||
<div className="text-xl mb-1">🧲</div>
|
||||
<div className="text-[11px] font-bold text-primary">Physics Next</div>
|
||||
<div className="text-[10px] text-muted-foreground mt-0.5">Target 55 mins</div>
|
||||
</div>
|
||||
<div className="p-3 rounded-md bg-white/5 border border-border text-center">
|
||||
<div className="text-xl mb-1">📐</div>
|
||||
<div className="text-[11px] font-bold text-primary">Maths Last</div>
|
||||
<div className="text-[10px] text-muted-foreground mt-0.5">Reserve 75 mins</div>
|
||||
</div>
|
||||
<div className="p-3 rounded-md bg-white/5 border border-border text-center">
|
||||
<div className="text-xl mb-1">⏱️</div>
|
||||
<div className="text-[11px] font-bold text-primary">Buffer Time</div>
|
||||
<div className="text-[10px] text-muted-foreground mt-0.5">10 mins for review</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-3 flex items-center justify-center gap-1.5 p-2.5 rounded-md bg-[#00F0FF]/10 border border-dashed border-[#00F0FF]/20 text-xs text-[#00F0FF] font-bold cursor-pointer hover:bg-[#00F0FF]/20 transition-colors">
|
||||
<Printer size={16} className="stroke-[#00F0FF]" />
|
||||
Print Exam Day Blueprint
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user