import React from 'react';
import styles from './Hero.module.css';

function Hero() {
  return (
    <section className={styles.hero}>
      <img src="./pp.jpg" alt="Murtadha Nisyif" className={styles.backgroundImage} />
      <div className={styles.content}>
        <div className={styles.textContent}>
          <h1 className={styles.name}>Your Name</h1>
          <h2 className={styles.title}>Your Main Title</h2>
          <div className={styles.positions}>
            <p>Current Position</p>
            <p>Another Position</p>
            <p>Yet Another Position</p>
          </div>
        </div>
      </div>
    </section>
  );
}

export default Hero;