import genai from '../assets/genai.png'
import husky from '../assets/husky.png'
import './About.css'

function About() {
  return (
    <section className="section about-page">
      <div className="container">
        <h2>About Me</h2>

        <div className="about-content">
          <div className="about-card">
            <p>
              Hi there! I am an enthusiastic AP/Gifted high school sophomore and
              passionate technologist with a strong drive for building things and
              bringing creative ideas to life. I spend my time coding, experimenting
              with hardware in my homelab, and diving headfirst into competitive
              hackathons. Whether I am architecting complex software systems from
              scratch or building interactive applications under intense time
              constraints, I love tackling ambitious technical challenges. I am a
              natural collaborator who thrives in fast-paced environments. From
              guiding peers through tight project deadlines and presenting ideas to
              judges, to coordinating with others at large public events, I focus on
              clear communication and keeping team momentum strong. I value
              preparedness and community wellbeing, holding formal certifications in
              First Aid and Psychological First Aid. I bring a calm, grounded
              approach to handling unexpected situations, alongside an active and
              energetic mindset.
            </p>
          </div>

          <div className="about-sidebar">
            <img src={genai} alt="GenAI" className="about-img" />
            <img src={husky} alt="Husky" className="about-img" />
          </div>
        </div>
      </div>
    </section>
  )
}

export default About