// Home — hero, réassurance, besoins, best sellers, univers MTC/MTV, qualité, équipe, espace pro, journal, avis, newsletter // `m` = rendu mobile 375px · `pfx` = préfixe des ids de slots photo function HomeScreen({ onNav = () => {}, onAdd = () => {}, onOpen = () => {}, m = false, pfx = 'h' }) { const { Icon } = window; const { Button, ProductCard, Badge, Rating } = window.SinopharmaDesignSystem_d11735; const D = window.SP_DATA; const g = D.google; const wrap = { maxWidth: 1240, margin: '0 auto', padding: m ? '0 20px' : '0 28px' }; const sec = (extra) => ({ padding: m ? '44px 0' : '80px 0', ...extra }); const h2 = { fontFamily: 'var(--font-display)', fontWeight: 500, fontSize: m ? 25 : 36, lineHeight: 1.16, letterSpacing: '-0.02em', color: 'var(--gray-900)', margin: 0 }; const eyebrow = { fontFamily: 'var(--font-body)', fontSize: 11.5, fontWeight: 600, letterSpacing: 'var(--tracking-eyebrow)', textTransform: 'uppercase', color: 'var(--sage-600)', margin: '0 0 12px' }; const body = { fontFamily: 'var(--font-body)', fontSize: m ? 15 : 16.5, lineHeight: 1.7, color: 'var(--gray-700)', textWrap: 'pretty' }; const slot = (id, alt, style) => React.createElement('image-slot', { id: `${pfx}-${id}`, shape: 'rounded', radius: 6, placeholder: alt, style: { display: 'block', ...style } }); const pillars = [ { icon: 'leaf', t: 'Plantes tracées', d: 'Origine, lot et titrage documentés pour chaque formule.' }, { icon: 'flask-conical', t: 'Laboratoires certifiés', d: 'Fabrication européenne, certification FSSC 22000, contrôles BPF.' }, { icon: 'scroll-text', t: 'Savoir transmis', d: 'Formules issues de la tradition, portées par des praticiens formés au Vietnam et en Europe.' }, { icon: 'stethoscope', t: 'Conseil de praticien', d: 'Une question, une vraie réponse, avant comme après l’achat.' }, ]; const stats = [ { n: `${String(g.average).replace('.', ',')}/5`, l: `sur ${g.total} avis Google` }, { n: '40+', l: 'formules traditionnelles' }, { n: '200+', l: 'thérapeutes nous font confiance' }, { n: '2015', l: 'à votre service depuis' }, ]; return (
{/* 1 · HERO */}
Pharmacopée chinoise et vietnamienne

La pharmacopée chinoise et vietnamienne, conseillée par des praticiens

Des formules traditionnelles MTC et MTV, sélectionnées par des praticiens, fabriquées en Europe sous contrôle qualité, et accompagnées d’un vrai conseil.

{stats.map((s) => (
{s.n}
{s.l}
))}
{slot('hero', 'Photo praticien / plantes en situation', { width: '100%', aspectRatio: m ? '4 / 3' : '4 / 5', boxShadow: 'var(--shadow-lg)' })}
{/* 2 · RÉASSURANCE */}
{pillars.map((p) => (
{p.t}

{p.d}

))}
{/* 3 · PAR BESOIN */}

Par besoin

Trouvez votre formule selon votre besoin

{D.needs.map((c) => ( { e.preventDefault(); onNav('shop'); }} style={{ background: 'var(--cream-50)', border: '1px solid var(--border-hairline)', borderRadius: 'var(--radius-lg)', padding: m ? '16px 12px' : '22px 16px', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 10, textAlign: 'center' }}> {c.label} ))}
{/* 4 · BEST SELLERS */}

Best sellers

Les formules plébiscitées par nos clients et les thérapeutes

{!m ? (
) : null}
{D.bestSellers.map((p) => (
onOpen(p)} style={{ flex: `0 0 ${m ? 200 : 268}px`, cursor: 'pointer' }}> onAdd(p)} />
))}
{/* 5 · UNIVERS MTC / MTV */}

Nos deux univers

Deux pharmacopées, une même exigence

{[ { k: 'mtc', h3: 'Médecine traditionnelle chinoise : les grandes formules classiques', txt: 'Les formules de référence de la pharmacopée chinoise, sélectionnées par Richard Zagorski, praticien et enseignant en diététique chinoise depuis plus de 25 ans.', cta: 'Explorer l’univers MTC', alt: 'Visuel plantes et formules MTC' }, { k: 'mtv', h3: 'Médecine traditionnelle vietnamienne : les formules exclusives de Marc Mézard', txt: 'Des formules élaborées par Marc Mézard, praticien et enseignant formé dès 1991 au Vietnam, disponibles uniquement chez Sino-Pharma.', cta: 'Explorer l’univers MTV', alt: 'Photo de Marc Mézard' }, ].map((u) => (
{slot(u.k, u.alt, { width: '100%', aspectRatio: m ? '16 / 10' : '16 / 9', borderRadius: 0 })}
{u.k === 'mtc' ? 'MTC' : 'MTV'}

{u.h3}

{u.txt}

))}
{/* 6 · DÉMARCHE QUALITÉ */}

Notre démarche

Du champ au flacon, une qualité contrôlée à chaque étape

Chaque plante est sourcée auprès de producteurs identifiés, contrôlée pour ses principes actifs, puis formulée selon les principes des médecines traditionnelles orientales. Fabrication européenne, lot tracé et daté.

{[['sprout', 'Sourcing identifié'], ['flask-conical', 'Titrage contrôlé'], ['shield-check', 'Sans additifs superflus'], ['file-check', 'Lot tracé et daté']].map(([ic, t]) => (
{t}
))}
{/* 7 · ÉQUIPE */}

L’équipe

Des praticiens derrière chaque conseil

30 ans
de pratique des médecines orientales
{[ { id: 'richard', n: 'Richard Zagorski', b: 'Gérant et conseil MTC, diététique chinoise et pharmacopée depuis plus de 25 ans.' }, { id: 'marc', n: 'Marc Mézard', b: 'Praticien, chercheur et enseignant, il supervise la gamme MTV.' }, { id: 'jacques', n: 'Jacques Penna', b: 'Ancien directeur des laboratoires Dolisos, il veille à la qualité et à la logistique.' }, ].map((p) => (
{slot(`team-${p.id}`, p.n, { width: '100%', aspectRatio: '1 / 1', borderRadius: '50%' })}
{p.n}

{p.b}

))}
{/* 8 · ESPACE PRO */}

Thérapeutes, praticiens, élèves en formation : votre espace dédié

Plus de 200 professionnels s’approvisionnent chez Sino-Pharma. Retrouvez les formules classiques, les exclusivités MTV et un interlocuteur qui parle votre langue.

{/* 9 · LE JOURNAL */}

Le Journal

Le Journal : conseils et savoirs des médecines orientales

{D.journal.map((a, i) => ( {slot(`journal-${i}`, `Illustration article ${i + 1}`, { width: '100%', aspectRatio: '16 / 10', borderRadius: 0 })}
{a.cat}

{a.t}

{a.d}

))}
{/* 10 · AVIS CLIENTS */}

Avis clients

Ce que nos clients disent de nous

{String(g.average).replace('.', ',')}
{g.total} avis Google
{g.reviews.map((r) => (

{r.body}

{r.author} · {r.date}
))}
Voir tous les avis sur Google
{/* 11 · NEWSLETTER */}

Le carnet du praticien

Conseils saisonniers, plantes du moment et offres réservées. Une lettre par mois, sans surplus.

); } window.HomeScreen = HomeScreen;