Diary App - Copy this React, Tailwind Component to your project

פרומפט ליצירת אפליקציית יומן AI מתקדמת צור אפליקציית יומן אישי מבוססת AI באמצעות React.js ו Tailwind CSS. האפליקציה צריכה לשלב עיצוב מודרני עם יכולות AI מתקדמות לניהול משימות ופגישות. מאפייני ליבה ממשק משתמש מינימליסטי ונקי בסגנון Glassmorphism תמיכה מלאה בעברית ו RTL אנימציות חלקות ומעברים מתוחכמים תצוגת לוח שנה אינטראקטיבית מערכת ניווט אינטואיטיבית יכולות AI עיבוד שפה טבעית להבנת בקשות המשתמש זיהוי אוטומטי של תאריכים, שעות ומשתתפים המלצות חכמות לתזמון פגישות ניתוח דפוסי התנהגות וסדרי עדיפויות אופטימיזציה של לוח הזמנים פונקציונליות מתקדמת צפייה בתצוגת יום/שבוע/חודש/שנה קטגוריות דינמיות למשימות תגיות ותיוג משתתפים מערכת תזכורות מתקדמת אינטגרציה עם יומני Google ו Outlook סנכרון בין מכשירים מצב אופליין רכיבי UI כרטיסי משימות עם Glassmorphism לוח שנה אינטראקטיבי עם הדגשת אירועים סרגל צד קונטקסטואלי תפריט מהיר לפעולות נפוצות חיפוש גלובלי עם פילטרים מתקדמים התראות בזמן אמת דאשבורד אישי מותאם עיצוב ו UX פלטת צבעים: כחול עמוק (#1a365d), טורקיז (#2ec4b6), אפור בהיר (#f7f7f7) טיפוגרפיה: Assistant Hebrew לטקסט, Rubik לכותרות אפקטים: צללים רכים, שקיפויות מדורגות, מעברי צבע עדינים משוב חזותי לכל אינטראקציה תמיכה בערכות נושא בהירות/כהות התאמה מלאה למובייל קומפוננטות נדרשות jsxCopy// רכיבים מרכזיים NavBar Sidebar CalendarView TaskCard EventModal SearchBar NotificationCenter SettingsPanel AIAssistant Analytics ארכיטקטורה מומלצת jsxCopysrc/ ├── components/ │ ├── layout/ │ ├── calendar/ │ ├── tasks/ │ ├── ai/ │ └── shared/ ├── hooks/ ├── context/ ├── services/ │ ├── ai/ │ ├── calendar/ │ └── sync/ ├── styles/ └── utils/ דגשים טכניים שימוש ב Next.js 14 עם App Router ניהול מצב עם Zustand Tanstack Query לניהול מצב שרת הוספת Framer Motion לאנימציות שימוש ב shadcn/ui לקומפוננטות בסיס אינטגרציה עם OpenAI API תמיכה ב PWA אבטחה וסנכרון עם Firebase בעברית מיושר לימין