umpordez 1.2.1 → 1.3.2

package/template/ui/site/_variants/app/home.ejs

@@ -0,0 +1,237 @@
+<%- include('../partials/header') %>
+
+<main>
+    <!-- Hero: the promise + a live-feeling app mockup (the signature) -->
+    <section class="relative overflow-hidden">
+        <div class="absolute inset-0 pointer-events-none" aria-hidden="true">
+            <div class="absolute -top-40 left-1/2 -translate-x-1/2 w-[46rem] h-[46rem] bg-primary/15 rounded-full blur-3xl"></div>
+        </div>
+
+        <div class="relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 pt-20 pb-24 lg:pt-28 lg:pb-32">
+            <div class="grid lg:grid-cols-2 gap-16 items-center">
+                <div>
+                    <p class="inline-flex items-center gap-2 text-primary text-sm font-semibold tracking-wide uppercase mb-6">
+                        <span class="w-1.5 h-1.5 rounded-full bg-primary"></span>
+                        <%= t('hero.eyebrow') %>
+                    </p>
+
+                    <h1 class="font-black tracking-tight text-5xl sm:text-6xl leading-[1.05] mb-6">
+                        <span class="block text-zinc-100"><%= t('hero.title1') %></span>
+                        <span class="block text-primary"><%= t('hero.title2') %></span>
+                    </h1>
+
+                    <p class="text-lg text-zinc-400 leading-relaxed max-w-xl mb-10">
+                        <%= t('hero.subtitle') %>
+                    </p>
+
+                    <%# Store buttons — point these at your real listings once %>
+                    <%# the app is live (App Store / Play Store URLs). %>
+                    <div class="flex flex-col sm:flex-row gap-3 mb-6">
+                        <a href="#" class="inline-flex items-center justify-center gap-2.5 bg-zinc-100 text-zinc-900 px-7 py-3.5 rounded-2xl hover:bg-white transition-colors font-semibold text-sm">
+                            <svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+                                <path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/>
+                            </svg>
+                            <%= t('hero.ctaIos') %>
+                        </a>
+                        <a href="#" class="inline-flex items-center justify-center gap-2.5 border border-zinc-700 text-zinc-100 px-7 py-3.5 rounded-2xl hover:border-zinc-500 transition-colors font-semibold text-sm">
+                            <svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+                                <path d="M3.61 1.81c-.36.38-.57.97-.57 1.73v16.92c0 .76.21 1.35.57 1.73l.09.08L13.18 12.8v-.22L3.7 1.72l-.09.09zm12.75 7.62l-3.18 3.15v.22l3.18 3.16.07-.04 3.77-2.12c1.08-.6 1.08-1.6 0-2.21l-3.77-2.12-.07-.04zm-.07 6.53L13.18 12.7 3.61 22.19c.36.36.94.4 1.6.03l11.08-6.26zM3.61 1.81l9.57 9.48 3.11-3.09L5.21 1.94c-.66-.37-1.24-.32-1.6.03v-.16z"/>
+                            </svg>
+                            <%= t('hero.ctaAndroid') %>
+                        </a>
+                    </div>
+
+                    <p class="text-sm text-zinc-500"><%= t('hero.noSub') %></p>
+                </div>
+
+                <!-- Signature: a generic-but-real app screen in a phone frame -->
+                <div class="relative mx-auto w-full max-w-[19rem]" aria-hidden="true">
+                    <div class="rounded-[2.5rem] border border-zinc-800 bg-zinc-900 p-3 shadow-2xl shadow-black/50">
+                        <div class="rounded-[2rem] bg-zinc-950 overflow-hidden">
+                            <div class="px-5 pt-6 pb-5">
+                                <div class="flex items-center justify-between mb-6">
+                                    <div>
+                                        <div class="h-2 w-16 rounded bg-zinc-700 mb-2"></div>
+                                        <div class="h-3.5 w-28 rounded bg-zinc-500"></div>
+                                    </div>
+                                    <span class="w-9 h-9 rounded-full bg-primary/20 border border-primary/40"></span>
+                                </div>
+
+                                <div class="rounded-2xl bg-primary p-5 mb-5">
+                                    <div class="h-2.5 w-20 rounded bg-zinc-950/40 mb-3"></div>
+                                    <div class="h-6 w-32 rounded bg-zinc-950/60"></div>
+                                </div>
+
+                                <div class="space-y-3">
+                                    <% for (var r = 0; r < 3; r++) { %>
+                                    <div class="flex items-center gap-3 rounded-xl border border-zinc-800 bg-zinc-900/60 p-3">
+                                        <span class="w-9 h-9 rounded-lg bg-primary/15"></span>
+                                        <div class="flex-1">
+                                            <div class="h-2.5 w-24 rounded bg-zinc-600 mb-2"></div>
+                                            <div class="h-2 w-16 rounded bg-zinc-800"></div>
+                                        </div>
+                                    </div>
+                                    <% } %>
+                                </div>
+                            </div>
+
+                            <div class="flex items-center justify-around border-t border-zinc-800 px-4 py-3">
+                                <span class="w-6 h-6 rounded-md bg-primary"></span>
+                                <span class="w-6 h-6 rounded-md bg-zinc-800"></span>
+                                <span class="w-6 h-6 rounded-md bg-zinc-800"></span>
+                                <span class="w-6 h-6 rounded-md bg-zinc-800"></span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Positioning: what it's NOT, then what it IS -->
+    <section class="border-y border-zinc-800 bg-zinc-900/40">
+        <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-16 lg:py-20 grid lg:grid-cols-2 gap-12 items-center">
+            <div>
+                <h2 class="font-bold text-2xl text-zinc-500 mb-6"><%= t('notIs.title') %></h2>
+                <ul class="space-y-3">
+                    <% t('notIs.items', { returnObjects: true }).forEach(function (item) { %>
+                    <li class="flex items-center gap-3 text-zinc-500">
+                        <svg class="w-4 h-4 text-zinc-600 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" d="M6 18L18 6M6 6l12 12"/>
+                        </svg>
+                        <span class="line-through decoration-zinc-700"><%= item %></span>
+                    </li>
+                    <% }); %>
+                </ul>
+            </div>
+            <div>
+                <h2 class="font-black text-4xl text-primary mb-4"><%= t('notIs.isTitle') %></h2>
+                <p class="text-zinc-400 text-lg leading-relaxed"><%= t('notIs.isBody') %></p>
+            </div>
+        </div>
+    </section>
+
+    <!-- How it works: three steps -->
+    <section id="how-it-works" class="py-20 lg:py-28">
+        <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="max-w-2xl mb-16">
+                <p class="text-primary text-sm font-semibold tracking-wide uppercase mb-3"><%= t('flow.eyebrow') %></p>
+                <h2 class="font-bold text-3xl md:text-4xl text-zinc-100 mb-4"><%= t('flow.title') %></h2>
+                <p class="text-lg text-zinc-400"><%= t('flow.sub') %></p>
+            </div>
+
+            <div class="grid md:grid-cols-3 gap-6">
+                <% t('flow.steps', { returnObjects: true }).forEach(function (step, i) { %>
+                <div class="rounded-3xl border border-zinc-800 bg-zinc-900/40 p-8">
+                    <div class="w-11 h-11 rounded-2xl bg-primary/15 flex items-center justify-center mb-6 font-bold text-primary">
+                        <%= i + 1 %>
+                    </div>
+                    <h3 class="font-bold text-xl text-zinc-100 mb-3"><%= step.title %></h3>
+                    <p class="text-zinc-400 leading-relaxed text-[15px]"><%= step.body %></p>
+                </div>
+                <% }); %>
+            </div>
+        </div>
+    </section>
+
+    <!-- Features -->
+    <section id="features" class="py-20 lg:py-28 border-t border-zinc-800 bg-zinc-900/40">
+        <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="max-w-2xl mb-16">
+                <p class="text-primary text-sm font-semibold tracking-wide uppercase mb-3"><%= t('features.eyebrow') %></p>
+                <h2 class="font-bold text-3xl md:text-4xl text-zinc-100 mb-4"><%= t('features.title') %></h2>
+                <p class="text-lg text-zinc-400"><%= t('features.sub') %></p>
+            </div>
+
+            <%# Icon paths — order matches features.items. Kept out of i18n %>
+            <%# because they're markup, not copy. %>
+            <% const featureIcons = [
+                'M13 10V3L4 14h7v7l9-11h-7z',
+                'M5 13l4 4L19 7',
+                'M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z',
+                'M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z',
+                'M4 16v2a2 2 0 002 2h12a2 2 0 002-2v-2M12 4v12m0 0l-4-4m4 4l4-4',
+                'M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'
+            ]; %>
+            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
+                <% t('features.items', { returnObjects: true }).forEach(function (item, i) {
+                       const path = featureIcons[i] || featureIcons[0]; %>
+                <div class="rounded-3xl border border-zinc-800 bg-zinc-950 p-8 hover:border-zinc-700 transition-colors">
+                    <div class="w-11 h-11 rounded-xl bg-primary/15 flex items-center justify-center mb-5">
+                        <svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" stroke-width="1.8" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="<%= path %>"/>
+                        </svg>
+                    </div>
+                    <h3 class="font-bold text-lg text-zinc-100 mb-2.5"><%= item.title %></h3>
+                    <p class="text-zinc-400 leading-relaxed text-[15px]"><%= item.body %></p>
+                </div>
+                <% }); %>
+            </div>
+        </div>
+    </section>
+
+    <!-- Pricing: one price, everything included -->
+    <section id="pricing" class="py-20 lg:py-28">
+        <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+            <p class="text-primary text-sm font-semibold tracking-wide uppercase mb-3"><%= t('pricing.eyebrow') %></p>
+            <h2 class="font-bold text-3xl md:text-4xl text-zinc-100 mb-4"><%= t('pricing.title') %></h2>
+            <p class="text-lg text-zinc-400 mb-12"><%= t('pricing.sub') %></p>
+
+            <div class="rounded-[2rem] border border-primary/25 bg-zinc-900/50 p-10">
+                <div class="flex items-baseline justify-center gap-3 mb-2">
+                    <span class="font-black text-5xl text-zinc-100"><%= t('pricing.price') %></span>
+                </div>
+                <p class="text-sm text-zinc-500 mb-8"><%= t('pricing.priceNote') %></p>
+
+                <ul class="max-w-sm mx-auto space-y-3 text-left mb-10">
+                    <% t('pricing.included', { returnObjects: true }).forEach(function (item) { %>
+                    <li class="flex items-center gap-3 text-zinc-300">
+                        <svg class="w-5 h-5 text-primary shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/>
+                        </svg>
+                        <span><%= item %></span>
+                    </li>
+                    <% }); %>
+                </ul>
+
+                <a href="<%= urlForLocale(locale) %>#download"
+                   class="inline-flex items-center justify-center gap-2 bg-zinc-100 text-zinc-900 px-10 py-4 rounded-2xl hover:bg-white transition-colors font-semibold">
+                    <%= t('pricing.cta') %>
+                </a>
+                <p class="text-xs text-zinc-600 mt-6"><%= t('pricing.fine') %></p>
+            </div>
+        </div>
+    </section>
+
+    <!-- Final CTA / download anchor -->
+    <section id="download" class="border-t border-zinc-800 bg-zinc-900/40">
+        <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-20 text-center">
+            <h2 class="font-bold text-3xl md:text-4xl text-zinc-100 mb-4"><%= t('cta.title') %></h2>
+            <p class="text-lg text-zinc-400 mb-10"><%= t('cta.body') %></p>
+            <div class="flex flex-col sm:flex-row gap-3 justify-center">
+                <a href="#" class="inline-flex items-center justify-center gap-2.5 bg-zinc-100 text-zinc-900 px-7 py-3.5 rounded-2xl hover:bg-white transition-colors font-semibold text-sm">
+                    <%= t('hero.ctaIos') %>
+                </a>
+                <a href="#" class="inline-flex items-center justify-center gap-2.5 border border-zinc-700 text-zinc-100 px-7 py-3.5 rounded-2xl hover:border-zinc-500 transition-colors font-semibold text-sm">
+                    <%= t('hero.ctaAndroid') %>
+                </a>
+            </div>
+        </div>
+    </section>
+</main>
+
+<%- include('../partials/footer') %>
+
+<script>
+    document.querySelectorAll('a[href*="#"]').forEach(anchor => {
+        anchor.addEventListener('click', function (e) {
+            const hash = this.getAttribute('href').split('#')[1];
+            if (!hash) { return; }
+            const target = document.getElementById(hash);
+            if (target) {
+                e.preventDefault();
+                target.scrollIntoView({ behavior: 'smooth', block: 'start' });
+            }
+        });
+    });
+</script>

package/template/ui/site/_variants/app/not-found.ejs

@@ -0,0 +1,22 @@
+<%- include('../partials/header') %>
+
+<main class="min-h-[60vh] flex items-center justify-center px-4">
+    <div class="text-center max-w-md">
+        <p class="text-sm font-bold text-primary tracking-widest mb-4">404</p>
+        <h1 class="text-3xl md:text-4xl font-bold text-zinc-100 mb-4">
+            <%= t('notFound.title') %>
+        </h1>
+        <p class="text-zinc-400 mb-8">
+            <%= t('notFound.body') %>
+        </p>
+        <a href="<%= urlForLocale(locale) %>"
+           class="inline-flex items-center gap-2 bg-zinc-100 text-zinc-900 px-6 py-3 rounded-xl hover:bg-white transition-colors text-sm font-semibold">
+            <%= t('notFound.cta') %>
+            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/>
+            </svg>
+        </a>
+    </div>
+</main>
+
+<%- include('../partials/footer') %>

package/template/ui/site/_variants/app/pt-BR.ts

@@ -0,0 +1,203 @@
+// Source-of-truth shape for the app-marketing landing — EN satisfies
+// the same TranslationShape. This is the app-store flavor (download +
+// pricing), swapped in for mobile presets. Edit the copy freely; the
+// shape is what TypeScript enforces across locales.
+
+export type TranslationShape = {
+    meta: {
+        siteTitle: string;
+        siteDescription: string;
+    };
+    nav: {
+        features: string;
+        howItWorks: string;
+        pricing: string;
+        download: string;
+        languageToggle: string;
+    };
+    hero: {
+        eyebrow: string;
+        title1: string;
+        title2: string;
+        subtitle: string;
+        ctaIos: string;
+        ctaAndroid: string;
+        noSub: string;
+    };
+    notIs: {
+        title: string;
+        items: string[];
+        isTitle: string;
+        isBody: string;
+    };
+    flow: {
+        eyebrow: string;
+        title: string;
+        sub: string;
+        steps: Array<{ title: string; body: string }>;
+    };
+    features: {
+        eyebrow: string;
+        title: string;
+        sub: string;
+        items: Array<{ title: string; body: string }>;
+    };
+    pricing: {
+        eyebrow: string;
+        title: string;
+        sub: string;
+        price: string;
+        priceNote: string;
+        included: string[];
+        cta: string;
+        fine: string;
+    };
+    cta: {
+        title: string;
+        body: string;
+    };
+    footer: {
+        tagline: string;
+        product: string;
+        support: string;
+        contact: string;
+        rights: string;
+        terms: string;
+        privacy: string;
+    };
+    notFound: {
+        title: string;
+        body: string;
+        cta: string;
+    };
+};
+
+const ptBR: TranslationShape = {
+    meta: {
+        siteTitle: '{{PROJECT_NAME}} — para iOS e Android',
+        siteDescription: '{{PROJECT_DESCRIPTION}}'
+    },
+    nav: {
+        features: 'Recursos',
+        howItWorks: 'Como funciona',
+        pricing: 'Preço',
+        download: 'Baixar',
+        languageToggle: 'EN'
+    },
+    hero: {
+        eyebrow: 'Agora no iOS e Android',
+        title1: 'O {{PROJECT_NAME}}',
+        title2: 'no seu bolso.',
+        subtitle: '{{PROJECT_DESCRIPTION}}',
+        ctaIos: 'Baixar na App Store',
+        ctaAndroid: 'Disponível no Google Play',
+        noSub: 'Grátis para começar. Sem cadastro.'
+    },
+    notIs: {
+        title: 'O que ele não é',
+        items: [
+            'Sem anúncios',
+            'Sem rastreadores',
+            'Sem cadastro obrigatório',
+            'Sem assinatura escondida'
+        ],
+        isTitle: 'É só o app que você queria.',
+        isBody: 'Rápido, direto ao ponto e feito para usar todo dia. '
+            + 'Abra e comece; a configuração fica para depois, se você '
+            + 'quiser.'
+    },
+    flow: {
+        eyebrow: 'Como funciona',
+        title: 'Três passos e pronto',
+        sub: 'Nada de tutorial longo. Você entende em segundos.',
+        steps: [
+            {
+                title: 'Baixe',
+                body: 'Instale pela App Store ou Google Play. Leva '
+                    + 'menos de um minuto.'
+            },
+            {
+                title: 'Abra e use',
+                body: 'Sem tela de cadastro no caminho. Comece a usar '
+                    + 'na primeira tela.'
+            },
+            {
+                title: 'Leve com você',
+                body: 'Funciona quando você precisa, onde você estiver, '
+                    + 'no seu ritmo.'
+            }
+        ]
+    },
+    features: {
+        eyebrow: 'Recursos',
+        title: 'Feito para o dia a dia',
+        sub: 'O essencial, bem feito. Sem peso, sem enrolação.',
+        items: [
+            {
+                title: 'Rápido de verdade',
+                body: 'Abre na hora e responde a cada toque. Nada de '
+                    + 'telas de carregamento.'
+            },
+            {
+                title: 'Funciona offline',
+                body: 'Seus dados ficam no aparelho. Use no metrô, no '
+                    + 'avião, sem sinal.'
+            },
+            {
+                title: 'Seus dados são seus',
+                body: 'Sem rastreadores e sem venda de dados. O que é '
+                    + 'seu, continua seu.'
+            },
+            {
+                title: 'Simples de aprender',
+                body: 'Interface limpa e direta. Você acha tudo sem '
+                    + 'precisar de manual.'
+            },
+            {
+                title: 'Backup quando quiser',
+                body: 'Exporte e restaure com um toque. Troque de '
+                    + 'aparelho sem perder nada.'
+            },
+            {
+                title: 'Claro e escuro',
+                body: 'Acompanha o tema do sistema ou fixe o seu '
+                    + 'favorito. Confortável a qualquer hora.'
+            }
+        ]
+    },
+    pricing: {
+        eyebrow: 'Preço',
+        title: 'Um preço, tudo incluído',
+        sub: 'Sem pegadinha, sem plano premium escondido.',
+        price: 'Grátis',
+        priceNote: 'Baixe e comece agora mesmo.',
+        included: [
+            'Todos os recursos, sem trava',
+            'Funciona offline',
+            'Backup e restauração',
+            'Atualizações incluídas'
+        ],
+        cta: 'Baixar agora',
+        fine: 'Sem cartão de crédito. Sem cadastro.'
+    },
+    cta: {
+        title: 'Pronto para começar?',
+        body: 'Baixe o {{PROJECT_NAME}} e veja em menos de um minuto.'
+    },
+    footer: {
+        tagline: '{{PROJECT_DESCRIPTION}}',
+        product: 'Produto',
+        support: 'Suporte',
+        contact: 'Fale com a gente',
+        rights: 'Todos os direitos reservados.',
+        terms: 'Termos de Uso',
+        privacy: 'Privacidade'
+    },
+    notFound: {
+        title: 'Página não encontrada',
+        body: 'O conteúdo que você procura não está aqui.',
+        cta: 'Voltar para o início'
+    }
+};
+
+export default ptBR;

package/template/ui/site/tailwind.config.js

@@ -2,7 +2,15 @@
 export default {
     content: ['./views/**/*.ejs'],
     theme: {
-        extend: {}
+        extend: {
+            // Brand accent, injected from the project's primary color at
+            // scaffold time. Used by the app-marketing landing
+            // (bg-primary / text-primary); harmless for the SaaS landing,
+            // which sticks to Tailwind's stock palette.
+            colors: {
+                primary: '{{PRIMARY_COLOR}}'
+            }
+        }
     },
     plugins: []
 };

package/template-variables.mjs

@@ -35,6 +35,38 @@
 //                            mobile for signed content URLs (random
 //                            per project)
 // {{JWT_TOKEN_SECRET}}     — JWT signing secret (random per project)
+// {{SPLASH_ANIMATED}}      — "true"/"false" — whether the mobile app
+//                            plays the AnimatedSplash on boot or shows
+//                            up instantly (native splash hides on font
+//                            load). Consumed by mobile src/config.ts.
+
+// ─── Site landing variants ────────────────────────────────────────────────────
+// The public site ships two landing flavors. The SaaS landing (CTAs →
+// admin signup) is the canonical set under ui/site/. The app-marketing
+// landing (App Store / Play buttons, pricing, download) lives under
+// ui/site/_variants/app/ and is swapped over the canonical files for
+// presets flagged `appLanding` (see create.mjs / update.mjs). Both tools
+// import these so create-time scaffolding and `umpordez update` stay in
+// lockstep — otherwise update would clobber an app project's landing with
+// the SaaS one.
+
+export const SITE_VARIANT_DIR = 'ui/site/_variants';
+
+// [variantPath, canonicalPath] — relative to the project root.
+export const APP_LANDING_SWAPS = [
+    ['ui/site/_variants/app/home.ejs',
+        'ui/site/views/pages/home.ejs'],
+    ['ui/site/_variants/app/header.ejs',
+        'ui/site/views/partials/header.ejs'],
+    ['ui/site/_variants/app/footer.ejs',
+        'ui/site/views/partials/footer.ejs'],
+    ['ui/site/_variants/app/not-found.ejs',
+        'ui/site/views/pages/not-found.ejs'],
+    ['ui/site/_variants/app/pt-BR.ts',
+        'ui/site/i18n/locales/pt-BR.ts'],
+    ['ui/site/_variants/app/en.ts',
+        'ui/site/i18n/locales/en.ts'],
+];
 
 // ─── Theme Generation ───────────────────────────────────────────────────────
 
@@ -241,5 +273,7 @@ export function buildReplacements(details) {
         // URLs already issued by the running app.
         '{{CONTENT_SECRET}}': details.contentSecret ?? randomSecret(),
         '{{JWT_TOKEN_SECRET}}': details.jwtTokenSecret ?? randomSecret(),
+        '{{SPLASH_ANIMATED}}':
+            details.splashStyle === 'animated' ? 'true' : 'false',
     };
 }

package/update.mjs

@@ -32,7 +32,10 @@ import crypto from 'node:crypto';
 import readline from 'node:readline';
 import { fileURLToPath } from 'node:url';
 import chalk from 'chalk';
-import { buildReplacements } from './template-variables.mjs';
+import {
+    buildReplacements,
+    APP_LANDING_SWAPS
+} from './template-variables.mjs';
 import { generateIcons, ICON_TARGETS } from './icons.mjs';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
@@ -46,11 +49,17 @@ const PRESET_INCLUDES = {
     everything: ['server', 'ui/admin', 'ui/site', 'mobile', 'misc',
                  'scripts', 'doc'],
     'web-only': ['server', 'ui/admin', 'ui/site', 'misc', 'doc'],
+    'mobile-and-site': ['mobile', 'ui/site', 'scripts', 'doc'],
     'mobile-and-server': ['server', 'mobile', 'misc', 'scripts',
                           'doc'],
     'just-mobile': ['mobile', 'scripts', 'doc']
 };
 
+// Presets that use the app-marketing landing instead of the SaaS one.
+// Mirror of create.mjs's `appLanding` preset flag — kept in sync
+// manually (see PRESET_INCLUDES note above).
+const APP_LANDING_PRESETS = new Set(['mobile-and-site']);
+
 const green = chalk.hex('#02e027');
 const cyan = chalk.hex('#00fff9');
 const red = chalk.hex('#ff3c00');
@@ -134,7 +143,13 @@ function applyPlaceholders(content, replacements) {
 
 function applyPathPlaceholders(p, slug) {
     // Mirrors create.mjs renameDirs + per-file substitution.
-    return p.replaceAll('{{PROJECT_SLUG}}', slug);
+    let out = p.replaceAll('{{PROJECT_SLUG}}', slug);
+    // Gitignore files ship dot-less (npm strips `.gitignore` from
+    // published packages) and are restored to `.gitignore` on write.
+    if (path.basename(out) === 'gitignore') {
+        out = path.join(path.dirname(out), '.gitignore');
+    }
+    return out;
 }
 
 /**
@@ -197,6 +212,26 @@ async function loadTemplate(details, preset) {
         out.set(rel, content);
     }
 
+    // Landing-page variant resolution — mirror create.mjs's copyTemplate
+    // swap. For app-landing presets the canonical landing files are
+    // sourced from ui/site/_variants/app/ so `umpordez update` compares
+    // against the SAME flavor the project was scaffolded with (otherwise
+    // it would try to push the SaaS landing over an app project). The
+    // _variants/ staging files never ship, so drop them from the map for
+    // every preset.
+    if (APP_LANDING_PRESETS.has(preset)) {
+        for (const [variant, canonical] of APP_LANDING_SWAPS) {
+            if (out.has(variant)) {
+                out.set(canonical, out.get(variant));
+            }
+        }
+    }
+    for (const key of [...out.keys()]) {
+        if (key.startsWith('ui/site/_variants/')) {
+            out.delete(key);
+        }
+    }
+
     return out;
 }