Spaces:
Running
Running
Ctrl+K
מעולה, עכשיו אנחנו הולכים לבנות את אותו תהליך שראית בתמונות – אבל מותאם לשאלון שלנו על כאבי גב. אני ארשום לך הנחיה ל־AI שמייצר קוד (נניח ב־React עם Tailwind), כולל כל שלבי השאלון, השאלות, התשובות והשלבים שאחרי (כמו טעינה, סיכום ותצוגת תוצאות). --- ### הנחיה ל־AI בנה קוויז אינטראקטיבי מלא עם העיצוב בצבעי המותג של aloeteva.com אך ללא לוגואים או טקסט שמזהה את המותג. השתמש בפלטה הירקרקה־פסטלית כבסיס. #### מבנה כללי של השלבים 1. **מסך פתיחה** טקסט: "בוא נבדוק מה מצב הגב שלך…" כפתור התחל 2. **שאלון (13 שאלות)** תעבור שאלה־שאלה. סוג התשובות: Radio / Checkbox / Slider בהתאם להגדרה. **שאלות ותשובות** * שאלה 0: מה המין שלך? ☐ גבר ☐ אישה * שאלה 1: מהן הדאגות העיקריות שלך? (בחירה מרובה) ☐ הפחתת כאבי גב תחתון ☐ חזרה לפעילות יומית ללא כאב ☐ שינה רצופה בלי להתעורר מכאבים ☐ הפסקת התלות בכדורי כאבים * שאלה 2: איך היית מתאר את כאבי הגב הנוכחיים שלך? ☐ כאב מתון מדי פעם ☐ כאב יומי שמפריע בעבודה ובבית ☐ כאב חזק שמגביל תנועה – קשה לקום מהמיטה ☐ כאב קיצוני – לא יכול לתפקד בכלל * שאלה 3: כמה זמן אתה מתמודד עם כאבי גב? ☐ פחות מ־6 חודשים ☐ 6 חודשים עד שנתיים ☐ 2–5 שנים של סבל ☐ יותר מ־5 שנים – כבר איבדתי תקווה * שאלה 4: אילו פעילויות אתה הכי מתגעגע אליהן בגלל כאבי הגב? (בחירה מרובה) ☐ לשחק עם הילדים/נכדים על הרצפה ☐ לעמוד זמן ארוך בבישול או בעבודה ☐ לישון בלי להתהפך מכאבים ☐ לשאת קניות או לעבוד בגינה * שאלה 5: אילו פתרונות ניסית עד היום? (בחירה מרובה) ☐ כדורי כאבים (אדוויל, אקמול, וולטרן) ☐ משחות ומדבקות מהרוקח (וולטרן ג'ל, פרסקינדול) ☐ פיזיותרפיה וכירופרקטיקה ☐ זריקות סטרואידים או חסימות עצב ☐ דיקור סיני ורפואה אלטרנטיבית ☐ עדיין לא מצאתי שום דבר שעוזר * שאלה 6: מה רמת הכאב שאתה מתמודד איתה היום? Slider מ־0 (ללא כאב) עד 10 (כאב בלתי נסבל) * שאלה 7: מה דעתך על פתרונות טבעיים להקלה על כאב? ☐ אני מעדיף רק תרופות "אמיתיות" מהרופא ☐ סקפטי אבל מוכן לנסות – כבר בדקתי הכל ☐ מאמין בצמחי מרפא אבל זקוק להוכחות ☐ מעדיף טבעי – נמאס לי להרעיל את הגוף * שאלה 8: מה הכי מדאיג אותך לגבי מצב הגב שלך? ☐ שאצטרך ניתוח גב מסוכן ☐ שאהפוך למכור לכדורי כאבים ☐ שלא אוכל יותר לעבוד ולפרנס ☐ שאהיה נטל על המשפחה שלי * שאלה 9: האם הכאבים החמירו לך בשנה האחרונה? ☐ כן ☐ לא * שאלה 10: טווח גילאים ☐ מתחת ל־35 ☐ 35–45 ☐ 45–55 ☐ 55–65 ☐ מעל 65 * שאלה 11: מה ישכנע אותך לנסות פתרון חדש להקלה על כאב? ☐ המלצה מרופא משפחה ☐ עדויות של ישראלים שסבלו כמוני ☐ 30 יום ניסיון ללא סיכון עם החזר כספי מלא ☐ מחקרים מדעיים על היעילות * שאלה 12: עד כמה כאבי הגב משפיעים על מצב הרוח וחיי המשפחה שלך? ☐ כמעט לא משפיע על החיים שלי ☐ לפעמים עצבני ומתוח מהכאב ☐ משפיע קשות – פחות סבלני עם המשפחה ☐ הורס לי את החיים – דיכאון וייאוש מתמיד כל שאלה תוצג במסך משלה עם **progress bar** בחלק העליון (לדוגמה: 5/13). 3. **מסך טעינה אחרי מילוי** טקסט: "אנחנו מנתחים את התשובות שלך…" אנימציה של progress עם שלבים: * בודקים את התשובות שלך * מחשבים את רמת הכאב שלך * מתאימים לך פרופיל * בונים עבורך סיכום 4. **מסך תוצאות** יציג אינדיקציה ויזואלית – לדוגמה: מד (gauge) עם אזורים "תפקוד טוב" מול "תפקוד נמוך". טקסט מותאם לפי רמת הכאב והדאגות שענו. 5. **מסך סיכום אישי** מציג מדדים: רמת כאב (0–10), משך הסבל, מצב רוח, סיכון לניתוח, וכו'. 6. **מסך הזנת אימייל** "התוצאות המלאות מוכנות עבורך. השאר אימייל כדי לקבל אותן" שדה אימייל + כפתור "קבל את הסיכום שלי". 7. **מסך המשך (אופציונלי)** המלצות כלליות + CTA לרכישה או להתנסות (בלי להזכיר מותג, רק בצבעוניות). --- #### הנחיות טכניות * השתמש ב־React עם Tailwind * צור קומפוננטה כללית לשאלה (QuestionCard) עם props: title, options, type (checkbox/radio/slider) * שלב **Progress bar** * שלב **אנימציית טעינה** בין השאלון לבין התוצאות * שמור תשובות ב־JSON בפורמט {"gender":"גבר", "painLevel":7, "age":"35-45", ...} * הוסף תמונות כלליות של גב / כאב גב בכל שלב (ללא לוגו) --- רוצה שאבנה לך כבר עכשיו את **שלד הקוד ב־React** עם כל השאלות בפנים, כדי שתוכל להריץ ולהשתמש בזה? - Follow Up Deployment
418e28b verified