create-snapify-app 0.0.0-stage → 1.1.0

package/template/apps/landing/src/SeoPages.tsx

@@ -0,0 +1,923 @@
+/**
+ * Pages SEO longue traîne — Tunisie, France, alternative WordPress
+ */
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { INTL_PRICE } from './copy';
+
+const linkStyle = { fontWeight: 600 as const, color: 'var(--color-teal-dark)' };
+
+function Page({
+  title,
+  lead,
+  children,
+  ctaLabel,
+}: {
+  title: string;
+  lead: string;
+  children: React.ReactNode;
+  ctaLabel: string;
+}) {
+  return (
+    <div className="lp-section">
+      <article className="lp-wrap" style={{ maxWidth: 760 }}>
+        <h1 style={{ fontFamily: 'var(--font-display)', fontSize: 'clamp(1.8rem,3vw,2.5rem)', marginTop: 0, lineHeight: 1.15 }}>
+          {title}
+        </h1>
+        <p style={{ lineHeight: 1.75, color: 'rgba(11,21,40,.75)', fontSize: '1.05rem' }}>{lead}</p>
+        <div style={{ lineHeight: 1.75, color: 'rgba(11,21,40,.78)' }}>{children}</div>
+        <div className="lp-cta-row" style={{ marginTop: 28 }}>
+          <Link to="/commander" className="lp-btn">
+            {ctaLabel}
+          </Link>
+          <a href="/demo/" className="lp-btn lp-btn-ghost">
+            Essayer la démo
+          </a>
+        </div>
+      </article>
+    </div>
+  );
+}
+
+export function SeoTunisiePage() {
+  return (
+    <Page
+      title="CMS Tunisie — créer un site web ou une boutique avec Snapify"
+      lead="Snapify est le CMS made in Tunisia pour les entreprises de Tunis, Sfax, Sousse, Nabeul et partout en Tunisie. Sans PHP, avec IA, édition visuelle et paiement Flouci."
+      ctaLabel="Commander 699 DT / an"
+    >
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Pourquoi un CMS tunisien moderne ?</h2>
+      <ul>
+        <li>
+          <strong>699 DT / an</strong> — tarif clair, installation en 48 h sur votre hébergement
+        </li>
+        <li>
+          <strong>Sans PHP</strong> — hors de la course aux CVE des CMS historiques
+        </li>
+        <li>
+          <strong>IA + édition visuelle</strong> — générez, peaufinez, publiez
+        </li>
+        <li>
+          <strong>E-commerce & Flouci</strong> — boutique, panier, commandes adaptées au marché local
+        </li>
+        <li>
+          <strong>Migration</strong> — WordPress, Prestashop ou site maison
+        </li>
+      </ul>
+
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Création de site web — villes &amp; guides</h2>
+      <ul>
+        <li>
+          <Link to="/creation-site-web-tunisie" style={linkStyle}>
+            Création site web Tunisie
+          </Link>
+        </li>
+        <li>
+          <Link to="/creation-site-web-tunis" style={linkStyle}>
+            Création site web Tunis
+          </Link>
+        </li>
+        <li>
+          <Link to="/creation-site-web-sfax" style={linkStyle}>
+            Création site web Sfax
+          </Link>
+        </li>
+        <li>
+          <Link to="/creation-site-web-sousse" style={linkStyle}>
+            Création site web Sousse
+          </Link>
+        </li>
+        <li>
+          <Link to="/agence-web-tunisie" style={linkStyle}>
+            Snapify vs agences (Medianet, Novatis…)
+          </Link>
+        </li>
+        <li>
+          <Link to="/boutique-en-ligne-tunisie" style={linkStyle}>
+            Boutique en ligne Tunisie
+          </Link>
+        </li>
+        <li>
+          <Link to="/site-vitrine-tunisie" style={linkStyle}>
+            Site vitrine Tunisie
+          </Link>
+        </li>
+      </ul>
+      <p>
+        Installation 100 % distante : Tunis, Sfax, Sousse, Monastir, Bizerte, Gabès, Ariana, Hammamet… Vous gardez
+        votre domaine et votre hébergeur.
+      </p>
+
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Écosystème</h2>
+      <p>
+        <a href="https://marketplace.snapify.tn" rel="noreferrer">
+          Marketplace
+        </a>{' '}
+        (modules & thèmes signés) ·{' '}
+        <a href="https://community.snapify.tn" rel="noreferrer">
+          Communauté
+        </a>{' '}
+        · Éditeur{' '}
+        <a href="https://novalabs.tn" rel="noreferrer">
+          NOVALABS
+        </a>
+        .
+      </p>
+      <p>
+        Aussi disponible en France :{' '}
+        <Link to="/seo-france" style={{ fontWeight: 600, color: 'var(--color-teal-dark)' }}>
+          Snapify CMS France
+        </Link>
+        .
+      </p>
+    </Page>
+  );
+}
+
+export function SeoFrancePage() {
+  return (
+    <Page
+      title="CMS France — créer un site web ou e-commerce avec Snapify"
+      lead={`Snapify est un CMS Node moderne pour la France : alternative à Wix, Shopify et WordPress. Génération IA, édition visuelle. ${INTL_PRICE}/an, installation en 48 h.`}
+      ctaLabel={`Commander ${INTL_PRICE} / an`}
+    >
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Pour qui ?</h2>
+      <p>
+        Agences, freelances, TPE/PME à Paris, Lyon, Marseille, Toulouse, Nantes, Bordeaux… qui veulent un CMS rapide,
+        sécurisé et simple à éditer — sans lock-in Wix ni zoo de plugins.
+      </p>
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Pages utiles</h2>
+      <ul>
+        <li>
+          <Link to="/alternative-wix" style={linkStyle}>
+            Alternative à Wix
+          </Link>
+        </li>
+        <li>
+          <Link to="/alternative-shopify" style={linkStyle}>
+            Alternative à Shopify
+          </Link>
+        </li>
+        <li>
+          <Link to="/creation-site-web-france" style={linkStyle}>
+            Création site web France
+          </Link>
+        </li>
+        <li>
+          <Link to="/createur-site-web" style={linkStyle}>
+            Créateur de site web IA
+          </Link>
+        </li>
+        <li>
+          <Link to="/creation-site-web-paris" style={linkStyle}>
+            Site web Paris
+          </Link>
+        </li>
+      </ul>
+
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Ce que vous gagnez</h2>
+      <ul>
+        <li>
+          <strong>{INTL_PRICE} / an</strong> — licence claire, vous amenez l’hébergement
+        </li>
+        <li>
+          <strong>Stack Node</strong> — hors surface d’attaque PHP classique
+        </li>
+        <li>
+          <strong>Site web IA</strong> — brief → structure → édition fine à la souris
+        </li>
+        <li>
+          <strong>E-commerce intégré</strong> — boutique, panier, espace client
+        </li>
+        <li>
+          <strong>Migration WordPress / Prestashop</strong> — contenu et catalogue repris
+        </li>
+      </ul>
+
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Intentions de recherche ciblées</h2>
+      <p>
+        <em>alternative WordPress</em>, <em>CMS sans PHP</em>, <em>créer site web France</em>, <em>CMS IA</em>,{' '}
+        <em>migration WordPress</em>, <em>CMS e-commerce France</em>, <em>boutique en ligne Paris</em>.
+      </p>
+      <p>
+        Comparatif détaillé :{' '}
+        <Link to="/alternative-wordpress" style={{ fontWeight: 600, color: 'var(--color-teal-dark)' }}>
+          Snapify vs WordPress
+        </Link>
+        . Marché Tunisie :{' '}
+        <Link to="/seo-tunisie" style={{ fontWeight: 600, color: 'var(--color-teal-dark)' }}>
+          CMS Tunisie
+        </Link>
+        .
+      </p>
+    </Page>
+  );
+}
+
+export function CreationSiteWebFrancePage() {
+  return (
+    <Page
+      title="Création site web France — Snapify, alternative à Wix"
+      lead={`Créez un site vitrine ou e-commerce en France : IA, édition visuelle, migration WordPress. Licence ${INTL_PRICE}/an sur votre hébergement — sans lock-in Wix ou Shopify.`}
+      ctaLabel={`Créer mon site · ${INTL_PRICE}/an`}
+    >
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Wix, Shopify, agence… ou Snapify ?</h2>
+      <ul>
+        <li>
+          <strong>Wix / Squarespace</strong> — rapide, mais abonnements qui montent et données chez eux
+        </li>
+        <li>
+          <strong>Shopify</strong> — fort en boutique, commissions et apps qui s’additionnent
+        </li>
+        <li>
+          <strong>Agence</strong> — sur-mesure, souvent 2–10 k€
+        </li>
+        <li>
+          <strong>Snapify</strong> — CMS Node + IA chez vous, {INTL_PRICE}/an, install 48 h
+        </li>
+      </ul>
+
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Guides concurrents</h2>
+      <ul>
+        <li>
+          <Link to="/alternative-wix" style={linkStyle}>
+            Alternative à Wix
+          </Link>
+        </li>
+        <li>
+          <Link to="/alternative-shopify" style={linkStyle}>
+            Alternative à Shopify
+          </Link>
+        </li>
+        <li>
+          <Link to="/alternative-squarespace" style={linkStyle}>
+            Alternative à Squarespace
+          </Link>
+        </li>
+        <li>
+          <Link to="/alternative-wordpress" style={linkStyle}>
+            Alternative à WordPress
+          </Link>
+        </li>
+        <li>
+          <Link to="/createur-site-web" style={linkStyle}>
+            Créateur de site web IA
+          </Link>
+        </li>
+      </ul>
+
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Par ville</h2>
+      <ul>
+        <li>
+          <Link to="/creation-site-web-paris" style={linkStyle}>
+            Création site web Paris
+          </Link>
+        </li>
+        <li>
+          <Link to="/creation-site-web-lyon" style={linkStyle}>
+            Création site web Lyon
+          </Link>
+        </li>
+        <li>
+          <Link to="/creation-site-web-marseille" style={linkStyle}>
+            Création site web Marseille
+          </Link>
+        </li>
+      </ul>
+
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Vitrine &amp; boutique</h2>
+      <p>
+        <Link to="/site-vitrine-france" style={linkStyle}>
+          Site vitrine France
+        </Link>{' '}
+        ·{' '}
+        <Link to="/boutique-en-ligne-france" style={linkStyle}>
+          Boutique en ligne France
+        </Link>{' '}
+        ·{' '}
+        <Link to="/seo-france" style={linkStyle}>
+          CMS France
+        </Link>
+      </p>
+    </Page>
+  );
+}
+
+export function AlternativeWixPage() {
+  return (
+    <Page
+      title="Alternative à Wix — Snapify CMS"
+      lead={`Quittez le lock-in Wix : Snapify s’installe sur votre hébergement, avec IA et e-commerce. Licence claire ${INTL_PRICE}/an.`}
+      ctaLabel={`Passer à Snapify · ${INTL_PRICE}/an`}
+    >
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Wix vs Snapify</h2>
+      <div style={{ overflowX: 'auto' }}>
+        <table style={{ width: '100%', borderCollapse: 'collapse', fontSize: 14 }}>
+          <thead>
+            <tr style={{ textAlign: 'left', borderBottom: '2px solid rgba(11,21,40,.12)' }}>
+              <th style={{ padding: '8px 6px' }}>Critère</th>
+              <th style={{ padding: '8px 6px' }}>Wix</th>
+              <th style={{ padding: '8px 6px' }}>Snapify</th>
+            </tr>
+          </thead>
+          <tbody>
+            {[
+              ['Hébergement', 'Chez Wix', 'Le vôtre (OVH, o2switch…)'],
+              ['Prix', 'Abonnements + apps', `${INTL_PRICE} / an`],
+              ['IA', 'Selon plans', 'Oui + édition fine'],
+              ['E-commerce', 'Plans boutique', 'Boutique native'],
+              ['Sortie', 'Difficile', 'Données chez vous'],
+            ].map(([a, b, c]) => (
+              <tr key={a} style={{ borderBottom: '1px solid rgba(11,21,40,.08)' }}>
+                <td style={{ padding: '10px 6px', fontWeight: 600 }}>{a}</td>
+                <td style={{ padding: '10px 6px' }}>{b}</td>
+                <td style={{ padding: '10px 6px' }}>{c}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+      <p>
+        <Link to="/alternative-shopify" style={linkStyle}>
+          Vs Shopify
+        </Link>{' '}
+        ·{' '}
+        <Link to="/creation-site-web-france" style={linkStyle}>
+          Création site France
+        </Link>
+      </p>
+    </Page>
+  );
+}
+
+export function AlternativeShopifyPage() {
+  return (
+    <Page
+      title="Alternative à Shopify — Snapify"
+      lead={`E-commerce sans commission plateforme : boutique native Snapify, licence ${INTL_PRICE}/an sur votre serveur.`}
+      ctaLabel={`Créer ma boutique · ${INTL_PRICE}/an`}
+    >
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Pourquoi quitter Shopify ?</h2>
+      <p>
+        Shopify est puissant, mais l’abonnement + les apps + les frais transactionnels s’additionnent. Snapify inclut
+        la boutique dans la licence annuelle — seuls les frais bancaires réels s’appliquent.
+      </p>
+      <p>
+        <Link to="/boutique-en-ligne-france" style={linkStyle}>
+          Boutique en ligne France
+        </Link>{' '}
+        ·{' '}
+        <Link to="/alternative-wix" style={linkStyle}>
+          Vs Wix
+        </Link>
+      </p>
+    </Page>
+  );
+}
+
+export function AlternativeSquarespacePage() {
+  return (
+    <Page
+      title="Alternative à Squarespace — Snapify"
+      lead={`Design soigné + IA, sans rester captif de Squarespace. CMS sur votre hébergement, ${INTL_PRICE}/an.`}
+      ctaLabel={`Essayer Snapify · ${INTL_PRICE}/an`}
+    >
+      <p>
+        Squarespace soigne l’esthétique ; Snapify ajoute l’autonomie technique : vos fichiers, votre domaine, votre
+        hébergeur UE/France.
+      </p>
+      <p>
+        <Link to="/site-vitrine-france" style={linkStyle}>
+          Site vitrine France
+        </Link>{' '}
+        ·{' '}
+        <Link to="/alternative-wix" style={linkStyle}>
+          Vs Wix
+        </Link>
+      </p>
+    </Page>
+  );
+}
+
+export function BoutiqueEnLigneFrancePage() {
+  return (
+    <Page
+      title="Boutique en ligne France — Snapify"
+      lead={`Catalogue, panier, commandes : e-commerce France sans Shopify. Licence ${INTL_PRICE}/an.`}
+      ctaLabel={`Créer ma boutique · ${INTL_PRICE}/an`}
+    >
+      <ul>
+        <li>Boutique native (pas 15 plugins)</li>
+        <li>Hébergement à vous</li>
+        <li>Migration Prestashop / WooCommerce possible</li>
+      </ul>
+      <p>
+        <Link to="/alternative-shopify" style={linkStyle}>
+          Alternative Shopify
+        </Link>{' '}
+        ·{' '}
+        <Link to="/creation-site-web-france" style={linkStyle}>
+          Création site France
+        </Link>
+      </p>
+    </Page>
+  );
+}
+
+export function SiteVitrineFrancePage() {
+  return (
+    <Page
+      title="Site vitrine France — Snapify"
+      lead={`Pages, SEO, formulaires : site vitrine moderne. Alternative Wix / WordPress.com — ${INTL_PRICE}/an.`}
+      ctaLabel={`Créer mon site vitrine · ${INTL_PRICE}/an`}
+    >
+      <p>
+        <Link to="/boutique-en-ligne-france" style={linkStyle}>
+          Passer en boutique
+        </Link>{' '}
+        ·{' '}
+        <Link to="/createur-site-web" style={linkStyle}>
+          Créateur IA
+        </Link>
+      </p>
+    </Page>
+  );
+}
+
+export function CreationSiteWebParisPage() {
+  return (
+    <Page
+      title="Création site web Paris — Snapify"
+      lead={`Site vitrine ou e-commerce pour TPE/PME parisiennes. IA + CMS, ${INTL_PRICE}/an — alternative Wix.`}
+      ctaLabel={`Commander pour Paris · ${INTL_PRICE}/an`}
+    >
+      <p>
+        <Link to="/creation-site-web-lyon" style={linkStyle}>
+          Lyon
+        </Link>{' '}
+        ·{' '}
+        <Link to="/creation-site-web-marseille" style={linkStyle}>
+          Marseille
+        </Link>{' '}
+        ·{' '}
+        <Link to="/alternative-wix" style={linkStyle}>
+          Vs Wix
+        </Link>
+      </p>
+    </Page>
+  );
+}
+
+export function CreationSiteWebLyonPage() {
+  return (
+    <Page
+      title="Création site web Lyon — Snapify"
+      lead={`Site web à Lyon : vitrine ou boutique, IA, ${INTL_PRICE}/an.`}
+      ctaLabel={`Commander pour Lyon · ${INTL_PRICE}/an`}
+    >
+      <p>
+        <Link to="/creation-site-web-paris" style={linkStyle}>
+          Paris
+        </Link>{' '}
+        ·{' '}
+        <Link to="/creation-site-web-france" style={linkStyle}>
+          Toute la France
+        </Link>
+      </p>
+    </Page>
+  );
+}
+
+export function CreationSiteWebMarseillePage() {
+  return (
+    <Page
+      title="Création site web Marseille — Snapify"
+      lead={`Site web Marseille & PACA : CMS IA, ${INTL_PRICE}/an, alternative Wix.`}
+      ctaLabel={`Commander pour Marseille · ${INTL_PRICE}/an`}
+    >
+      <p>
+        <Link to="/creation-site-web-france" style={linkStyle}>
+          Création site France
+        </Link>
+      </p>
+    </Page>
+  );
+}
+
+export function CreateurSiteWebPage() {
+  return (
+    <Page
+      title="Créateur de site web — Snapify IA"
+      lead={`Décrivez votre activité : l’IA pose les bases, vous peaufinez. Alternative Wix / Jimdo — ${INTL_PRICE}/an.`}
+      ctaLabel={`Créer mon site · ${INTL_PRICE}/an`}
+    >
+      <p>
+        <Link to="/alternative-wix" style={linkStyle}>
+          Comparatif Wix
+        </Link>{' '}
+        ·{' '}
+        <a href="/demo/" style={linkStyle}>
+          Démo
+        </a>
+      </p>
+    </Page>
+  );
+}
+
+export function CreationSiteWebTunisiePage() {
+  return (
+    <Page
+      title="Création site web Tunisie — Snapify CMS 699 DT/an"
+      lead="Créez un site vitrine ou une boutique en ligne en Tunisie sans devis flou : IA, édition visuelle, Flouci. Alternative claire aux projets d’agence à plusieurs milliers de dinars."
+      ctaLabel="Créer mon site · 699 DT/an"
+    >
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Pourquoi Snapify plutôt qu’un devis d’agence ?</h2>
+      <p>
+        Les agences web tunisiennes (Medianet, Novatis et d’autres) restent excellentes pour du sur-mesure premium.
+        Beaucoup de TPE/PME ont surtout besoin d’un site professionnel, éditable, avec e-commerce Flouci — sans
+        recommencer un devis à chaque modification.
+      </p>
+      <ul>
+        <li>
+          <strong>699 DT / an</strong> — tarif publié, installation 48 h
+        </li>
+        <li>CMS made in Tunisia (NOVALABS), stack Node sans PHP</li>
+        <li>Génération IA + constructeur de pages</li>
+        <li>Boutique + paiement Flouci</li>
+        <li>Migration WordPress / Prestashop possible</li>
+      </ul>
+
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Par ville</h2>
+      <ul>
+        <li>
+          <Link to="/creation-site-web-tunis" style={linkStyle}>
+            Création site web Tunis
+          </Link>
+        </li>
+        <li>
+          <Link to="/creation-site-web-sfax" style={linkStyle}>
+            Création site web Sfax
+          </Link>
+        </li>
+        <li>
+          <Link to="/creation-site-web-sousse" style={linkStyle}>
+            Création site web Sousse
+          </Link>
+        </li>
+      </ul>
+
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Guides liés</h2>
+      <p>
+        <Link to="/agence-web-tunisie" style={linkStyle}>
+          Snapify vs agence web Tunisie
+        </Link>{' '}
+        ·{' '}
+        <Link to="/boutique-en-ligne-tunisie" style={linkStyle}>
+          Boutique en ligne Tunisie
+        </Link>{' '}
+        ·{' '}
+        <Link to="/site-vitrine-tunisie" style={linkStyle}>
+          Site vitrine Tunisie
+        </Link>{' '}
+        ·{' '}
+        <Link to="/seo-tunisie" style={linkStyle}>
+          CMS Tunisie
+        </Link>
+      </p>
+    </Page>
+  );
+}
+
+export function CreationSiteWebTunisPage() {
+  return (
+    <Page
+      title="Création site web Tunis — Snapify 699 DT/an"
+      lead="Site vitrine ou e-commerce pour entreprises du Grand Tunis (Lac, Centre-ville, Ariana, La Marsa). CMS IA + Flouci, installé en 48 h."
+      ctaLabel="Commander pour Tunis · 699 DT/an"
+    >
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Créer un site à Tunis sans projet à 5–8 k DT</h2>
+      <p>
+        Sur les recherches « création site web Tunis », les devis d’agence démarrent souvent à plusieurs milliers de
+        dinars. Snapify propose une licence annuelle à 699 DT : vous (ou votre freelance) éditez le site, l’IA accélère
+        le premier jet, Flouci gère les paiements locaux.
+      </p>
+      <ul>
+        <li>Présence web pour TPE/PME, cabinets, commerces du Grand Tunis</li>
+        <li>SEO local (titles, meta, sitemap) prêt dès la mise en ligne</li>
+        <li>Démo publique avant paiement</li>
+      </ul>
+      <p>
+        <Link to="/creation-site-web-tunisie" style={linkStyle}>
+          Toute la Tunisie
+        </Link>{' '}
+        ·{' '}
+        <Link to="/agence-web-tunisie" style={linkStyle}>
+          Comparatif agences
+        </Link>{' '}
+        ·{' '}
+        <Link to="/boutique-en-ligne-tunisie" style={linkStyle}>
+          E-commerce
+        </Link>
+      </p>
+    </Page>
+  );
+}
+
+export function CreationSiteWebSfaxPage() {
+  return (
+    <Page
+      title="Création site web Sfax — Snapify 699 DT/an"
+      lead="Lancez votre site vitrine ou boutique à Sfax : CMS tunisien, IA, Flouci. Installation à distance en 48 h."
+      ctaLabel="Commander pour Sfax · 699 DT/an"
+    >
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Site web pour entreprises sfaxiennes</h2>
+      <p>
+        Industrie, commerce, services : Snapify vous donne un outil d’édition moderne sans dépendre d’un gros devis
+        d’agence. Vous gardez votre domaine et votre hébergeur.
+      </p>
+      <p>
+        <Link to="/creation-site-web-tunis" style={linkStyle}>
+          Tunis
+        </Link>{' '}
+        ·{' '}
+        <Link to="/creation-site-web-sousse" style={linkStyle}>
+          Sousse
+        </Link>{' '}
+        ·{' '}
+        <Link to="/creation-site-web-tunisie" style={linkStyle}>
+          Tunisie
+        </Link>
+      </p>
+    </Page>
+  );
+}
+
+export function CreationSiteWebSoussePage() {
+  return (
+    <Page
+      title="Création site web Sousse — Snapify 699 DT/an"
+      lead="Hôtellerie, commerce, services du Sahel : site vitrine ou e-commerce avec Snapify. 699 DT/an, Flouci, IA."
+      ctaLabel="Commander pour Sousse · 699 DT/an"
+    >
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Visibilité locale à Sousse &amp; Sahel</h2>
+      <p>
+        Créez un site professionnel pour Sousse, Hammamet ou Monastir. Édition autonome, modules signés, paiement
+        Flouci pour les boutiques.
+      </p>
+      <p>
+        <Link to="/creation-site-web-tunisie" style={linkStyle}>
+          Création site web Tunisie
+        </Link>{' '}
+        ·{' '}
+        <Link to="/site-vitrine-tunisie" style={linkStyle}>
+          Site vitrine
+        </Link>
+      </p>
+    </Page>
+  );
+}
+
+export function BoutiqueEnLigneTunisiePage() {
+  return (
+    <Page
+      title="Boutique en ligne Tunisie — e-commerce Flouci | Snapify"
+      lead="Catalogue, panier, commandes, paiement Flouci : lancez votre e-commerce tunisien sans WooCommerce ni devis e-commerce d’agence à 4 000+ DT."
+      ctaLabel="Créer ma boutique · 699 DT/an"
+    >
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>E-commerce pensé pour la Tunisie</h2>
+      <ul>
+        <li>Boutique native dans le CMS (pas 15 plugins)</li>
+        <li>Paiement Flouci</li>
+        <li>Espace client, stock, commandes</li>
+        <li>Licence 699 DT/an — évoluez sans nouveau devis</li>
+      </ul>
+      <p>
+        <Link to="/creation-site-web-tunisie" style={linkStyle}>
+          Création site web Tunisie
+        </Link>{' '}
+        ·{' '}
+        <Link to="/agence-web-tunisie" style={linkStyle}>
+          Vs agence web
+        </Link>
+      </p>
+    </Page>
+  );
+}
+
+export function SiteVitrineTunisiePage() {
+  return (
+    <Page
+      title="Site vitrine Tunisie — création rapide | Snapify 699 DT/an"
+      lead="Pages, SEO, formulaires, responsive : un site vitrine moderne pour présenter votre activité en Tunisie."
+      ctaLabel="Créer mon site vitrine · 699 DT/an"
+    >
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Vitrine pro, tarif prévisible</h2>
+      <p>
+        Moins de latence qu’un projet d’agence classique : brief → génération IA → édition visuelle → mise en ligne
+        sous 48 h après paiement.
+      </p>
+      <p>
+        <Link to="/boutique-en-ligne-tunisie" style={linkStyle}>
+          Passer en boutique
+        </Link>{' '}
+        ·{' '}
+        <Link to="/creation-site-web-tunis" style={linkStyle}>
+          Site à Tunis
+        </Link>
+      </p>
+    </Page>
+  );
+}
+
+export function AgenceWebTunisiePage() {
+  return (
+    <Page
+      title="Agence web Tunisie : Snapify vs Medianet, Novatis &amp; co"
+      lead="Devis d’agence 3–8 k DT ou CMS Snapify à 699 DT/an ? Comparatif honnête pour TPE/PME qui veulent un site web en Tunisie."
+      ctaLabel="Choisir Snapify · 699 DT/an"
+    >
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Deux modèles, deux besoins</h2>
+      <p>
+        <strong>Medianet</strong>, <strong>Novatis</strong> et d’autres agences web en Tunisie excellent sur les
+        projets sur mesure, la direction artistique et l’accompagnement full-service. Les budgets vitrine cités sur le
+        marché tournent souvent autour de 3 000 à 8 000 DT (plus pour l’e-commerce).
+      </p>
+      <p>
+        <strong>Snapify</strong> cible les entreprises qui veulent un site professionnel <em>maîtrisé</em> : licence
+        annuelle, édition autonome, IA, Flouci, migration WordPress — sans recommencer un devis à chaque page.
+      </p>
+
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Tableau comparatif</h2>
+      <div style={{ overflowX: 'auto' }}>
+        <table style={{ width: '100%', borderCollapse: 'collapse', fontSize: 14 }}>
+          <thead>
+            <tr style={{ textAlign: 'left', borderBottom: '2px solid rgba(11,21,40,.12)' }}>
+              <th style={{ padding: '8px 6px' }}>Critère</th>
+              <th style={{ padding: '8px 6px' }}>Agence (ex. Medianet, Novatis)</th>
+              <th style={{ padding: '8px 6px' }}>Snapify</th>
+            </tr>
+          </thead>
+          <tbody>
+            {[
+              ['Budget typique', '3 000–8 000+ DT / projet', '699 DT / an'],
+              ['Délai', 'Plusieurs semaines', 'Install 48 h après paiement'],
+              ['Évolutions', 'Nouveaux devis / tickets', 'Édition + IA en autonomie'],
+              ['E-commerce', 'Sur devis', 'Boutique + Flouci inclus'],
+              ['Stack', 'WP / sur-mesure / CMS maison', 'CMS Node, modules signés'],
+              ['Idéal pour', 'Sur-mesure, marque premium', 'TPE/PME, freelances, agences qui industrialisent'],
+            ].map(([a, b, c]) => (
+              <tr key={a} style={{ borderBottom: '1px solid rgba(11,21,40,.08)' }}>
+                <td style={{ padding: '10px 6px', fontWeight: 600 }}>{a}</td>
+                <td style={{ padding: '10px 6px' }}>{b}</td>
+                <td style={{ padding: '10px 6px' }}>{c}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Quand choisir Snapify ?</h2>
+      <ul>
+        <li>Vous voulez un tarif clair et un site évolutif</li>
+        <li>Vous vendez en Tunisie (Flouci) ou présentez une activité locale</li>
+        <li>Vous migrez depuis WordPress et voulez sortir des plugins fragiles</li>
+        <li>Vous êtes une petite agence qui veut livrer plus vite à ses clients</li>
+      </ul>
+      <p>
+        Pages locales :{' '}
+        <Link to="/creation-site-web-tunis" style={linkStyle}>
+          Tunis
+        </Link>
+        ,{' '}
+        <Link to="/creation-site-web-sfax" style={linkStyle}>
+          Sfax
+        </Link>
+        ,{' '}
+        <Link to="/creation-site-web-sousse" style={linkStyle}>
+          Sousse
+        </Link>{' '}
+        ·{' '}
+        <Link to="/creation-site-web-tunisie" style={linkStyle}>
+          Création site web Tunisie
+        </Link>
+      </p>
+    </Page>
+  );
+}
+
+export function PressePage({ intl }: { intl: boolean }) {
+  const site = intl ? 'https://snapify.fr' : 'https://snapify.tn';
+  const badge = `${site}/logo.svg`;
+  return (
+    <Page
+      title="Presse & partenaires — Snapify"
+      lead="Kit média et badges pour journalistes, annuaires et partenaires. Lienez-nous — on lienera en retour quand c’est pertinent."
+      ctaLabel={intl ? `Essayer Snapify · ${INTL_PRICE}/an` : 'Essayer Snapify · 699 DT/an'}
+    >
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>En bref</h2>
+      <ul>
+        <li>
+          <strong>Produit</strong> — CMS Node (sans PHP) : sites vitrine, e-commerce, IA, marketplace
+        </li>
+        <li>
+          <strong>Éditeur</strong> — NOVALABS WEB DESIGN · Tunisie
+        </li>
+        <li>
+          <strong>Contact presse</strong> — contact@novalabs.tn · +216 24 734 647
+        </li>
+        <li>
+          <strong>Sites</strong> —{' '}
+          <a href="https://snapify.tn">snapify.tn</a> · <a href="https://snapify.fr">snapify.fr</a>
+        </li>
+      </ul>
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Badge / hotlink</h2>
+      <p>Vous pouvez afficher ce badge avec un lien vers Snapify :</p>
+      <pre
+        style={{
+          background: 'rgba(11,21,40,.04)',
+          padding: 12,
+          borderRadius: 12,
+          overflow: 'auto',
+          fontSize: 12,
+        }}
+      >{`<a href="${site}/?utm_source=partner&utm_medium=badge" rel="noopener">
+  <img src="${badge}" alt="Snapify CMS" width="40" height="40" />
+  Snapify — CMS moderne
+</a>`}</pre>
+      <p style={{ marginTop: 16 }}>
+        <img src="/logo.svg" alt="Snapify" width={48} height={48} />
+      </p>
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Pages utiles</h2>
+      <ul>
+        <li>
+          <Link to="/alternative-wordpress">Alternative WordPress</Link>
+        </li>
+        <li>
+          <Link to="/seo-france">CMS France</Link>
+        </li>
+        <li>
+          <Link to="/seo-tunisie">CMS Tunisie</Link>
+        </li>
+      </ul>
+    </Page>
+  );
+}
+
+export function AlternativeWordpressPage({ intl }: { intl: boolean }) {
+  return (
+    <Page
+      title="Alternative à WordPress : Snapify CMS (sans PHP)"
+      lead="WordPress reste puissant — mais CVE, plugins abandonnés et sites lents freinent beaucoup d’équipes. Snapify propose un CMS Node, modules signés, IA et migration."
+      ctaLabel={intl ? `Passer à Snapify · ${INTL_PRICE}/an` : 'Passer à Snapify · 699 DT/an'}
+    >
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>WordPress vs Snapify</h2>
+      <div style={{ overflowX: 'auto' }}>
+        <table style={{ width: '100%', borderCollapse: 'collapse', fontSize: 14 }}>
+          <thead>
+            <tr style={{ textAlign: 'left', borderBottom: '2px solid rgba(11,21,40,.12)' }}>
+              <th style={{ padding: '8px 6px' }}>Critère</th>
+              <th style={{ padding: '8px 6px' }}>WordPress</th>
+              <th style={{ padding: '8px 6px' }}>Snapify</th>
+            </tr>
+          </thead>
+          <tbody>
+            {[
+              ['Stack', 'PHP + plugins', 'Node, modules signés'],
+              ['Sécurité', 'Surface CVE large', 'Moins exposé au stack PHP'],
+              ['Édition', 'Gutenberg / page builders', 'Blocs + génération IA'],
+              ['E-commerce', 'WooCommerce (+ plugins)', 'Boutique native'],
+              ['Mises à jour', 'Souvent risquées', 'Plateforme maintenue'],
+              ['Migration', '—', 'Depuis WP / Prestashop'],
+              ['Prix', 'Variable (plugins)', intl ? `${INTL_PRICE}/an` : '699 DT/an'],
+            ].map(([a, b, c]) => (
+              <tr key={a} style={{ borderBottom: '1px solid rgba(11,21,40,.08)' }}>
+                <td style={{ padding: '10px 6px', fontWeight: 600 }}>{a}</td>
+                <td style={{ padding: '10px 6px' }}>{b}</td>
+                <td style={{ padding: '10px 6px' }}>{c}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+
+      <h2 style={{ fontFamily: 'var(--font-display)' }}>Quand migrer ?</h2>
+      <ul>
+        <li>Votre site WordPress est lent ou piraté régulièrement</li>
+        <li>Vous dépendez de 15+ plugins dont certains ne sont plus maintenus</li>
+        <li>Vous voulez générer du contenu avec l’IA puis peaufiner visuellement</li>
+        <li>Vous vendez en ligne et voulez un parcours boutique plus simple</li>
+      </ul>
+      <p>
+        Guides locaux :{' '}
+        <Link to="/seo-france" style={{ fontWeight: 600, color: 'var(--color-teal-dark)' }}>
+          CMS France
+        </Link>{' '}
+        ·{' '}
+        <Link to="/seo-tunisie" style={{ fontWeight: 600, color: 'var(--color-teal-dark)' }}>
+          CMS Tunisie
+        </Link>
+        .
+      </p>
+    </Page>
+  );
+}