מצרף לוגו של העסק שלי לדף נחיתה ולוז אימונים. האתר צריך להיות אינטרקטיבי
I'll review the design brief and the assets, then build an interactive landing page with the training schedule. Let me first look at the project structure and save the logo.
I have everything I need. Let me install Framer Motion and save the logo locally in parallel.
Now let me set up the dark charcoal + amber design system and RTL layout.
Now I'll build the data layer and components. Starting with shared data and the reveal helper.
Now the header and hero:
Now the interactive schedule — the centerpiece with level filtering:
Now the page assembling everything:
Let me verify everything works in the browser.
The landing page is live and looks great — the interactive schedule with level filters, the kinetic hero with staggered text reveals, and the floating WhatsApp button all render correctly in full RTL.
בניתי דף נחיתה אינטראקטיבי ופרימיום ל־GRAVITAS עם תמיכה מלאה ב־RTL, רקע כהה־פחמי עם זוהר אמבר חם, וטיפוגרפיה עברית נקייה (Heebo). הדף כולל אזור Hero עם אנימציות חשיפה מדורגות, אזור פילוסופיה ("הדלתא"), כרטיסי תחומים עם אפקטי ריחוף, ולוז אימונים אינטראקטיבי שמאפשר לסנן לפי רמה/קבוצה עם אנימציות חלקות (Framer Motion), בנוסף לכפתור וואטסאפ צף ו־CTA סופי.
הערה אחת: שמתי מספר וואטסאפ זמני בקובץ lib/site-data.ts (WHATSAPP_NUMBER) — תחליף אותו למספר העסק האמיתי שלך כדי שהקישורים יעבדו. רוצה שאעדכן את המספר, אוסיף תמונות אמיתיות לאזור התחומים, או אשנה משהו בעיצוב?
תתקן את מה שרשמתי פה
Let me read the current files I need to change.
Now I'll generate a transparent version of the logo (light figure on the amber sun, no white box) so it blends into the dark background.
Now update the brand color to #FCAE1E across the amber tokens.
Now update the WhatsApp number and message:
Now the hero — new headline, badge, subtitle, and the transparent logo:
Now update the header and final CTA logos to the transparent mark:
Now the philosophy section — new tagline, belief quote, and three squares:
Now the disciplines section with the three real disciplines:
Now the final CTA — new heading, copy, and transparent logo:
Let me verify the changes in the browser.
הכל עודכן. סיכום השינויים:
#FCAE1E בכל הטוקנים של ה־primary/accent/ring לאורך האתר.972532814545 (053-281-4545) בכל הכפתורים.רוצה שאעדכן גם את הכותרת מעל הלוז (כרגע "מצא את הזמן שלך") או להוסיף עוד תוכן?
הכותרת הזאת תרשום ״לוז אימונים״
ותשמור על הלוגו כמו שהוא בדיוק כמו ששלחתי(שינית אותו) אבל תוריד את הרקע הלבן