motiondesk-studio 0.0.0-stage → 1.3.0

package/app/assets/travel-DoqS5vPB.js

@@ -0,0 +1 @@
+var e={category:{id:`travel`,title:`תיירות ונופש`,description:`סרטונים לחבילות נופש, מלונות, טיולים, מדריכי עיר ומבצעי טיסות.`,icon:`plane`},templates:[{id:`travel-weekend-packages`,title:`חבילות סוף שבוע`,description:`חבילות נופש קצרות: הבטחה, מה כלול, השוואה ומחיר פתיחה.`,tags:[`חבילות`,`סוף שבוע`,`נופש`],config:{format:`motiondesk-config/v4`,title:`חבילות סוף שבוע`,theme:`summer_ice`,aspectRatio:`16:9`,fps:24,palette:{background:`#E6F6FB`,foreground:`#0B2A3A`,accent:`#0A6A8A`,secondary:`#0E4A63`},seed:5101,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`hook`,duration:3,title:`לברוח לסוף שבוע`,emphasis:`לברוח`,icon:`rocket`,variant:`split`,energy:`punchy`,background:`aurora`,camera:`push-in`},{type:`kinetic`,duration:3,title:`ארבעה ימים של`,emphasis:`ימים`,words:[`שקט`,`ים`,`שמש`],variant:`split`,energy:`punchy`,background:`grid`,camera:`drift`,transition:`whip`},{type:`cards`,duration:3.6,title:`שלוש חבילות לבחירה`,emphasis:`חבילות`,items:[`זוגי רומנטי`,`משפחה עם ילדים`,`חברים בצימר`],icons:[`users`,`sparkles`,`gift`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`push`},{type:`checklist`,duration:3.4,title:`הכול כלול`,emphasis:`כלול`,items:[`לינה עם ארוחת בוקר`,`ספא וגקוזי`,`צ׳ק־אאוט מאוחר`],icon:`circle-check`,life:`subtle`,variant:`centered`,energy:`normal`,background:`solid`,camera:`push-in`,transition:`slide`},{type:`coins`,duration:3,title:`מחיר פתיחה ללילה`,emphasis:`פתיחה`,value:390,prefix:`₪`,label:`מחיר הדגמה בלבד`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`,transition:`iris`},{type:`compare`,duration:3.2,title:`בבית או בנופש?`,emphasis:`בנופש`,items:[`עוד סוף שבוע רגיל`,`סוף שבוע שזוכרים`],variant:`stacked`,energy:`normal`,background:`gradient`,camera:`none`,transition:`stack`},{type:`freeze`,duration:2.6,label:`שגרה → חופש`,cta:`הדרך מתחילה עכשיו`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`,transition:`zoom-through`},{type:`endcard`,duration:3.4,title:`מחכה לכם חדר עם נוף`,emphasis:`נוף`,cta:`שריינו חבילה`,subtitle:`נופשון · חבילות סוף שבוע`,icon:`calendar`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`travel-boutique-hotel`,title:`מלון בוטיק`,description:`מלון קטן ויוקרתי בעיצוב כהה וזהב: לוגו, ציטוט, שירותים ולילה.`,tags:[`מלון`,`בוטיק`,`יוקרה`],config:{format:`motiondesk-config/v4`,title:`מלון בוטיק`,theme:`midnight`,aspectRatio:`16:9`,fps:30,palette:{background:`#101820`,foreground:`#F7F1E3`,accent:`#E3B65B`,secondary:`#8C6F3A`},seed:5102,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`subtle`,fixes:!0,scenes:[{type:`logo`,duration:3,title:`בית הדקל`,label:`מלון בוטיק עם שמונה חדרים בלבד`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`},{type:`quote`,duration:3.6,title:`לא מלון גדול. מקום שלכם`,emphasis:`שלכם`,label:`ההבטחה של בית הדקל`,variant:`centered`,energy:`calm`,background:`gradient`,camera:`push-in`,transition:`fade`},{type:`cards`,duration:3.8,title:`מה מחכה בפנים`,emphasis:`מחכה`,items:[`סוויטות עם מרפסת`,`ארוחת בוקר בגינה`,`בר יין בערב`],icons:[`sparkles`,`gift`,`trophy`],variant:`stacked`,energy:`calm`,background:`grid`,camera:`drift`,transition:`push`},{type:`big-number`,duration:3,title:`חדרים בלבד, רק לכם`,emphasis:`רק לכם`,value:8,label:`שמונה חדרים, אין עומס`,from:0,variant:`centered`,energy:`normal`,background:`aurora`,camera:`push-in`,transition:`iris`},{type:`timeline`,duration:4.4,title:`היום שלכם אצלנו`,emphasis:`שלכם`,items:[`קפה בגינה`,`בריכה ושקט`,`ארוחת ערב`,`כוכבים במרפסת`],icons:[`clock`,`sparkles`,`gift`,`target`],variant:`centered`,energy:`calm`,background:`dots`,camera:`push-in`,transition:`push`},{type:`line-chart`,duration:3.2,title:`רמת השקט עולה`,emphasis:`עולה`,values:[20,30,45,60,78,92],subtitle:`נתוני הדגמה בלבד`,variant:`centered`,energy:`calm`,background:`gradient`,camera:`drift`,transition:`fade`},{type:`endcard`,duration:3.6,title:`לילה אחד משנה הרבה`,emphasis:`משנה`,cta:`בדקו תאריכים פנויים`,subtitle:`בית הדקל · הגליל העליון`,icon:`calendar`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`travel-road-trip-north`,title:`טיול כביש בצפון`,description:`יום נסיעה בצפון עם מסלול על מפה, תחנות, מספרים ורשימת ציוד.`,tags:[`טיול`,`מפה`,`כביש`],config:{format:`motiondesk-config/v4`,title:`טיול כביש בצפון`,theme:`warm`,aspectRatio:`16:9`,fps:24,palette:{background:`#FDF6D8`,foreground:`#2A2410`,accent:`#9A4A00`,secondary:`#5C3B00`},seed:5103,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`hook`,duration:2.8,title:`מתניעים לצפון`,emphasis:`מתניעים`,icon:`map-pin`,variant:`split`,energy:`punchy`,background:`aurora`,camera:`push-in`},{type:`map-route`,duration:4.2,title:`מסלול של יום אחד`,emphasis:`יום אחד`,items:[`קפה בראש הכרמל`,`פיקניק ליד הנחל`,`שקיעה בכנרת`],variant:`centered`,energy:`normal`,background:`grid`,camera:`drift`,transition:`zoom-through`},{type:`counter`,duration:3,title:`קילומטרים של נוף`,emphasis:`נוף`,value:180,from:0,max:250,suffix:` ק״מ`,ring:!0,label:`נתוני הדגמה בלבד`,variant:`centered`,energy:`punchy`,background:`gradient`,camera:`orbit`,transition:`iris`},{type:`notification-stack`,duration:3.6,title:`עצירות שלא מפספסים`,emphasis:`עצירות`,items:[`מעיין קריר`,`חומוס של הכפר`,`מצפור פתוח`,`גלידה בדרך חזרה`],icons:[`map-pin`,`gift`,`globe`,`sparkles`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`stack`},{type:`checklist`,duration:3.4,title:`לא שוכחים לארוז`,emphasis:`לארוז`,items:[`מים וכובע`,`פלייליסט טוב`,`מטען לרכב`],icon:`circle-check`,life:`subtle`,variant:`centered`,energy:`normal`,background:`solid`,camera:`push-in`,transition:`push`},{type:`marquee`,duration:2.8,title:`לנסוע בלי למהר`,emphasis:`בלי למהר`,words:[`נוף`,`רוח`,`חופש`],cta:`דרך הצפון, טיולים`,variant:`stacked`,energy:`punchy`,background:`motif`,camera:`drift`,transition:`whip`},{type:`endcard`,duration:3.4,title:`הכביש כבר מחכה`,emphasis:`מחכה`,cta:`הורידו את המסלול המלא`,subtitle:`דרך הצפון · טיולי יום`,icon:`map-pin`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`travel-city-guide`,title:`יום אחד בעיר`,description:`מדריך אורבני קצר: ציר זמן, כרטיסי מקומות וטיפים מקומיים.`,tags:[`מדריך`,`עיר`,`אטרקציות`],config:{format:`motiondesk-config/v4`,title:`יום אחד בעיר`,theme:`flow`,aspectRatio:`16:9`,fps:24,palette:{background:`#F6F3FF`,foreground:`#1E1635`,accent:`#5B2BD0`,secondary:`#3B2A78`},seed:5104,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`kinetic`,duration:3,title:`עיר אחת, יום אחד`,emphasis:`יום`,words:[`שוק`,`חוף`,`מרפסות`],variant:`split`,energy:`punchy`,background:`aurora`,camera:`push-in`},{type:`timeline`,duration:4.4,title:`כך נראה יום מושלם`,emphasis:`מושלם`,items:[`בוקר בשוק`,`צהריים בחוף`,`אחה״צ בגלריות`,`ערב ברציף`],icons:[`clock`,`globe`,`sparkles`,`map-pin`],variant:`centered`,energy:`normal`,background:`grid`,camera:`push-in`,transition:`push`},{type:`cards`,duration:3.6,title:`מקומות שאוהבים`,emphasis:`שאוהבים`,items:[`שוק הפשפשים`,`סמטאות העיר העתיקה`,`נמל ישן`],icons:[`map-pin`,`globe`,`trophy`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`slide`},{type:`chat`,duration:3.8,title:`שואלים מקומי`,emphasis:`מקומי`,items:[`איפה אוכלים טוב?`,`בסמטה שמאחורי השוק`,`ואיך מגיעים?`,`ברגל, זה קרוב`],variant:`stacked`,energy:`calm`,background:`gradient`,camera:`drift`,transition:`fade`},{type:`marquee`,duration:2.6,title:`לטייל כמו מקומיים`,emphasis:`מקומיים`,words:[`לאט`,`בעיניים פקוחות`],cta:`מדריך העיר`,variant:`stacked`,energy:`punchy`,background:`motif`,camera:`orbit`,transition:`whip`},{type:`freeze`,duration:2.6,label:`מפה → סיפור`,cta:`כל סמטה יש לה סיפור`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`,transition:`zoom-through`},{type:`endcard`,duration:3.4,title:`העיר מחכה לכם`,emphasis:`מחכה`,cta:`קבלו מפה מודפסת`,subtitle:`מדריך העיר · מרכז מבקרים`,icon:`map-pin`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`travel-flight-deals`,title:`מבצעי טיסות`,description:`מבצעי טיסה בנאון כהה: התראות, מחיר, ספירה לאחור ואפליקציה.`,tags:[`טיסות`,`מבצע`,`אפליקציה`],config:{format:`motiondesk-config/v4`,title:`מבצעי טיסות`,theme:`pulse`,aspectRatio:`16:9`,fps:30,palette:{background:`#0A0E27`,foreground:`#EEF1FF`,accent:`#3DF2C2`,secondary:`#7B8CFF`},seed:5105,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`hook`,duration:2.6,title:`הטיסה הבאה שלכם בזול`,emphasis:`בזול`,icon:`send`,variant:`split`,energy:`punchy`,background:`aurora`,camera:`push-in`},{type:`notification-stack`,duration:3.6,title:`התראות מבצע חיות`,emphasis:`חיות`,items:[`אתונה ב־אלף שקל`,`ברצלונה סוף שבוע`,`פראג בחצי מחיר`],icons:[`send`,`bell`,`zap`],variant:`stacked`,energy:`punchy`,background:`gradient`,camera:`orbit`,transition:`stack`},{type:`coins`,duration:3,title:`טיסה הלוך חזור מ־`,emphasis:`מ־`,value:299,prefix:`$`,label:`מחיר הדגמה בלבד`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`,transition:`iris`},{type:`phone`,duration:4.4,title:`כל המחירים בכיס`,emphasis:`בכיס`,product:`ציפור`,rows:[[`תל אביב`,`רומא`],[`מחיר`,`199 $`],[`תאריך`,`14 בנוב׳`]],icons:[`send`,`coins`,`calendar`],cta:`התראה על ירידת מחיר`,subtitle:`נתוני הדגמה בלבד`,variant:`split`,energy:`normal`,background:`aurora`,camera:`orbit`,transition:`push`},{type:`bars`,duration:3.6,title:`המחיר לפי חודש`,emphasis:`חודש`,values:[420,310,240,380],items:[`ינואר`,`פברואר`,`מרץ`,`אפריל`],subtitle:`נתוני הדגמה בלבד`,life:`subtle`,variant:`centered`,energy:`calm`,background:`grid`,camera:`push-in`,transition:`fade`},{type:`freeze`,duration:2.6,label:`מחיר → מסלול`,cta:`תפסו לפני שנגמר`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`,transition:`whip`},{type:`endcard`,duration:3.4,title:`ההזדמנות כבר באוויר`,emphasis:`באוויר`,cta:`הפעילו התראות מחיר`,subtitle:`ציפור · מבצעי טיסות`,icon:`bell`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`travel-local-attractions`,title:`אטרקציות בסביבה`,description:`אטרקציות מקומיות לכל המשפחה: כרטיסים, מספרים וטיפ עונתי.`,tags:[`אטרקציות`,`משפחה`,`מקומי`],config:{format:`motiondesk-config/v4`,title:`אטרקציות בסביבה`,theme:`flow`,aspectRatio:`16:9`,fps:24,palette:{background:`#EEF7EA`,foreground:`#12301B`,accent:`#1B7A37`,secondary:`#2F5F3A`},seed:5106,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`hook`,duration:3,title:`מה עושים השבוע?`,emphasis:`עושים`,icon:`lightbulb`,variant:`split`,energy:`punchy`,background:`aurora`,camera:`push-in`},{type:`cards`,duration:3.8,title:`חמש דקות מהבית`,emphasis:`מהבית`,items:[`חוות בעלי חיים`,`שביל אופניים`,`מערת נטיפים`,`פארק מים`],icons:[`sparkles`,`target`,`globe`,`gift`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`push`},{type:`big-number`,duration:3,title:`אטרקציות באזור אחד`,emphasis:`באזור`,value:12,label:`נתוני הדגמה בלבד`,from:0,variant:`centered`,energy:`punchy`,background:`gradient`,camera:`push-in`,transition:`iris`},{type:`line-chart`,duration:3.2,title:`עומס לפי שעות היום`,emphasis:`שעות`,values:[10,25,70,90,60,35,15],subtitle:`נתוני הדגמה בלבד`,life:`subtle`,variant:`centered`,energy:`calm`,background:`grid`,camera:`drift`,transition:`fade`},{type:`checklist`,duration:3.4,title:`טיפים לפני שיוצאים`,emphasis:`טיפים`,items:[`מגיעים עד עשר`,`כרטיס אחד לכולם`,`נעליים נוחות`],icon:`lightbulb`,variant:`centered`,energy:`normal`,background:`solid`,camera:`push-in`,transition:`push`},{type:`map-route`,duration:3.8,title:`מסלול משפחתי`,emphasis:`משפחתי`,items:[`חווה`,`מערה`,`פארק מים`],variant:`centered`,energy:`normal`,background:`aurora`,camera:`drift`,transition:`zoom-through`},{type:`confetti`,duration:2.4,emphasis:`כיף לכל המשפחה!`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`orbit`,transition:`iris`},{type:`endcard`,duration:3.4,title:`חופשה בלי לנסוע רחוק`,emphasis:`רחוק`,cta:`כרטיסים באתר העמק`,subtitle:`אטרקציות העמק · פתוח כל השבוע`,icon:`map-pin`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`travel-desert-glamping`,title:`לילה במדבר`,description:`קמפינג יוקרתי תחת כוכבים: ציטוט, מילים גדולות, ציר זמן ושקיעה.`,tags:[`מדבר`,`גלמפינג`,`כוכבים`],config:{format:`motiondesk-config/v4`,title:`לילה במדבר`,theme:`mono`,aspectRatio:`16:9`,fps:24,palette:{background:`#2B1D14`,foreground:`#FFF1DC`,accent:`#FFB26B`,secondary:`#D98A4B`},seed:5107,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`subtle`,fixes:!0,scenes:[{type:`kinetic`,duration:3.2,title:`מדבר שלא הכרתם`,emphasis:`שלא`,words:[`שקט`,`כוכבים`,`אש`],variant:`split`,energy:`normal`,background:`aurora`,camera:`push-in`},{type:`quote`,duration:3.6,title:`הרעש היחיד הוא האש`,emphasis:`האש`,label:`חוויית הלילה במדבר`,variant:`centered`,energy:`calm`,background:`gradient`,camera:`push-in`,transition:`fade`},{type:`timeline`,duration:4.4,title:`הלילה שלכם`,emphasis:`שלכם`,items:[`שקיעה על הדיונה`,`ארוחה על האש`,`תצפית כוכבים`,`בוקר בחום קל`],icons:[`sparkles`,`gift`,`target`,`clock`],variant:`centered`,energy:`calm`,background:`grid`,camera:`push-in`,transition:`push`},{type:`compare`,duration:3.2,title:`מלון או אוהל?`,emphasis:`אוהל`,items:[`חדר מזוגג`,`אוהל עם נוף כוכבים`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`none`,transition:`stack`},{type:`progress`,duration:2.8,title:`חושך מלא, ראות מושלמת`,emphasis:`ראות`,value:95,max:100,suffix:`%`,label:`נתוני הדגמה בלבד`,variant:`centered`,energy:`calm`,background:`gradient`,camera:`drift`,transition:`iris`},{type:`freeze`,duration:2.6,label:`עיר → דממה`,cta:`שעתיים מהבית, עולם אחר`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`,transition:`zoom-through`},{type:`endcard`,duration:3.6,title:`הכוכבים כבר דולקים`,emphasis:`דולקים`,cta:`שריינו אוהל`,subtitle:`חולות המדבר · גלמפינג`,icon:`calendar`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`travel-last-minute-vertical`,title:`ברגע האחרון`,description:`סטורי אנכי: מבצעי ברגע האחרון עם שעון, מחיר ופעולה מהירה.`,tags:[`ברגע האחרון`,`מבצע`,`סטורי`],config:{format:`motiondesk-config/v4`,title:`ברגע האחרון`,theme:`pulse`,aspectRatio:`9:16`,fps:24,palette:{background:`#FFE9DE`,foreground:`#2D0E05`,accent:`#C2300A`,secondary:`#7A2410`},seed:5108,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`hook`,duration:2.6,title:`טסים הערב?`,emphasis:`הערב`,icon:`zap`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`},{type:`counter`,duration:3,title:`נותרו שעות`,emphasis:`שעות`,value:6,from:24,max:24,ring:!0,label:`ספירה להמחשה בלבד`,variant:`centered`,energy:`punchy`,background:`gradient`,camera:`orbit`,transition:`iris`},{type:`notification-stack`,duration:3.4,title:`יעדים פנויים`,emphasis:`פנויים`,items:[`קפריסין`,`רודוס`,`בודפשט`],icons:[`send`,`send`,`send`],variant:`stacked`,energy:`punchy`,background:`dots`,camera:`drift`,transition:`stack`},{type:`coins`,duration:2.8,title:`החל מ־`,emphasis:`מ־`,value:149,prefix:`$`,label:`מחיר הדגמה בלבד`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`,transition:`iris`},{type:`checklist`,duration:3,title:`יוצאים בקלות`,emphasis:`בקלות`,items:[`דרכון בתוקף`,`תיק קטן`,`אישור בדקה`],icon:`circle-check`,variant:`centered`,energy:`normal`,background:`grid`,camera:`push-in`,transition:`push`},{type:`freeze`,duration:2.4,label:`החלטה → המראה`,cta:`המושבים אוזלים`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`,transition:`whip`},{type:`endcard`,duration:3.2,title:`ההזדמנות עכשיו`,emphasis:`עכשיו`,cta:`הזמינו טיסה`,subtitle:`ברגע האחרון · מבצעי יום`,icon:`send`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`travel-packing-vertical`,title:`מזוודה בלי סטרס`,description:`סטורי אנכי כחול: רשימת אריזה חכמה בצ׳אט ושקל משקל.`,tags:[`אריזה`,`טיפים`,`סטורי`],config:{format:`motiondesk-config/v4`,title:`מזוודה בלי סטרס`,theme:`summer_ice`,aspectRatio:`9:16`,fps:24,palette:{background:`#0D2B3E`,foreground:`#F2FBFF`,accent:`#7DE3FF`,secondary:`#3AA9D6`},seed:5109,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`hook`,duration:2.8,title:`מזוודה בלי סטרס`,emphasis:`סטרס`,icon:`briefcase`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`},{type:`chat`,duration:3.8,title:`שאלה נפוצה`,emphasis:`נפוצה`,items:[`כמה בגדים לוקחים?`,`פחות ממה שנדמה`,`ומה עם מטען?`,`תמיד בתיק היד`],variant:`stacked`,energy:`normal`,background:`gradient`,camera:`drift`,transition:`fade`},{type:`checklist`,duration:3.2,title:`חובה בתיק היד`,emphasis:`חובה`,items:[`דרכון וכרטיסים`,`מטען וסוללה`,`תרופות קבועות`,`סוודר דק`],icon:`circle-check`,variant:`centered`,energy:`normal`,background:`dots`,camera:`push-in`,transition:`push`},{type:`progress`,duration:2.8,title:`משקל המזוודה`,emphasis:`המזוודה`,value:20,max:23,suffix:` ק״ג`,label:`משקל להמחשה בלבד`,variant:`centered`,energy:`calm`,background:`grid`,camera:`push-in`,transition:`iris`},{type:`marquee`,duration:2.6,title:`לארוז חכם`,emphasis:`חכם`,words:[`קל`,`מסודר`,`מוכן`],cta:`טיולי הדרך`,variant:`stacked`,energy:`punchy`,background:`motif`,camera:`drift`,transition:`whip`},{type:`endcard`,duration:3.2,title:`ויוצאים לדרך`,emphasis:`לדרך`,cta:`קבלו רשימת אריזה`,subtitle:`טיולי הדרך · טיפים לכל נוסע`,icon:`globe`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`travel-family-vacation-square`,title:`חופשה משפחתית`,description:`פוסט מרובע חם: חופשה משפחתית, מה כלול, השוואה וקריאה לפעולה.`,tags:[`משפחה`,`חופשה`,`ריבוע`],config:{format:`motiondesk-config/v4`,title:`חופשה משפחתית`,theme:`warm`,aspectRatio:`1:1`,fps:24,palette:{background:`#FFF8EC`,foreground:`#3A2410`,accent:`#B0420A`,secondary:`#7A4A2B`},seed:5110,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`hook`,duration:2.8,title:`חופשה שכולם אוהבים`,emphasis:`אוהבים`,icon:`users`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`},{type:`cards`,duration:3.4,title:`לכל גיל משהו`,emphasis:`משהו`,items:[`מועדון ילדים`,`בריכה חמה`,`ערב להורים`],icons:[`users`,`sparkles`,`trophy`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`push`},{type:`big-number`,duration:3,title:`ילדים חינם עד גיל`,emphasis:`חינם`,value:12,label:`תנאי הדגמה בלבד`,from:0,variant:`centered`,energy:`punchy`,background:`gradient`,camera:`push-in`,transition:`iris`},{type:`compare`,duration:3,title:`מה מעדיפים?`,emphasis:`מעדיפים`,items:[`עוד שבוע בבית`,`שבוע ביחד`],variant:`stacked`,energy:`normal`,background:`grid`,camera:`none`,transition:`stack`},{type:`logo`,duration:2.8,title:`חוף הרגשה`,label:`נופש משפחתי על שפת הים`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`},{type:`endcard`,duration:3.4,title:`הקיץ מתחיל כאן`,emphasis:`כאן`,cta:`בדקו תאריכים`,subtitle:`חוף הרגשה · חבילות קיץ`,icon:`calendar`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`travel-airport-countdown`,title:`שלוש שעות לטיסה`,description:`סטורי למטייל: ספירה לאחור להמראה, צ׳ק־אין אונליין, שלבי הדרך בשדה ורשימת תיק היד.`,tags:[`שדה תעופה`,`טיסה`,`צ׳ק־אין`,`רשימת ציוד`,`סטורי`],config:{format:`motiondesk-config/v4`,title:`שלוש שעות לטיסה`,theme:`orbit`,aspectRatio:`9:16`,fps:24,palette:{background:`#F0F4F8`,foreground:`#0B1F33`,accent:`#0B5FA5`,secondary:`#38BDF8`},seed:11520,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`big-number`,duration:2.6,title:`שעות עד ההמראה`,emphasis:`ההמראה`,value:3,from:0,label:`שעות · להמחשה בלבד`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`},{type:`ui-cursor`,duration:3.2,product:`צ׳ק־אין אונליין`,label:`כרטיס עלייה ישר לנייד`,cta:`לצ׳ק־אין`,variant:`centered`,energy:`calm`,background:`grid`,camera:`push-in`,transition:`zoom-through`},{type:`timeline`,duration:4,title:`הדרך אל השער`,emphasis:`השער`,items:[`הפקדת מזוודות`,`בידוק ביטחוני`,`שערים ודיוטי פרי`],icons:[`briefcase`,`shield-check`,`gift`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`push`},{type:`checklist`,duration:3.2,title:`בתיק היד`,emphasis:`היד`,items:[`דרכון בתוקף`,`מטען נייד`,`בקבוק ריק למים`],icon:`circle-check`,variant:`stacked`,energy:`normal`,background:`solid`,camera:`drift`,transition:`wipe`},{type:`endcard`,duration:3,title:`טיסה נעימה`,emphasis:`נעימה`,cta:`לטיפים נוספים`,subtitle:`לפני כל טיסה`,icon:`send`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`travel-hanukkah-getaway`,title:`חופשה בחנוכה`,description:`סטורי חג לחבילות נופש: מה כלול, מחיר לזוג, ברכת חג וקריאה להזמין לפני שנגמר המקום.`,tags:[`חנוכה`,`חבילות נופש`,`חופשת חג`,`מחיר לזוג`,`סטורי`],config:{format:`motiondesk-config/v4`,title:`חופשה בחנוכה`,theme:`pulse`,aspectRatio:`9:16`,fps:24,palette:{background:`#1E1B4B`,foreground:`#F5F3FF`,accent:`#FCD34D`,secondary:`#818CF8`},seed:11521,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`kinetic`,duration:2.8,title:`חנוכה בדרך`,emphasis:`בדרך`,words:[`חופש`,`נופים`,`אור`],beat:.4,variant:`stacked`,energy:`punchy`,background:`aurora`,camera:`drift`,build:`beats`},{type:`cards`,duration:3.4,title:`מה כלול`,emphasis:`כלול`,items:[`שלושה לילות בבוטיק`,`ארוחת בוקר מלאה`,`ערב הדלקה חגיגי`],icons:[`calendar`,`gift`,`sparkles`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`push`},{type:`coins`,duration:2.8,title:`מחיר לזוג`,emphasis:`לזוג`,value:1490,prefix:`₪`,label:`להמחשה בלבד · לשלושה לילות`,variant:`centered`,energy:`punchy`,background:`gradient`,camera:`push-in`,transition:`iris`},{type:`confetti`,duration:2.4,emphasis:`חנוכה שמח!`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`orbit`,transition:`iris`},{type:`endcard`,duration:3,title:`מזמינים לפני שנגמר`,emphasis:`שנגמר`,cta:`לחבילות החג`,subtitle:`מקומות מוגבלים`,icon:`gift`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`travel-best-time-to-fly`,title:`מתי כדאי לטוס`,description:`פוסט ריבועי עם גרף מחירים חודשי להמחשה, שלושה טיפים לחיסכון ופנייה ללוח המחירים.`,tags:[`מחירי טיסות`,`חיסכון`,`טיפים`,`תכנון חופשה`,`פוסט`],config:{format:`motiondesk-config/v4`,title:`מתי כדאי לטוס`,theme:`summer_ice`,aspectRatio:`1:1`,fps:24,palette:{background:`#052E2B`,foreground:`#E6FFFA`,accent:`#5EEAD4`,secondary:`#FBBF24`},seed:11522,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`kinetic`,duration:3,title:`מתי כדאי לטוס?`,emphasis:`כדאי`,words:[`זול`,`שקט`,`נעים`],beat:.4,variant:`split`,energy:`punchy`,background:`grid`,camera:`drift`,build:`beats`},{type:`bars`,duration:4,title:`מחיר חבילה לזוג`,emphasis:`חבילה`,values:[1450,980,760,1190,1690],items:[`ינו׳`,`פבר׳`,`מרץ`,`אפר׳`,`מאי`],subtitle:`נתוני הדגמה · ₪ לזוג`,variant:`centered`,energy:`calm`,background:`gradient`,camera:`push-in`,transition:`slide`,life:`subtle`},{type:`checklist`,duration:3.4,title:`שלושה טיפים לחיסכון`,emphasis:`חיסכון`,items:[`מזמינים 60 יום מראש`,`טסים באמצע שבוע`,`מחכים למבצעי לילה`],icon:`circle-check`,variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`push`},{type:`endcard`,duration:3.2,title:`לוח מחירים חודשי`,emphasis:`חודשי`,cta:`לבדיקת תאריכים`,subtitle:`מחירים להמחשה בלבד`,icon:`calendar`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`travel-trip-planner-demo`,title:`מתכננים טיול בעשר דקות`,description:`הדגמת אפליקציית תכנון טיולים: צ׳אט, מסלול יומי, מפת נקודות, חלוקת תקציב והתראות בדרך.`,tags:[`תכנון טיול`,`אפליקציה`,`מסלול`,`תקציב`,`הדגמה`],config:{format:`motiondesk-config/v4`,title:`מתכננים טיול בעשר דקות`,theme:`flow`,aspectRatio:`16:9`,fps:24,palette:{background:`#F0FDFA`,foreground:`#0F2A27`,accent:`#0F766E`,secondary:`#F59E0B`},seed:11523,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`marquee`,duration:2.8,title:`היעד הבא שלכם`,emphasis:`הבא`,words:[`עיר`,`חוף`,`הר`],cta:`TRIPO`,beat:.5,variant:`stacked`,energy:`punchy`,background:`motif`,camera:`drift`,build:`beats`},{type:`chat`,duration:4,title:`מה תכננתם?`,emphasis:`תכננתם`,items:[`שלושה ימים בליסבון`,`הנה מסלול מוכן`,`אפשר פחות הליכות?`,`בטח, עודכן`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`whip`},{type:`phone`,duration:4.5,title:`המסלול בכיס`,emphasis:`בכיס`,product:`TRIPO`,rows:[[`יום 1`,`עיר עתיקה`],[`יום 2`,`חוף וים`],[`יום 3`,`שוק מקומי`]],icons:[`calendar`,`map-pin`,`gift`],cta:`שמרו מסלול`,subtitle:`נתוני הדגמה בלבד`,variant:`split`,energy:`normal`,background:`aurora`,camera:`orbit`,transition:`slide`},{type:`map-route`,duration:3.8,title:`מהמלון אל הנקודות`,emphasis:`הנקודות`,items:[`המלון`,`תצפית על העיר`,`שוק ומסעדה`],variant:`centered`,energy:`normal`,background:`grid`,camera:`drift`,transition:`wipe`},{type:`donut`,duration:3.2,title:`חלק הלינה בתקציב`,emphasis:`הלינה`,value:45,max:100,suffix:`%`,label:`נתוני הדגמה בלבד`,variant:`centered`,energy:`normal`,background:`aurora`,camera:`orbit`,transition:`iris`},{type:`notification-stack`,duration:3.4,title:`תזכורות בדרך`,emphasis:`בדרך`,items:[`יציאה לשדה בעוד שעתיים`,`שער הטיסה עודכן`,`הצ׳ק־אין נפתח`],icons:[`clock`,`bell`,`circle-check`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`stack`},{type:`endcard`,duration:3.4,title:`הטיול מתחיל כאן`,emphasis:`מתחיל`,cta:`הורידו את TRIPO`,subtitle:`חינם להתחלה`,icon:`globe`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}}]};export{e as default};

package/app/assets/travel-route-DUPXi7Qa.js

@@ -0,0 +1,169 @@
+var e=`<!doctype html>
+<html lang="he" dir="rtl">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=1920, height=1080">
+<title>מסלול טיול על המפה</title>
+<script src="vendor/gsap.min.js"><\/script>
+<style>
+@font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
+@font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
+@font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
+@font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
+:root{--bg:#cfe7ea;--fg:#12313a;--accent:#ff6a3d;--land:#f5ecd7;--accent2:#2f8f83}
+*{box-sizing:border-box;margin:0;padding:0}
+html,body{width:1920px;height:1080px;overflow:hidden;background:var(--bg)}
+body{font-family:"Heebo",Arial,sans-serif;-webkit-font-smoothing:antialiased}
+#root{position:relative;width:1920px;height:1080px;overflow:hidden;background:var(--bg);color:var(--fg);direction:rtl;font-family:"Heebo",Arial,sans-serif}
+.scene{position:absolute;inset:0;overflow:hidden}
+.cam,.layer{position:absolute;inset:0}
+.abs{position:absolute}
+.m{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .05em .08em}
+.w{display:inline-block;white-space:nowrap}
+.waves{position:absolute;inset:-100px;background:repeating-linear-gradient(170deg,transparent 0 38px,color-mix(in srgb,var(--fg) 6%,transparent) 38px 41px)}
+.map{position:absolute;left:0;top:0}
+.ld{fill:var(--land);stroke:color-mix(in srgb,var(--fg) 25%,transparent);stroke-width:3}
+.ghost{fill:none;stroke:color-mix(in srgb,var(--fg) 35%,transparent);stroke-width:5;stroke-dasharray:4 18;stroke-linecap:round}
+.rt{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round}
+.pin{position:absolute;width:60px;height:78px;transform-origin:50% 100%}
+.pinh{position:absolute;left:0;top:0;width:60px;height:60px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--accent);box-shadow:0 6px 12px color-mix(in srgb,var(--fg) 25%,transparent)}
+.pind{position:absolute;left:19px;top:19px;width:22px;height:22px;border-radius:50%;background:var(--land)}
+.plab{position:absolute;padding:12px 26px;border-radius:18px;background:var(--fg);color:var(--land);transform-origin:0 50%}
+.pc{font-size:24px;font-weight:700;color:var(--accent);white-space:nowrap}
+.pn{font-size:44px;font-weight:700;white-space:nowrap;line-height:1.1}
+.plane{position:absolute;left:-48px;top:-48px;width:96px;height:96px;filter:drop-shadow(0 10px 8px color-mix(in srgb,var(--fg) 30%,transparent))}
+.plane i{position:absolute;display:block;background:var(--fg)}
+.pb{left:6px;top:34px;width:70px;height:12px;border-radius:10px 40px 40px 10px}
+.pw{left:30px;top:6px;width:16px;height:68px;border-radius:8px;transform:skewY(-20deg)}
+.pt{left:6px;top:24px;width:10px;height:32px;border-radius:4px}
+.compass{position:absolute;width:220px;height:220px;border-radius:50%;border:4px solid var(--fg);background:color-mix(in srgb,var(--land) 70%,transparent)}
+.needle{position:absolute;left:100px;top:20px;width:20px;height:180px;background:linear-gradient(var(--accent) 50%,var(--fg) 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
+.title{position:absolute;padding:40px 70px;border-radius:30px;background:var(--fg);color:var(--land);box-shadow:0 30px 60px color-mix(in srgb,var(--fg) 30%,transparent)}
+.card{position:absolute;top:200px;width:480px;height:640px;padding:24px;background:var(--land);border-radius:14px;box-shadow:0 30px 60px color-mix(in srgb,var(--fg) 25%,transparent)}
+.art{position:relative;height:400px;border-radius:8px;overflow:hidden}
+.ct{position:absolute;right:30px;top:446px;font-size:60px;font-weight:700;white-space:nowrap}
+.cs{position:absolute;right:30px;top:530px;font-size:34px;color:color-mix(in srgb,var(--fg) 70%,transparent);white-space:nowrap}
+.stampc{position:absolute;left:24px;top:440px;width:110px;height:110px;border-radius:50%;border:5px dashed var(--accent);transform:rotate(-14deg)}
+.big{position:absolute;font-weight:700;white-space:nowrap;line-height:1.1}
+.cta{position:absolute;padding:26px 70px;border-radius:70px;background:var(--accent);color:var(--land);font-size:52px;font-weight:700}
+</style>
+</head>
+<body>
+<div id="root" data-composition-id="travel-route" data-start="0" data-width="1920" data-height="1080" data-duration="16">
+<section id="s1" class="clip scene" data-start="0" data-duration="3.6">
+<div class="cam" id="c1">
+  <div class="waves" id="wv1"></div>
+  <div class="layer" id="mp1"><svg class="map" width="1920" height="1080" viewBox="0 0 1920 1080">
+<path d="M760 0 L1500 0 C1460 90 1330 120 1240 190 C1150 250 1110 300 1130 360 C1160 450 1240 520 1330 600 C1420 680 1500 720 1560 800 C1600 860 1540 900 1470 880 C1400 860 1380 920 1420 980 L1450 1080 L1330 1080 C1300 1000 1250 940 1180 880 C1080 790 990 700 930 600 C880 520 830 470 760 430 C690 390 640 330 700 260 C760 190 720 90 760 0 Z" class="ld"/>
+<path d="M0 120 C120 90 260 150 330 240 C400 330 360 430 260 470 C160 510 60 480 0 520 Z" class="ld"/>
+<path d="M820 860 C900 830 990 860 1000 920 C1010 980 930 1010 860 990 C790 970 760 890 820 860 Z" class="ld"/>
+<path d="M600 640 C650 610 700 640 690 700 C680 780 620 800 590 760 C560 720 560 670 600 640 Z" class="ld"/>
+<path d="M1700 200 C1780 160 1920 180 1920 180 L1920 520 C1860 500 1780 520 1720 460 C1660 400 1640 240 1700 200 Z" class="ld"/>
+</svg><svg class="map" width="1920" height="1080"><path class="ghost" d="M1880 1030 C 1700 960, 1460 900, 1300 760 C 1240 660, 1090 650, 1050 520 C 1015 420, 1080 330, 1150 300"/></svg></div>
+  <div class="compass" id="cp" style="left:120px;top:720px"><div class="needle" id="nd"></div></div>
+  <div class="title" id="tt" style="right:180px;top:300px"><p class="big" id="t1k" style="position:static;font-size:40px;color:var(--accent)">חבילת סתיו</p><p class="big" id="t1a" style="position:static;font-size:130px">איטליה</p><p class="big" id="t1b" style="position:static;font-size:64px;font-weight:400">שבעה ימים, שלוש ערים</p></div>
+</div>
+</section>
+<section id="s2" class="clip scene" data-start="3.6" data-duration="4.4">
+<div class="cam" id="c2">
+  <div class="waves" id="wv2"></div>
+  <div class="layer" id="mp2"><svg class="map" width="1920" height="1080" viewBox="0 0 1920 1080">
+<path d="M760 0 L1500 0 C1460 90 1330 120 1240 190 C1150 250 1110 300 1130 360 C1160 450 1240 520 1330 600 C1420 680 1500 720 1560 800 C1600 860 1540 900 1470 880 C1400 860 1380 920 1420 980 L1450 1080 L1330 1080 C1300 1000 1250 940 1180 880 C1080 790 990 700 930 600 C880 520 830 470 760 430 C690 390 640 330 700 260 C760 190 720 90 760 0 Z" class="ld"/>
+<path d="M0 120 C120 90 260 150 330 240 C400 330 360 430 260 470 C160 510 60 480 0 520 Z" class="ld"/>
+<path d="M820 860 C900 830 990 860 1000 920 C1010 980 930 1010 860 990 C790 970 760 890 820 860 Z" class="ld"/>
+<path d="M600 640 C650 610 700 640 690 700 C680 780 620 800 590 760 C560 720 560 670 600 640 Z" class="ld"/>
+<path d="M1700 200 C1780 160 1920 180 1920 180 L1920 520 C1860 500 1780 520 1720 460 C1660 400 1640 240 1700 200 Z" class="ld"/>
+</svg>
+    <svg class="map" width="1920" height="1080"><path class="ghost" d="M1880 1030 C 1700 960, 1460 900, 1300 760 C 1240 660, 1090 650, 1050 520 C 1015 420, 1080 330, 1150 300"/><path class="rt" id="route" d="M1880 1030 C 1700 960, 1460 900, 1300 760 C 1240 660, 1090 650, 1050 520 C 1015 420, 1080 330, 1150 300"/></svg>
+    <div class="pin" id="pa" style="left:1270px;top:682px"><div class="pinh"></div><div class="pind"></div></div><div class="plab" id="pal" style="left:1340px;top:690px"><p class="pc" id="pac">ימים 1-3</p><p class="pn" id="pan">רומא</p></div><div class="pin" id="pb" style="left:1020px;top:442px"><div class="pinh"></div><div class="pind"></div></div><div class="plab" id="pbl" style="left:1090px;top:450px"><p class="pc" id="pbc">ימים 4-5</p><p class="pn" id="pbn">פירנצה</p></div><div class="pin" id="pcx" style="left:1120px;top:222px"><div class="pinh"></div><div class="pind"></div></div><div class="plab" id="pcxl" style="left:1190px;top:230px"><p class="pc" id="pcxc">ימים 6-7</p><p class="pn" id="pcxn">ונציה</p></div>
+    <div class="plane" id="pl"><svg width="96" height="96" viewBox="0 0 80 80"><path d="M78 40 C78 37 74 35.5 70 35.5 L50 35 L34 8 L26 8 L36 35 L16 35 L9 25 L3 25 L7 40 L3 55 L9 55 L16 45 L36 45 L26 72 L34 72 L50 45 L70 44.5 C74 44.5 78 43 78 40 Z" style="fill:var(--fg);stroke:var(--land);stroke-width:2.5"/></svg></div>
+  </div>
+</div>
+</section>
+<section id="s3" class="clip scene" data-start="8" data-duration="4">
+<div class="cam" id="c3">
+  <div class="waves"></div>
+  <div class="card" id="k1" style="right:160px"><div class="art" style="background:linear-gradient(var(--bg),var(--land))">
+    <div class="abs" style="left:40px;right:40px;bottom:0;height:250px;background:var(--accent);border-radius:10px 10px 0 0"></div>
+    <div class="abs arch" style="left:66px;bottom:30px;width:60px;height:110px;border-radius:30px 30px 0 0;background:var(--fg)"></div><div class="abs arch" style="left:66px;bottom:160px;width:60px;height:70px;border-radius:30px 30px 0 0;background:var(--fg)"></div><div class="abs arch" style="left:154px;bottom:30px;width:60px;height:110px;border-radius:30px 30px 0 0;background:var(--fg)"></div><div class="abs arch" style="left:154px;bottom:160px;width:60px;height:70px;border-radius:30px 30px 0 0;background:var(--fg)"></div><div class="abs arch" style="left:242px;bottom:30px;width:60px;height:110px;border-radius:30px 30px 0 0;background:var(--fg)"></div><div class="abs arch" style="left:242px;bottom:160px;width:60px;height:70px;border-radius:30px 30px 0 0;background:var(--fg)"></div><div class="abs arch" style="left:330px;bottom:30px;width:60px;height:110px;border-radius:30px 30px 0 0;background:var(--fg)"></div><div class="abs arch" style="left:330px;bottom:160px;width:60px;height:70px;border-radius:30px 30px 0 0;background:var(--fg)"></div>
+  </div><p class="ct" id="k1t">רומא</p><p class="cs" id="k1s">ארוחת ערב בסמטאות העתיקות</p></div>
+  <div class="card" id="k2" style="right:720px"><div class="art" style="background:linear-gradient(var(--bg),var(--land))">
+    <div class="abs" id="dome" style="left:100px;top:110px;width:240px;height:240px;border-radius:50%;background:var(--accent)"></div>
+    <div class="abs" style="left:205px;top:70px;width:30px;height:60px;background:var(--fg);border-radius:6px"></div>
+    <div class="abs" style="left:60px;top:230px;width:320px;height:170px;background:var(--fg)"></div>
+    <div class="abs" style="left:110px;top:280px;width:40px;height:70px;border-radius:20px 20px 0 0;background:var(--land)"></div><div class="abs" style="left:200px;top:280px;width:40px;height:70px;border-radius:20px 20px 0 0;background:var(--land)"></div><div class="abs" style="left:290px;top:280px;width:40px;height:70px;border-radius:20px 20px 0 0;background:var(--land)"></div>
+  </div><p class="ct" id="k2t">פירנצה</p><p class="cs" id="k2s">שקיעה מעל גגות הרעפים</p></div>
+  <div class="card" id="k3" style="right:1280px"><div class="art" style="background:linear-gradient(var(--bg),var(--accent2))">
+    <div class="abs" style="left:-20px;right:-20px;top:120px;height:160px;border:26px solid var(--fg);border-bottom:none;border-radius:200px 200px 0 0"></div>
+    <div class="abs" id="gon" style="left:90px;top:300px;width:260px;height:44px;background:var(--fg);border-radius:0 0 140px 140px"></div>
+    <div class="abs wv" style="left:0;right:0;top:340px;height:60px;background:repeating-linear-gradient(90deg,var(--bg) 0 30px,transparent 30px 60px);opacity:.6"></div>
+  </div><p class="ct" id="k3t">ונציה</p><p class="cs" id="k3s">שיט בתעלות עם שחר</p></div>
+  <div class="stampc" id="sc1" style="left:1660px;top:150px"></div>
+</div>
+</section>
+<section id="s4" class="clip scene" data-start="12" data-duration="4">
+<div class="cam" id="c4">
+  <div class="waves" id="wv4"></div>
+  <div class="layer" id="mp4" style="opacity:.55"><svg class="map" width="1920" height="1080" viewBox="0 0 1920 1080">
+<path d="M760 0 L1500 0 C1460 90 1330 120 1240 190 C1150 250 1110 300 1130 360 C1160 450 1240 520 1330 600 C1420 680 1500 720 1560 800 C1600 860 1540 900 1470 880 C1400 860 1380 920 1420 980 L1450 1080 L1330 1080 C1300 1000 1250 940 1180 880 C1080 790 990 700 930 600 C880 520 830 470 760 430 C690 390 640 330 700 260 C760 190 720 90 760 0 Z" class="ld"/>
+<path d="M0 120 C120 90 260 150 330 240 C400 330 360 430 260 470 C160 510 60 480 0 520 Z" class="ld"/>
+<path d="M820 860 C900 830 990 860 1000 920 C1010 980 930 1010 860 990 C790 970 760 890 820 860 Z" class="ld"/>
+<path d="M600 640 C650 610 700 640 690 700 C680 780 620 800 590 760 C560 720 560 670 600 640 Z" class="ld"/>
+<path d="M1700 200 C1780 160 1920 180 1920 180 L1920 520 C1860 500 1780 520 1720 460 C1660 400 1640 240 1700 200 Z" class="ld"/>
+</svg><svg class="map" width="1920" height="1080"><path class="rt" d="M1880 1030 C 1700 960, 1460 900, 1300 760 C 1240 660, 1090 650, 1050 520 C 1015 420, 1080 330, 1150 300"/></svg></div>
+  <div class="title" id="tt4" style="right:180px;top:200px;width:980px;height:680px"></div>
+  <p class="big" id="t4k" style="right:250px;top:260px;font-size:44px;color:var(--accent)">מסלולים · סוכנות טיולים</p>
+  <p class="big" id="t4a" style="right:250px;top:330px;font-size:100px;color:var(--land)">החל מ־₪4,990</p>
+  <p class="big" id="t4b" style="right:250px;top:480px;font-size:50px;font-weight:400;color:var(--land)">טיסות, מלונות וסיורים מודרכים</p>
+  <div class="cta" id="ct4" style="right:250px;top:640px"><span id="ct4t">הזמינו את המקום שלכם</span></div>
+  <div class="plane" id="pl4"><svg width="96" height="96" viewBox="0 0 80 80"><path d="M78 40 C78 37 74 35.5 70 35.5 L50 35 L34 8 L26 8 L36 35 L16 35 L9 25 L3 25 L7 40 L3 55 L9 55 L16 45 L36 45 L26 72 L34 72 L50 45 L70 44.5 C74 44.5 78 43 78 40 Z" style="fill:var(--fg);stroke:var(--land);stroke-width:2.5"/></svg></div>
+</div>
+</section>
+</div>
+<script>
+const tl=gsap.timeline({paused:true});
+const S=[0,3.6,8,12,16],D=16;
+const X="expo.out",P="power3.out";
+function waves(i,id){tl.fromTo(id,{x:0},{x:-120,duration:S[i+1]-S[i],ease:"none"},S[i]);}
+// s1
+waves(0,"#wv1");
+tl.fromTo("#mp1",{scale:.82,rotation:-4},{scale:.92,rotation:0,duration:3.6,ease:"power1.out"},S[0]);
+tl.fromTo("#cp",{scale:0,rotation:-180},{scale:1,rotation:0,duration:.9,ease:"back.out(1.6)"},S[0]+.2);
+tl.fromTo("#nd",{rotation:-120},{keyframes:[{rotation:40,duration:.6},{rotation:-20,duration:.5},{rotation:8,duration:.5},{rotation:0,duration:.5}],ease:"sine.inOut"},S[0]+.5);
+tl.fromTo("#tt",{y:80,opacity:0,rotation:3},{y:0,opacity:1,rotation:-2,duration:.9,ease:X},S[0]+.3);
+tl.fromTo(["#t1k","#t1a","#t1b"],{opacity:0,x:-40},{opacity:1,x:0,duration:.6,ease:P,stagger:.12},S[0]+.6);
+tl.to("#c1",{scale:1.5,opacity:0,duration:.5,ease:"power2.in"},S[1]-.5);
+// s2: route + plane
+waves(1,"#wv2");
+tl.fromTo("#mp2",{scale:1.4,x:-300,y:-120,transformOrigin:"1300px 760px"},{scale:1.05,x:-120,y:60,duration:4.4,ease:"power2.inOut"},S[1]);
+const R=document.getElementById("route"),L=R.getTotalLength(),pr={p:0};
+const place=(el,p)=>{const a=R.getPointAtLength(p*L),b=R.getPointAtLength(Math.min(L,p*L+2));gsap.set(el,{x:a.x,y:a.y,rotation:Math.atan2(b.y-a.y,b.x-a.x)*180/Math.PI});};
+place("#pl",0);
+tl.fromTo("#route",{strokeDasharray:L,strokeDashoffset:L},{strokeDashoffset:0,duration:3.2,ease:"power1.inOut"},S[1]+.3);
+tl.fromTo(pr,{p:0},{p:1,duration:3.2,ease:"power1.inOut",onUpdate:()=>place("#pl",pr.p)},S[1]+.3);
+[["#pa",.35],["#pb",.68],["#pcx",.98]].forEach(([p,f])=>{const at=S[1]+.3+3.2*f-.1;tl.fromTo(p,{scale:0,y:-40},{scale:1,y:0,duration:.5,ease:"back.out(3)"},at);tl.fromTo(p+"l",{scaleX:0,opacity:0},{scaleX:1,opacity:1,duration:.4,ease:P},at+.15);});
+tl.to("#c2",{opacity:0,duration:.35},S[2]-.35);
+// s3: postcards
+tl.fromTo(["#k1","#k2","#k3"],{y:700,rotation:(k)=>[-14,10,-8][k]},{y:0,rotation:(k)=>[-4,2,-3][k],duration:.9,ease:X,stagger:.2},S[2]+.1);
+tl.to(["#k1","#k3"],{y:-16,duration:1.6,ease:"sine.inOut"},S[2]+1.4);
+tl.to("#k2",{y:14,duration:1.6,ease:"sine.inOut"},S[2]+1.4);
+tl.fromTo("#dome",{scale:0,transformOrigin:"50% 100%"},{scale:1,duration:.6,ease:"back.out(2)"},S[2]+.9);
+tl.fromTo("#c3 .arch",{scaleY:0,transformOrigin:"50% 100%"},{scaleY:1,duration:.4,ease:"back.out(2)",stagger:.05},S[2]+.7);
+tl.fromTo("#gon",{x:-120},{x:60,duration:2.6,ease:"sine.inOut"},S[2]+1);
+tl.fromTo("#c3 .wv",{backgroundPosition:"0px 0px"},{backgroundPosition:"120px 0px",duration:3,ease:"none"},S[2]+.8);
+tl.fromTo("#sc1",{scale:2.5,opacity:0},{scale:1,opacity:1,duration:.35,ease:"power4.in"},S[2]+1.8);
+tl.to(["#k1","#k2","#k3"],{y:-900,duration:.45,ease:"power3.in",stagger:.06},S[3]-.6);
+// s4
+waves(3,"#wv4");
+tl.fromTo("#mp4",{scale:1.1},{scale:1,duration:4,ease:"power1.out"},S[3]);
+tl.fromTo("#tt4",{scaleY:0,transformOrigin:"50% 0%"},{scaleY:1,duration:.7,ease:"power4.out"},S[3]+.1);
+tl.fromTo(["#t4k","#t4a","#t4b"],{opacity:0,y:30},{opacity:1,y:0,duration:.6,ease:X,stagger:.12},S[3]+.5);
+tl.fromTo("#ct4",{scale:0},{scale:1,duration:.5,ease:"back.out(2.4)"},S[3]+1.1);
+tl.to("#ct4",{scale:1.05,duration:.35,yoyo:true,repeat:3,ease:"sine.inOut"},S[3]+1.8);
+tl.fromTo("#pl4",{x:1900,y:980,rotation:200},{x:500,y:140,rotation:210,duration:3.2,ease:"power1.inOut"},S[3]+.5);
+tl.set({},{},D);
+window.__timelines=window.__timelines||{};window.__timelines["travel-route"]=tl;
+<\/script>
+</body>
+</html>
+`;export{e as default};

package/app/assets/tutorial-steps-Ep2JeqXu.js

@@ -0,0 +1,160 @@
+var e=`<!doctype html>
+<html lang="he" dir="rtl">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=1920, height=1080">
+<title>מדריך צעד אחר צעד</title>
+<script src="vendor/gsap.min.js"><\/script>
+<style>
+@font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
+@font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
+@font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
+@font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
+:root{--bg:#0f3b66;--fg:#eaf4ff;--accent:#ffd166;--accent2:#7fd1ff;--line:#2c5f8e}
+*{box-sizing:border-box;margin:0;padding:0}
+html,body{width:1920px;height:1080px;overflow:hidden;background:var(--bg)}
+body{font-family:"Heebo",Arial,sans-serif;-webkit-font-smoothing:antialiased}
+#root{position:relative;width:1920px;height:1080px;overflow:hidden;background:var(--bg);color:var(--fg);direction:rtl;font-family:"Heebo",Arial,sans-serif}
+.scene{position:absolute;inset:0;overflow:hidden}
+.cam,.layer{position:absolute;inset:0}
+.abs{position:absolute}
+.m{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .05em .08em}
+.w{display:inline-block;white-space:nowrap}
+.grid{position:absolute;inset:-80px;background:linear-gradient(var(--line) 2px,transparent 2px) 0 0/60px 60px,linear-gradient(90deg,var(--line) 2px,transparent 2px) 0 0/60px 60px;opacity:.55}
+.dr{fill:none;stroke:var(--fg);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
+.nc{position:absolute;right:150px;top:120px}
+.num{position:absolute;right:150px;top:150px;width:300px;text-align:center;font-size:200px;font-weight:700;line-height:1.1;color:var(--accent);direction:ltr}
+.lb{position:absolute;right:500px;top:230px;font-size:40px;font-weight:700;letter-spacing:.12em;color:var(--accent2)}
+.st{position:absolute;right:154px;top:450px;font-size:110px;font-weight:700;line-height:1.1;white-space:nowrap}
+.ds{position:absolute;right:154px;font-size:44px;font-weight:400;white-space:nowrap;color:color-mix(in srgb,var(--fg) 85%,transparent)}
+.art{position:absolute;left:130px;top:200px;width:640px;height:560px}
+.art svg{overflow:visible}
+.cur{position:absolute;left:400px;top:520px;width:56px;height:76px;background:var(--fg);clip-path:polygon(0 0,100% 64%,58% 66%,80% 100%,64% 100%,42% 70%,0 92%)}
+.opt{position:absolute;top:40px;width:180px;height:340px;border-radius:24px;border:7px solid var(--fg)}
+.opt::before{content:"";position:absolute;left:30px;right:30px;top:40px;height:80px;border-radius:50%;background:var(--line)}
+.chk{position:absolute;width:110px;height:110px;border-radius:50%;background:var(--accent);clip-path:circle(50%)}
+.chk::after{content:"";position:absolute;left:22px;top:22px;width:66px;height:66px;background:var(--bg);clip-path:polygon(10% 52%,36% 76%,92% 20%,100% 32%,36% 96%,0 62%)}
+.trk{position:absolute;right:154px;top:880px;width:600px;height:30px}
+.tl0,.tl1{position:absolute;right:0;top:12px;height:6px;border-radius:3px}
+.tl0{left:0;background:var(--line)}
+.tl1{background:var(--accent);transform-origin:100% 50%}
+.td{position:absolute;top:0;width:30px;height:30px;margin-right:-15px;border-radius:50%;background:var(--line)}
+.td.on{background:var(--accent)}
+.big{position:absolute;left:0;right:0;text-align:center;font-weight:700;white-space:nowrap;line-height:1.1}
+</style>
+</head>
+<body>
+<div id="root" data-composition-id="tutorial-steps" data-start="0" data-width="1920" data-height="1080" data-duration="16">
+<section id="s1" class="clip scene" data-start="0" data-duration="3">
+<div class="cam" id="c1">
+  <div class="grid" id="g1"></div>
+  <svg class="abs" style="left:0;top:0" width="1920" height="1080"><circle class="dr" id="cmp1" cx="300" cy="820" r="180" style="stroke:var(--accent2);stroke-width:4"/><circle class="dr" id="cmp2" cx="1640" cy="230" r="130" style="stroke:var(--accent2);stroke-width:4"/><path class="dr" id="ul1" d="M560 690 C 800 650, 1100 720, 1360 670" style="stroke:var(--accent);stroke-width:12"/></svg>
+  <p class="big" id="t1k" style="top:240px;font-size:44px;color:var(--accent2);letter-spacing:.14em">מדריך מהיר · בית ספר גלים</p>
+  <h1 class="big" id="t1a" style="top:330px;font-size:150px">שלושה צעדים</h1>
+  <h1 class="big" id="t1b" style="top:500px;font-size:110px;color:var(--accent)">להתחיל ללמוד</h1>
+</div>
+</section>
+<section id="s2" class="clip scene" data-start="3" data-duration="3.6">
+<div class="cam" id="c2">
+  <div class="grid"></div>
+  <svg class="nc" width="300" height="300" viewBox="0 0 300 300"><circle id="cc1" cx="150" cy="150" r="130" class="dr" style="stroke:var(--accent);stroke-width:10"/></svg>
+  <p class="num" id="nm1">1</p>
+  <p class="lb" id="lb1">שלב ראשון</p>
+  <h2 class="st" id="st1">נרשמים</h2>
+  <p class="ds" id="d1a" style="top:620px">ממלאים שם ואימייל בטופס הקצר</p>
+  <p class="ds" id="d1b" style="top:685px">ומאשרים בלחיצה אחת</p>
+  <div class="art" id="art1"><svg width="640" height="560" viewBox="0 0 640 560"><rect class="dr d1" x="20" y="20" width="600" height="520" rx="30"/><path class="dr d1" d="M80 120 H420"/><rect class="dr d1" x="80" y="170" width="480" height="70" rx="14"/><rect class="dr d1" x="80" y="280" width="480" height="70" rx="14"/><rect id="btn1" x="80" y="400" width="260" height="80" rx="40" style="fill:var(--accent)"/></svg><div class="cur" id="cur1"></div></div>
+  <div class="trk" id="tk1"><i class="tl0"></i><i class="tl1" id="tk1f" style="width:0%"></i><b class="td on" style="right:0%"></b><b class="td" style="right:50%"></b><b class="td" style="right:100%"></b></div>
+</div>
+</section>
+<section id="s3" class="clip scene" data-start="6.6" data-duration="3.6">
+<div class="cam" id="c3">
+  <div class="grid"></div>
+  <svg class="nc" width="300" height="300" viewBox="0 0 300 300"><circle id="cc2" cx="150" cy="150" r="130" class="dr" style="stroke:var(--accent);stroke-width:10"/></svg>
+  <p class="num" id="nm2">2</p>
+  <p class="lb" id="lb2">שלב שני</p>
+  <h2 class="st" id="st2">בוחרים מסלול</h2>
+  <p class="ds" id="d2a" style="top:620px">מעיינים במסלולים לפי תחום ורמה</p>
+  <p class="ds" id="d2b" style="top:685px">ובוחרים את מה שמדבר אליכם</p>
+  <div class="art" id="art2"><div class="opt" id="o1" style="left:20px"></div><div class="opt" id="o2" style="left:230px"></div><div class="opt" id="o3" style="left:440px"></div><div class="chk" id="ck2" style="left:300px;top:60px"></div><svg width="640" height="560" viewBox="0 0 640 560" style="position:absolute;left:0;top:0"><path class="dr d2" d="M60 470 H580"/><path class="dr d2" d="M60 520 H420"/></svg></div>
+  <div class="trk" id="tk2"><i class="tl0"></i><i class="tl1" id="tk2f" style="width:50%"></i><b class="td on" style="right:0%"></b><b class="td on" style="right:50%"></b><b class="td" style="right:100%"></b></div>
+</div>
+</section>
+<section id="s4" class="clip scene" data-start="10.2" data-duration="3.6">
+<div class="cam" id="c4">
+  <div class="grid"></div>
+  <svg class="nc" width="300" height="300" viewBox="0 0 300 300"><circle id="cc3" cx="150" cy="150" r="130" class="dr" style="stroke:var(--accent);stroke-width:10"/></svg>
+  <p class="num" id="nm3">3</p>
+  <p class="lb" id="lb3">שלב שלישי</p>
+  <h2 class="st" id="st3">מתחילים ללמוד</h2>
+  <p class="ds" id="d3a" style="top:620px">השיעור הראשון זמין מיד</p>
+  <p class="ds" id="d3b" style="top:685px">וממשיכים בקצב שלכם</p>
+  <div class="art" id="art3"><svg width="640" height="560" viewBox="0 0 640 560"><rect class="dr d3" x="20" y="20" width="600" height="380" rx="30"/><path id="play" d="M270 140 L390 210 L270 280 Z" style="fill:var(--accent)"/><rect x="20" y="450" width="600" height="24" rx="12" style="fill:var(--line)"/><rect id="pf3" x="20" y="450" width="600" height="24" rx="12" style="fill:var(--accent2)"/></svg></div>
+  <div class="trk" id="tk3"><i class="tl0"></i><i class="tl1" id="tk3f" style="width:100%"></i><b class="td on" style="right:0%"></b><b class="td on" style="right:50%"></b><b class="td on" style="right:100%"></b></div>
+</div>
+</section>
+<section id="s5" class="clip scene" data-start="13.8" data-duration="2.2">
+<div class="cam" id="c5" style="background:var(--accent);color:var(--bg)">
+  <h1 class="big" id="t5a" style="top:340px;font-size:160px">מוכנים? מתחילים!</h1>
+  <p class="big" id="t5b" style="top:600px;font-size:54px;font-weight:400">ההרשמה פתוחה עכשיו · בית ספר גלים</p>
+  <svg class="abs" style="left:0;top:0" width="1920" height="1080"><path class="dr" id="ul5" d="M640 540 C 860 510, 1080 560, 1290 520" style="stroke:var(--bg);stroke-width:12"/></svg>
+</div>
+</section>
+</div>
+<script>
+const tl=gsap.timeline({paused:true});
+const S=[0,3,6.6,10.2,13.8,16],D=16;
+const X="expo.out",P="power3.out",Q="power2.inOut";
+function draw(sel,len,at,dur){tl.fromTo(sel,{strokeDasharray:len,strokeDashoffset:len},{strokeDashoffset:0,duration:dur,ease:Q},at);}
+function slideOut(i){tl.to("#c"+(i+1),{xPercent:60,opacity:0,duration:.45,ease:"power2.in"},S[i+1]-.45);}
+function slideIn(i){tl.fromTo("#c"+(i+1),{xPercent:-40,opacity:0},{xPercent:0,opacity:1,duration:.6,ease:P},S[i]);}
+function stepIn(n){const i=n,a=S[i];slideIn(i);
+draw("#cc"+n,820,a+.2,.8);
+tl.fromTo("#nm"+n,{scale:.3,opacity:0},{scale:1,opacity:1,duration:.6,ease:"back.out(2)"},a+.5);
+tl.fromTo("#lb"+n,{opacity:0,x:-30},{opacity:1,x:0,duration:.5,ease:P},a+.45);
+tl.fromTo("#st"+n,{clipPath:"inset(0 0 0 100%)"},{clipPath:"inset(0 0 0 0%)",duration:.8,ease:"power4.out"},a+.6);
+tl.fromTo(["#d"+n+"a","#d"+n+"b"],{opacity:0,y:24},{opacity:1,y:0,duration:.5,ease:P,stagger:.12},a+.9);
+tl.fromTo("#tk"+n+"f",{scaleX:n>1?(n-2)/(n-1):0},{scaleX:1,duration:.8,ease:Q},a+.7);
+tl.fromTo("#tk"+n+" .td.on",{scale:.4},{scale:1,duration:.4,ease:"back.out(3)",stagger:.1},a+.7);
+tl.fromTo("#art"+n,{y:30},{y:-10,duration:3.4,ease:"sine.inOut"},a);
+if(n<4)slideOut(i);}
+// s1
+tl.fromTo("#g1",{backgroundPosition:"0px 0px"},{backgroundPosition:"60px 60px",duration:3,ease:"none"},S[0]);
+draw("#cmp1",1200,S[0]+.1,1.4);draw("#cmp2",820,S[0]+.3,1.2);
+tl.fromTo("#cmp1",{rotation:0,transformOrigin:"50% 50%"},{rotation:60,duration:3,ease:"none"},S[0]);
+tl.fromTo("#t1k",{opacity:0,y:20},{opacity:1,y:0,duration:.5,ease:P},S[0]+.2);
+tl.fromTo("#t1a",{opacity:0,y:60},{opacity:1,y:0,duration:.8,ease:X},S[0]+.35);
+tl.fromTo("#t1b",{opacity:0,y:60},{opacity:1,y:0,duration:.8,ease:X},S[0]+.55);
+draw("#ul1",820,S[0]+1.1,.7);
+slideOut(0);
+// step 1
+stepIn(1);
+draw("#art1 .d1",2400,S[1]+.4,1);
+tl.fromTo("#btn1",{scale:0,transformOrigin:"50% 50%"},{scale:1,duration:.4,ease:"back.out(2.5)"},S[1]+1.2);
+tl.fromTo("#cur1",{x:200,y:120,opacity:0},{x:-110,y:-80,opacity:1,duration:.8,ease:"power2.inOut"},S[1]+1.5);
+tl.to("#cur1",{scale:.82,duration:.1,yoyo:true,repeat:1},S[1]+2.35);
+tl.to("#btn1",{scale:.92,duration:.1,yoyo:true,repeat:1,transformOrigin:"50% 50%"},S[1]+2.35);
+// step 2
+stepIn(2);
+tl.fromTo(["#o1","#o2","#o3"],{y:80,opacity:0},{y:0,opacity:1,duration:.5,ease:X,stagger:.12},S[2]+.4);
+draw("#art2 .d2",600,S[2]+.8,.7);
+tl.to("#o2",{y:-30,borderColor:"var(--accent)",duration:.4,ease:"back.out(2)"},S[2]+1.5);
+tl.to(["#o1","#o3"],{opacity:.45,duration:.4},S[2]+1.5);
+tl.fromTo("#ck2",{scale:0,rotation:-90},{scale:1,rotation:0,duration:.5,ease:"back.out(2.5)"},S[2]+1.8);
+// step 3
+stepIn(3);
+draw("#art3 .d3",2000,S[3]+.4,1);
+tl.fromTo("#play",{scale:0,transformOrigin:"50% 50%"},{scale:1,duration:.5,ease:"back.out(2.5)"},S[3]+1);
+tl.to("#play",{scale:1.15,duration:.3,yoyo:true,repeat:1,transformOrigin:"50% 50%"},S[3]+1.6);
+tl.fromTo("#pf3",{scaleX:0,transformOrigin:"100% 50%"},{scaleX:.85,duration:1.6,ease:"power1.inOut"},S[3]+1.4);
+// s5
+tl.fromTo("#c5",{clipPath:"circle(0% at 50% 50%)"},{clipPath:"circle(120% at 50% 50%)",duration:.6,ease:"power3.inOut"},S[4]);
+tl.fromTo("#t5a",{scale:.6,opacity:0},{scale:1,opacity:1,duration:.6,ease:"back.out(1.8)"},S[4]+.3);
+tl.fromTo("#t5b",{opacity:0},{opacity:1,duration:.5},S[4]+.6);
+draw("#ul5",700,S[4]+.7,.6);
+tl.set({},{},D);
+window.__timelines=window.__timelines||{};window.__timelines["tutorial-steps"]=tl;
+<\/script>
+</body>
+</html>
+`;export{e as default};