Ready for production deployment with Dockerfile and i18n support

app/components/AboutLegend.tsx

@@ -0,0 +1,38 @@
+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>
+    </>
+  );
+}