// BITS — Landing page
const { PINK, PINK_DEEP, PINK_SOFT, YEL, CYAN, INK } = window.BITS_COLORS;
const SCREENS = window.BITS_SCREENS;
const { PhoneShell } = window;
// Real store + legal links (match what's live in the system)
const APPLE_URL = 'https://apps.apple.com/il/app/bits-birthday-reminder/id6775375836?l=he';
const PLAY_URL = 'https://play.google.com/store/apps/details?id=com.bits.birthday';
const PRIVACY_URL = '/privacy';
const TERMS_URL = '/terms';
const { useState, useEffect } = React;
// Live count of real registered families (demo family excluded by the API).
function useFamilyCount() {
const [n, setN] = useState(null);
useEffect(() => {
let alive = true;
fetch('/api/stats')
.then(r => r.json())
.then(d => { if (alive) setN(typeof d.families === 'number' ? d.families : null); })
.catch(() => { if (alive) setN(null); });
return () => { alive = false; };
}, []);
return n;
}
function familyLabel(n) {
if (n === 1) return 'משפחה אחת';
return n.toLocaleString('he-IL') + ' משפחות';
}
// ── Scaled, rounded phone mockup that reuses the real app screens ──
function PhoneMock({ screen, width = 280, float = false, delay = 0, tilt = 0 }) {
const OUTER_W = 740, OUTER_H = 1320; // PhoneShell incl. 10px borders
const scale = width / OUTER_W;
const Screen = SCREENS[screen] || SCREENS.home;
return (
);
}
// ── Store badges ──
function AppleBadge({ big = false }) {
const h = big ? 60 : 50;
return (
הורידו ב־App Store
);
}
function GoogleBadge({ big = false }) {
const h = big ? 60 : 50;
return (
זמין ב־Google Play
);
}
function Logo({ size = 40 }) {
return (