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>
              My name is Cody Huang, and I'm a tech enthusiast. I enjoy participating in hackathons, building applications/websites, 3d modelling, and arduino projects. Outside of technology I enjoy cooking, rearranging, and stocks. I'm a individual who enjoys exploring innovative topics to learn about and develop tools and solutions for people worldwide.
              <br />
                            <br />
              In regards to the future, I hope to do something innovative in the future, whether it be digital or something tangible.
            </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
