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

export default function AboutLegend({ dict }: { dict: any }) {
  return (
    <>
      <section className={styles.aboutSection} id="about">
        <div className={styles.container}>
          <h2 className={styles.heading}>{dict.about.title}</h2>
          <div className={styles.content}>
            <p className={styles.paragraph}>{dict.about.p1}</p>
            <p className={styles.paragraph}>{dict.about.p2}</p>
          </div>
          <div className={styles.bottomBadge}>
            <h3 className={styles.yachtingTitle}>SALMAKIS</h3>
            <p className={styles.sinceBadge}>{dict.about.since}</p>
          </div>
        </div>
      </section>

      <section className={styles.legendSection} id="legend">
        {/* Parallax / minimal illustration container */}
        <div className={styles.parallaxBg}>
           <div className={styles.glassCard}>
              <h3 className={styles.legendTitle}>{dict.about.company}</h3>
              <div className={styles.legendText}>
                <p><strong>SALMAKIS TURIZM YATIRIM VE TICARET ANONIM SIRKETI</strong></p>
                <p>Adres: Kumbahce Mahallesi Icmeler Caddesi No: 28/1 Bodrum / MUGLA / TURKEY</p>
                <p>Vergi Dairesi: BODRUM</p>
                <p>Vergi No: 741 003 6900</p>
                <p>Mersis No: 0741 0036 9000 0011</p>
              </div>
              <div className={styles.goldLine}></div>
           </div>
        </div>
      </section>
    </>
  );
}
