// ───────── Stampa video · Scenes 6, 7 + Master ───────── const { Sprite: Sprite3, useSprite: useSprite3, animate: animate3, Easing: Easing3, clamp: clamp3 } = window; const { Seal: Seal3, PhoneShell: PhoneShell3, Chyron: Chyron3 } = window.VideoScenes_Part1; // ════════════════════════════════════════════════════════════════════ // SCENE 6 · CLIENT SIGNS (30.5 → 35.5) // ════════════════════════════════════════════════════════════════════ function Scene6Signing() { return ( {({ localTime: t, duration }) => { const exit = animate3({ from: 0, to: 1, start: duration - 0.4, end: duration, ease: Easing3.easeInCubic })(t); const op = 1 - exit; // Signature progress: 0 → 1 between 1.0 → 2.5s const sigE = animate3({ from: 0, to: 1, start: 1.0, end: 2.5, ease: Easing3.easeInOutCubic })(t); // Stamp slam after signature const stampE = animate3({ from: 0, to: 1, start: 2.8, end: 3.2, ease: Easing3.easeOutBack })(t); // Done badge const doneE = animate3({ from: 0, to: 1, start: 3.4, end: 3.8, ease: Easing3.easeOutBack })(t); return (
{/* Phone - realistic /sign page from real app */}
{/* Sticky header - matches real sign page header */}
{/* FileSignature icon */} סטמפה · חתימה דיגיטלית · דוד מ. שיפוצים
{/* Main body */}
{/* Title + subtitle */}

{doneE > 0.5 ? 'תודה על החתימה' : 'שיפוץ דירה - קרליבך 14'}

{doneE > 0.5 ? 'ההצעה נשלחה בחזרה לקבלן. ניתן להוריד עותק חתום בכל עת.' : 'אנא בדוק/י את הפרטים בהצעה ולאחר מכן חתום/י בתחתית.'}

{/* PDF preview panel - matches real /sign page */}
{/* Eye icon */} ההצעה הורדה
{/* PDF page mock - A4 proportional */}
{/* PDF header */}
הצעת מחיר #143
{/* Body content */}
{/* Total at bottom */}
סה״כ + מע״מ ₪ 21,948
{/* Stamp on the PDF */}
{/* Signature pad - matches real SignaturePad */}
חתימה נקה
{stampE > 0 && (
)}
{/* Name input */}
0.95 ? 'גלית מורן' : ''} readOnly placeholder="שם מלא" style={{ width: '100%', padding: '8px 10px', background: 'var(--panel)', border: '1px solid var(--rule)', borderRadius: 6, fontSize: 12, color: 'var(--ink)', fontFamily: 'inherit', direction: 'rtl', textAlign: 'right', outline: 'none', }} />
{/* Consent checkbox */}
0.9 ? 'var(--ink)' : 'var(--panel)', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', color: 'var(--paper)', flexShrink: 0, }}> {sigE > 0.9 && ( )} אני מאשר/ת את תנאי ההצעה ואת החתימה הדיגיטלית כתקפה
{/* Sticky submit button at bottom */}
{/* Big stamp slam particles around phone when stamped */} {stampE > 0 && stampE < 1 && ( )} {/* Side caption */}
STEP 05

הלקוח חותם.

בקישור אחד, בנייד, ללא צורך באפליקציה.

); }} ); } // Stamp ripple particles (red dots flying out) function StampParticles({ t, cx, cy }) { const N = 12; return ( <> {Array.from({ length: N }).map((_, i) => { const angle = (i / N) * Math.PI * 2; const dist = 80 + t * 100; const x = cx + Math.cos(angle) * dist; const y = cy + Math.sin(angle) * dist; return (
); })} {/* Expanding ring */}
); } // ════════════════════════════════════════════════════════════════════ // SCENE 7 · NOTIFICATION + OUTRO (35.5 → 40) // ════════════════════════════════════════════════════════════════════ function Scene7Notification() { return ( {({ localTime: t, duration }) => { // Phone re-enters from below (this is now the contractor's phone again) const phoneE = animate3({ from: 0, to: 1, start: 0, end: 0.5, ease: Easing3.easeOutCubic })(t); // Notification drops in const notifE = animate3({ from: 0, to: 1, start: 0.6, end: 1.0, ease: Easing3.easeOutBack })(t); // Pulse const pulse = Math.sin((t - 0.8) * 5) * 0.5 + 0.5; // Big check overlay + confetti at 1.6s const celebE = animate3({ from: 0, to: 1, start: 1.4, end: 1.8, ease: Easing3.easeOutBack })(t); // Final outro: at 2.6s, zoom out and show summary const outroE = animate3({ from: 0, to: 1, start: 2.6, end: 3.4, ease: Easing3.easeInOutCubic })(t); // Phone fully fades out as outro takes over const phoneScale = (1 + Math.sin(t * 1.5) * 0.005) * (1 - outroE * 0.4); const phoneOpacity = phoneE * (1 - outroE); const notifVisible = outroE < 0.3; return (
{/* Phone (contractor) */}
{/* Background: home screen / quote list */}
בוקר טוב, דוד
12 הצעות החודש,
₪ 184,200 נחתמו.
{[1, 2, 3].map((i) => (
))}
{/* Notification banner - drops from top under the notch */} {notifE > 0 && notifVisible && (
STAMPA הרגע
✓ גלית מורן חתמה
הצעה #143 · ₪ 21,948
)} {/* Big check overlay removed - small ✓ in notification banner is enough */}
{/* Confetti removed by request */} {/* OUTRO: full-canvas summary card - phone fully faded, outro centered on stage */} {outroE > 0 && (
{/* Seal - the "S logo" */}
{/* Wordmark סטמפה */}
סטמפה
{/* Free-tier headline - no border */}
5 הצעות חינם
ללא אשראי
)}
); }} ); } // Confetti / money particles flying up function Confetti({ t, cx, cy }) { const N = 24; return ( <> {Array.from({ length: N }).map((_, i) => { const seed = (i * 37) % 100 / 100; const angle = (-Math.PI / 2) + (seed - 0.5) * Math.PI * 0.8; const speed = 200 + seed * 400; const x = cx + Math.cos(angle) * speed * t; const y = cy + Math.sin(angle) * speed * t + (0.5 * 600 * t * t); // gravity const op = 1 - t; const rot = t * 720 * (seed > 0.5 ? 1 : -1); const colors = ['var(--stamp)', 'var(--amber)', 'var(--sage)', 'var(--ink)', 'var(--stamp-ink)']; const isShekel = i % 4 === 0; return (
{isShekel ? '₪' : ( )}
); })} ); } // ════════════════════════════════════════════════════════════════════ // MASTER // ════════════════════════════════════════════════════════════════════ function VideoScenes() { const { Ambient } = window.VideoScenes_Part1; const { Scene1ColdOpen, Scene2Recording } = window.VideoScenes_Part1; const { Scene3AI, Scene4Pricing, Scene5WhatsApp } = window.VideoScenes_Part2; return ( <> ); } window.VideoScenes = VideoScenes; window.Scene6Signing = Scene6Signing; window.Scene7Notification = Scene7Notification;