"use client"

import { WeeklyProgressReport } from "@/components/AI/WeeklyProgressReport"
import { ArrowLeft, Target } from "lucide-react"
import Link from "next/link"

export default function WeeklyProgressPage() {
  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">
      <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">
          <Target className="text-[#00F0FF]" size={36} />
          Weekly Progress Overview
        </h1>
        <p className="text-muted-foreground text-base md:text-lg mt-1 font-medium max-w-3xl">
          Track your syllabus completion goals and weekly milestones.
        </p>
      </div>

      <div className="max-w-4xl mx-auto">
        <WeeklyProgressReport />
      </div>
    </div>
  )
}