export default function ResumePage() {
    return (
        <div className="max-w-3xl mx-auto px-6 py-24 space-y-12 animate-fade-in">
            <header className="space-y-4">
                <h1 className="text-4xl font-bold tracking-tight text-zinc-900 dark:text-zinc-50">Resume</h1>

            </header>

            {/* Timeline Section */}
            <section className="space-y-12">
                <h2 className="text-2xl font-bold tracking-tight text-zinc-900 dark:text-zinc-50 border-b border-zinc-200 dark:border-zinc-800 pb-4">
                    Experience & Education
                </h2>

                <div className="space-y-12 border-l border-zinc-200 dark:border-zinc-800 ml-8 pl-8 relative">

                    {/* PhD */}
                    <div className="relative">
                        <span className="absolute -left-[37px] top-1 h-4 w-4 rounded-full border-2 border-zinc-50 dark:border-zinc-950 bg-zinc-900 dark:bg-zinc-50" />
                        <div className="space-y-2">
                            <div className="flex justify-between items-baseline flex-wrap gap-2">
                                <h3 className="font-semibold text-lg text-zinc-900 dark:text-zinc-100">PhD in Computer Science</h3>
                                <span className="text-sm font-mono text-zinc-500">Jan 2025 – Present</span>
                            </div>
                            <p className="text-zinc-600 dark:text-zinc-400">University of Massachusetts</p>
                        </div>
                    </div>

                    {/* Research Assistant */}
                    <div className="relative">
                        <span className="absolute -left-[37px] top-1 h-4 w-4 rounded-full border-2 border-zinc-50 dark:border-zinc-950 bg-zinc-400 dark:bg-zinc-600" />
                        <div className="space-y-2">
                            <div className="flex justify-between items-baseline flex-wrap gap-2">
                                <h3 className="font-semibold text-lg text-zinc-900 dark:text-zinc-100">Research Assistant</h3>
                                <span className="text-sm font-mono text-zinc-500">Sep 2022 – Present</span>
                            </div>
                            <p className="text-zinc-600 dark:text-zinc-400">Exalabs, University of Massachusetts</p>
                            <ul className="list-disc pl-5 space-y-1 text-sm text-zinc-500 dark:text-zinc-500 leading-relaxed marker:text-zinc-300">
                                <li>Designing state-of-the-art ML pipelines for graph properties & trajectory forecasting.</li>
                                <li>Reduced multi-agent simulation time by 1000x.</li>
                            </ul>
                        </div>
                    </div>

                    {/* Siemens */}
                    <div className="relative">
                        <span className="absolute -left-[37px] top-1 h-4 w-4 rounded-full border-2 border-zinc-50 dark:border-zinc-950 bg-zinc-300 dark:bg-zinc-700" />
                        <div className="space-y-2">
                            <div className="flex justify-between items-baseline flex-wrap gap-2">
                                <h3 className="font-semibold text-lg text-zinc-900 dark:text-zinc-100">Software Engineering Intern</h3>
                                <span className="text-sm font-mono text-zinc-500">May 2023 – Sep 2023</span>
                            </div>
                            <p className="text-zinc-600 dark:text-zinc-400">Siemens Healthineers</p>
                            <ul className="list-disc pl-5 space-y-1 text-sm text-zinc-500 dark:text-zinc-500 leading-relaxed marker:text-zinc-300">
                                <li>Created data analysis tool with Python for commercial blood testing machines.</li>
                                <li>Deployed 1DConv AutoEncoder (99.99% accuracy) on 700k+ dataset for real-time error detection.</li>
                            </ul>
                        </div>
                    </div>

                    {/* Masters */}
                    <div className="relative">
                        <span className="absolute -left-[37px] top-1 h-4 w-4 rounded-full border-2 border-zinc-50 dark:border-zinc-950 bg-zinc-200 dark:bg-zinc-800" />
                        <div className="space-y-2">
                            <div className="flex justify-between items-baseline flex-wrap gap-2">
                                <h3 className="font-semibold text-lg text-zinc-900 dark:text-zinc-100">MSc Computer Science</h3>
                                <span className="text-sm font-mono text-zinc-500">Aug 2022 – Dec 2024</span>
                            </div>
                            <p className="text-zinc-600 dark:text-zinc-400">University of Massachusetts</p>
                        </div>
                    </div>

                    {/* Bachelors */}
                    <div className="relative">
                        <span className="absolute -left-[37px] top-1 h-4 w-4 rounded-full border-2 border-zinc-50 dark:border-zinc-950 bg-zinc-100 dark:bg-zinc-900" />
                        <div className="space-y-2">
                            <div className="flex justify-between items-baseline flex-wrap gap-2">
                                <h3 className="font-semibold text-lg text-zinc-900 dark:text-zinc-100">BE Mechanical Engineering</h3>
                                <span className="text-sm font-mono text-zinc-500">Aug 2018 – June 2022</span>
                            </div>
                            <p className="text-zinc-600 dark:text-zinc-400">Osmania University</p>
                        </div>
                    </div>

                </div>
            </section>

            {/* Technical Skills */}
            <section className="space-y-8">
                <h2 className="text-2xl font-bold tracking-tight text-zinc-900 dark:text-zinc-50 border-b border-zinc-200 dark:border-zinc-800 pb-4">
                    Technical Skills
                </h2>
                <div className="grid grid-cols-1 sm:grid-cols-2 gap-8">
                    <div>
                        <h3 className="font-semibold text-zinc-900 dark:text-zinc-100 mb-3 block">Languages</h3>
                        <div className="flex flex-wrap gap-2 text-sm text-zinc-600 dark:text-zinc-400 font-mono">
                            <span className="px-2 py-1 bg-zinc-100 dark:bg-zinc-900 rounded">Rust</span>
                            <span className="px-2 py-1 bg-zinc-100 dark:bg-zinc-900 rounded">Kotlin</span>
                            <span className="px-2 py-1 bg-zinc-100 dark:bg-zinc-900 rounded">Python</span>
                            <span className="px-2 py-1 bg-zinc-100 dark:bg-zinc-900 rounded">Go</span>
                            <span className="px-2 py-1 bg-zinc-100 dark:bg-zinc-900 rounded">C++</span>
                            <span className="px-2 py-1 bg-zinc-100 dark:bg-zinc-900 rounded">SQL</span>
                            <span className="px-2 py-1 bg-zinc-100 dark:bg-zinc-900 rounded">TypeScript</span>
                            <span className="px-2 py-1 bg-zinc-100 dark:bg-zinc-900 rounded">R</span>
                        </div>
                    </div>
                    <div>
                        <h3 className="font-semibold text-zinc-900 dark:text-zinc-100 mb-3 block">Technologies</h3>
                        <div className="text-sm text-zinc-600 dark:text-zinc-400 leading-relaxed">
                            React.js, Django, Flask, TensorFlow, PyTorch, Jax, Tauri, Android SDK, Docker, Kubernetes, GCP, MongoDB
                        </div>
                    </div>
                    <div>
                        <h3 className="font-semibold text-zinc-900 dark:text-zinc-100 mb-3 block">Concepts</h3>
                        <div className="text-sm text-zinc-600 dark:text-zinc-400 leading-relaxed">
                            NLP, Transformers, Encryption, AI, Machine Learning, Distributed Systems
                        </div>
                    </div>
                </div>
            </section>

        </div>
    );
}