feat: setup admin JSON generation and pdf viewer for free plan DPPs

src/app/dashboard/ai-coach/strategy/page.tsx

@@ -0,0 +1,41 @@
+"use client"
+
+import { ExamStrategyCard } from "@/components/AI/ExamStrategyCard"
+import { StudyTimeOptimizationCard } from "@/components/AI/StudyTimeOptimizationCard"
+import { Card, CardContent } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { Zap, ArrowLeft, Clock, Target, Lightbulb, CheckCircle2 } from "lucide-react"
+import Link from "next/link"
+
+export default function StrategyPage() {
+  return (
+    <div className="p-6 md:p-8 max-w-7xl mx-auto space-y-8 animate-in fade-in duration-500 min-h-screen">
+      {/* Navigation Header */}
+      <div className="border-b border-border/50 pb-6">
+        <h1 className="text-3xl md:text-5xl font-black tracking-tight flex items-center gap-3">
+          <Zap className="text-[#00F0FF]" size={36} />
+          Exam Strategy & Time Optimization
+        </h1>
+        <p className="text-muted-foreground text-base md:text-lg mt-1 font-medium max-w-3xl">
+          Master time allocation per question, eliminate negative marking traps, and fine-tune your subject sequence for maximum score yield.
+        </p>
+      </div>
+
+      <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
+        <Card className="p-6 bg-secondary/10 border-border/60 rounded-3xl">
+          <h2 className="text-2xl font-extrabold tracking-tight mb-4 flex items-center gap-2">
+            <Target className="text-[#00F0FF]" size={24} /> Exam Day Time Strategy
+          </h2>
+          <ExamStrategyCard />
+        </Card>
+
+        <Card className="p-6 bg-secondary/10 border-border/60 rounded-3xl">
+          <h2 className="text-2xl font-extrabold tracking-tight mb-4 flex items-center gap-2">
+            <Clock className="text-amber-400" size={24} /> Study Time Optimization
+          </h2>
+          <StudyTimeOptimizationCard />
+        </Card>
+      </div>
+    </div>
+  )
+}