add: Eti joke

src/students/eti/Card.tsx

@@ -0,0 +1,12 @@
+import styles from "./styles.module.css";
+import { CardProps } from "../../types";
+
+export default function  EtiCard({ student, onClick }: CardProps) {
+    return (
+        <div onClick={onClick} className={`joke-card ${styles.card}`}>
+            <h2 className={styles.title}>{student.jokeTitle}</h2>
+            <p className={styles.name}>{student.name}</p>
+            <span className={styles.badge}>לחצי לצחוק</span>
+        </div>
+    );
+}

src/students/eti/JokePage.tsx

@@ -0,0 +1,13 @@
+import styles from "./styles.module.css";
+import { PageProps } from "../../types";
+
+
+export default function EtiJokePage({ onBack }: PageProps) {
+    return (
+        <div className={`joke-page ${styles.jokePage}`}>
+            <h2>חנות אחת תלתה שלט: "כאן מוכרים חליפות לכל סוגי העבודה"</h2>
+            <h2>נכנס איש אחד ושאל את המוכר: "יש לכם חליפה בשביל מחפשי עבודה?"🤵</h2>
+            <button onClick={onBack}>חזרה</button>
+        </div>
+    );
+}

src/students/eti/styles.module.css

@@ -0,0 +1,85 @@
+.card {
+  background: linear-gradient(160deg, #fff8e7 0%, #ffe0a3 100%);
+  border: 3px solid #f5a623;
+  box-shadow: 0 6px 20px rgba(245, 166, 35, 0.35);
+}
+
+.avatar {
+  font-size: 3rem;
+  margin-bottom: 0.5rem;
+}
+
+.title {
+  font-size: 1.4rem;
+  color: #7a4800;
+  margin-bottom: 0.4rem;
+}
+
+.name {
+  font-size: 1rem;
+  color: #5a3400;
+  margin-bottom: 1rem;
+}
+
+.badge {
+  display: inline-block;
+  background: #f5a623;
+  color: #fff;
+  border-radius: 20px;
+  padding: 0.3rem 1rem;
+  font-size: 0.85rem;
+  font-weight: bold;
+}
+
+.jokePage {
+  background: linear-gradient(135deg, #fff3cd, #ffd77a);
+}
+
+.jokeHeader {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.3rem;
+}
+
+.bigEmoji {
+  font-size: 5rem;
+}
+
+.jokeCard {
+  background: #fff;
+  border-radius: 20px;
+  padding: 2rem 2.5rem;
+  max-width: 500px;
+  width: 100%;
+  text-align: center;
+  box-shadow: 0 8px 24px rgba(245, 166, 35, 0.3);
+  color: #5a3400;
+}
+
+.jokeCard h2 {
+  font-size: 1.3rem;
+  margin-bottom: 0.6rem;
+}
+
+.jokeCard p {
+  font-size: 1.4rem;
+  line-height: 1.6;
+  margin-top: 0.8rem;
+}
+
+.backBtn {
+  background: #f5a623;
+  color: #fff;
+  border: none;
+  border-radius: 30px;
+  padding: 0.7rem 2rem;
+  font-size: 1rem;
+  font-weight: bold;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+
+.backBtn:hover {
+  background: #d4891a;
+}

src/students/index.ts

@@ -6,6 +6,9 @@ import DanaDuviJokePage from "./dana-duvi/JokePage";
 import ChaniChanzinCard from "./chani-chanzin/Card";
 import ChaniChanzinJokePage from "./chani-chanzin/JokePage";
 
+import EtiCard from "./eti/Card";
+import EtiJokePage from "./eti/JokePage";
+
 // ⚠️ סדר הרשימה חייב להיות לפי סדר האלף-בית העברי לפי שם המשפחה.
 // כל תלמידה מוסיפה את עצמה במקום הנכון ידנית.
 // אסור להשתמש בפונקציית-sort! 
@@ -24,6 +27,13 @@ const students: Student[] = [
     CardComponent: ChaniChanzinCard,
     JokePageComponent: ChaniChanzinJokePage,
   },
+  {
+  id: "Eti Orenbach",
+  name: "אתי אורנבך",
+  jokeTitle: "בדיחה",
+  CardComponent: EtiCard,
+  JokePageComponent: EtiJokePage,
+  },
 ];
 
 export default students;