diff --git a/src/students/eti/Card.tsx b/src/students/eti/Card.tsx
new file mode 100644
index 0000000..c35c1a1
--- /dev/null
+++ b/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 (
+
+
{student.jokeTitle}
+
{student.name}
+
לחצי לצחוק
+
+ );
+}
\ No newline at end of file
diff --git a/src/students/eti/JokePage.tsx b/src/students/eti/JokePage.tsx
new file mode 100644
index 0000000..b04874c
--- /dev/null
+++ b/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 (
+
+
חנות אחת תלתה שלט: "כאן מוכרים חליפות לכל סוגי העבודה"
+ נכנס איש אחד ושאל את המוכר: "יש לכם חליפה בשביל מחפשי עבודה?"🤵
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/students/eti/styles.module.css b/src/students/eti/styles.module.css
new file mode 100644
index 0000000..d70b8b2
--- /dev/null
+++ b/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;
+}
diff --git a/src/students/index.ts b/src/students/index.ts
index 5be78e7..ae0f514 100644
--- a/src/students/index.ts
+++ b/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;