import React from "react";

import Header from "./components/header/Header";
import Footer from "./components/footer/Footer";
import Hero from "./components/hero/Hero";
// import Education from "./components/education/Education";
// import Experience from "./components/experience/Experience";
import InfoSection from "./components/info/InfoSection";
import Separator from "./components/separater/Separater";

import styles from "./App.module.css";

// Temp data
const educationData = [
	{
		id: 1,
		title: "Bachelor of Engineering - Computer Engineering",
		organization: "University of Guelph",
		logo: "/logos/uog.png", // Add the actual path to the university logo
		location: "Guelph, ON", // Add the location if available
		duration: "2019 - 2023",
		description:
			"As a graduate in Computer Engineering, my expertise encompasses a wide range of skills essential for modern computing systems. This includes circuit design and development, hardware integration, and system-level design integration. I am well-versed in the science and tools required for designing, constructing, implementing, and maintaining both software and hardware components in computing systems.",
		achievements: ["Dean's Honor List for 2 consecutive years", "Engineering Design Winner: Portable UTI Diagnosis"],
		skills: ["Circuit design and development", "Hardware integration", "System-level design integration", "Software and hardware component maintenance"],
		techStack: ["Data Structures and Algorithms", "Computer Networks", "Operating Systems", "Digital Systems Design", "Embedded Systems Programming", "Modeling Complex Systems"],
		skillsTitle: "Key Skills",
		techStackTitle: "Relevant Courses",
	},
	{
		id: 2, // This will be displayed after the Masters degree
		title: "Bachelor of Computer Science",
		organization: "University of Guelph",
		logo: "/logos/uog.png",
		location: "Guelph, ON",
		duration: "2020 - 2023",
		description:
			"As a graduate in Computer Science, the journey emphasizes mathematical principles, systems development, programming, and in-depth algorithm design and analysis. With a curriculum that spans topics like databases, data structures, and full-stack development. Additionally, my educational background covers essential aspects such as cybersecurity, networking, and other crucial disciplines.",
		skills: ["Mathematical principles", "Systems development", "Programming", "Algorithm design and analysis", "Full-stack development", "Networking"],
		techStack: ["Databases", "Data Structures", "Algorithms", "Web Development", "Computer Networks"],
		achievements: [
			// Add any specific achievements, awards, or notable projects here
		],
		skillsTitle: "Key Skills",
		techStackTitle: "Core Areas",
	},
	{
		id: 3,
		title: "MASc Candidate - Computer Engineering",
		organization: "University of Guelph",
		logo: "/logos/uog.png", // Add the actual path to the university logo
		location: "Guelph, ON", // Add the location if available
		duration: "2023 - 2024",
		description: "Pursuing advanced studies in Computer Engineering with a focus on AI systems and machine learning applications.",
		achievements: ["Published on 'Boosting Edge-to-Cloud Data Transmission Efficiency with Semantic Transcoding' in IEEE CCECE 2024 Conference"],
		skills: ["Advanced AI systems design", "Machine learning model development", "Computer vision techniques", "Deep learning architectures"],
		techStack: ["Software Architecture in AI systems", "Machine Vision", "Deep Learning", "Artificial Intelligence"],
		skillsTitle: "Key Skills",
		techStackTitle: "Relevant Courses",
	},
];

const experienceData = [
	{
		id: 3, // Newest entry
		title: "Graduate Researcher",
		organization: "University of Guelph",
		logo: "/logos/uog.png",
		location: "Guelph, Ontario",
		duration: "Jan 2024 - Dec 2024",
		description:
			"Conducted research on transformer-based models for semantic data transmission in end-to-end (E2E) communications, developing and training models using PyTorch to enhance data transmission efficiency and reliability.",
		skills: ["Transformer-based models", "Semantic data transmission", "E2E communications", "PyTorch", "Research publication"],
		techStack: ["PyTorch", "E2E communication protocols", "Data transmission algorithms"],
		achievements: ["Published findings in CCECE 2024, presenting results that showed an improvement in data transmission latencies"],
	},
	{
		id: 2,
		title: "Software Developer",
		organization: "University of Guelph - Robotics Institute",
		logo: "/logos/uog.png",
		location: "Guelph, Ontario",
		duration: "Oct 2022 - Oct 2023",
		description: "Developed ROS2 modules for an Assistive Robotic Feeding System, managed a React Native mobile app, and deployed analytics applications using AWS services.",
		skills: ["ROS2 development", "Mobile app development", "Cloud deployment", "Database management", "IoT integration"],
		techStack: ["C++", "Python", "React Native", "AWS (EC2, S3)", "PostgreSQL", "BLE"],
		achievements: [
			"Developed ROS2 modules for an Assistive Robotic Feeding System for Elderly Individuals",
			"Improved BLE reliability in React Native mobile app",
			"Successfully deployed analytics application on AWS",
		],
	},
	{
		id: 1, // Oldest entry
		title: "Information Technology Analyst",
		organization: "Kitchener Downtown Community Health Centre - SRHC",
		logo: "/logos/srhc.png",
		location: "Kitchener, Ontario",
		duration: "Jul 2020 - Oct 2020",
		description:
			"Managed IT infrastructure upgrades, streamlined communication systems, and maintained electronic medical record systems, resulting in significant cost savings and improved patient care efficiency.",
		skills: ["IT infrastructure management", "Budget optimization", "Healthcare IT systems", "Process improvement"],
		techStack: ["OSCAR McMaster EMR", "TELUS healthcare infrastructure", "Firewall solutions"],
		achievements: [
			"Saved 45% of a $10,000 budget for equipment upgrades",
			"Reduced patient waiting times by 30% through streamlined communication",
			"Successfully migrated to new TELUS healthcare infrastructure",
		],
	},
];

function App() {
	return (
		<div className={styles.app}>
			<Header />
			<main className={styles.main}>
				<Hero />
				<section className={styles.section} style={{ backgroundColor: "#333", color: "#fff" }}>
					<div className={styles.content}>
						<h1>Welcome to My Portfolio</h1>
						<p>This is where you'll add your portfolio content.</p>
					</div>
				</section>
				{/* <section className={styles.section} style={{backgroundColor: '#f0f0f0'}}>
          <div className={styles.content}>
            <h2>Another Section</h2>
            <p>This section has a different background color.</p>
          </div>
        </section> */}
				<InfoSection title="Experience" data={experienceData} isEducation={true} />
				<Separator width="70%" thickness="3px" />
				<InfoSection title="Education" data={educationData} isEducation={true} />
				<Separator width="70%" thickness="3px" />
				{/* Add more sections as needed */}
			</main>
			<Footer />
		</div>
	);
}

export default App;
