import React from "react";
import Image from "next/image";
import styles from "./styles/About.module.css";

const About = () => {
  return (
    <section
      id="aboutScroll"
      className="max-w-6xl mx-auto my-20 px-4 md:px-8 grid grid-cols-1 md:grid-cols-2 gap-16 items-center min-h-[80vh]"
    >
      <div className="flex justify-center items-center">
        <Image
          src="/assets/img/about_me.jpg"
          alt="about image"
          width={480}
          height={480}
          className="max-w-full h-auto rounded-xl shadow-md"
        />
      </div>

      <div className="relative flex flex-col items-center md:items-start text-center md:text-left space-y-4">
        <h3 className={styles.aboutTitle}>About me</h3>

        <p className={`${styles.aboutParagraph} mt-5`}>
          I'm currently registered at Efrei Paris specializing in Data
          Engineering & AI. I'm in apprenticeship at Iceberg Data Lab as AI
          Engineer & Data Scientist.
        </p>

        <p className={styles.aboutParagraph}>
          My deep interest in IT merges with the fascinating field of aerospace.
          My strong passion lies in computer science and artificial
          intelligence, with a growing focus on robotics and its applications to
          space.
        </p>
        <p className={styles.aboutParagraph}>
          I am working toward a PhD in Robotics + AI, and I prepare for it
          actively. With DeepSight-Nebula, I am turning an educational robot
          into a real-time capable platform — writing ESP32 firmware from
          scratch and documenting the work as a mini-thesis. In parallel, I run
          a daily spaced-repetition review on MP-level mathematics, work through
          the Rust book for low-level fluency, and read one robotics paper per
          week. Next up: a SLAM-focused project paired with a ROS2 course, to
          bridge the gap from firmware to full autonomous systems.
        </p>
      </div>
    </section>
  );
};

export default About;