import {SubjectComparisonCard, SubjectOverviewCard} from "@/app/a.client";
import {Title} from "@tremor/react";

export default function Home() {
    return (
        <main className="m-6">
            <h1 className="text-3xl font-semibold font-black">Revision Tracker</h1>

            <div className="grid gap-5 grid-cols-4">
                <SubjectOverviewCard
                    projectId={195482340}
                />

                <SubjectOverviewCard
                    title='Measure Theory'
                    projectId={195519024}
                />

                <SubjectOverviewCard
                    title='Quantum Mechanics'
                    projectId={195518593}
                />

                <SubjectOverviewCard
                    projectId={195754611}
                />

                <SubjectComparisonCard projectIds={[
                    195482340,
                    195519024,
                    195518593,
                    195754611,
                ]}/>
            </div>
        </main>

    )
}