https://www.lacklustre.org/fr/landingpages/Recent content in Landingpages on Lack LustreHugo -- gohugo.iofr© Continuia OÜ 2026. All rights reserved.https://www.lacklustre.org/fr/landingpages/things-i-want-my-kids-to-know/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/fr/landingpages/things-i-want-my-kids-to-know/<style> .ll-hero { text-align: center; padding: 1rem 0 2.5rem; } .ll-hero p.lead { font-size: 1.35rem; line-height: 1.55; max-width: 36rem; margin: 0 auto 1.25rem; } .ll-cta-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem 1rem; align-items: center; margin: 1.25rem 0 1rem; } .ll-cta-link { font-weight: 500; } .ll-trust { font-size: 0.95rem; opacity: 0.75; margin-top: 0.5rem; } .ll-section { padding: 1.75rem 0; } .ll-section h2 { margin-top: 0; } .ll-usecases { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem; margin-top: 1.25rem; } .ll-usecases h3 { margin-top: 0; font-size: 1.1rem; } .ll-steps { counter-reset: step; display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem; margin-top: 1.25rem; } .ll-step { padding: 1rem 1.1rem; border-radius: 0.75rem; background: rgba(127,127,127,0.06); } .ll-step h3 { margin: 0 0 0.4rem; font-size: 1.05rem; } .ll-step .ll-step-num { display: inline-block; font-weight: 700; opacity: 0.6; margin-right: 0.4rem; } .ll-promises { margin: 0.75rem 0 0; padding-left: 1.1rem; } .ll-promises li { margin: 0.25rem 0; } .ll-quotes { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1rem; margin-top: 1.25rem; } .ll-quote { padding: 1rem 1.15rem; border-left: 3px solid currentColor; opacity: 0.9; font-style: italic; background: rgba(127,127,127,0.04); border-radius: 0 0.5rem 0.5rem 0; } .ll-final { text-align: center; padding: 2rem 0 1rem; } .ll-final p { max-width: 34rem; margin-left: auto; margin-right: auto; } .ll-stores { display: flex; flex-wrap: wrap; gap: 1.25rem; justify-content: center; align-items: center; margin: 1rem 0 0.5rem; } .ll-stores a { line-height: 0; } .ll-stores img { height: 48px; width: auto; margin: 0; } .app-badge-light { display: inline-block; } .app-badge-dark { display: none; } html.dark .app-badge-light { display: none; } html.dark .app-badge-dark { display: inline-block; } .ll-footer-trust { text-align: center; opacity: 0.75; font-size: 0.95rem; padding: 1.5rem 0 0.5rem; } .ll-divider { border: 0; border-top: 1px solid rgba(127,127,127,0.25); margin: 1.5rem 0; } </style> <section class="ll-hero"> <h1 class="relative group">Écrivez ce que vous voulez que vos enfants sachent. <div id="écrivez-ce-que-vous-voulez-que-vos-enfants-sachent" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%c3%a9crivez-ce-que-vous-voulez-que-vos-enfants-sachent" aria-label="Ancre">#</a> </span> </h1> <p class="lead">Composez des lettres privées remplies d&rsquo;histoires, de conseils et de mots d&rsquo;amour, conservées pour les moments à venir.</p>https://www.lacklustre.org/fr/landingpages/you-know-where-everything-is/Mon, 01 Jan 0001 00:00:00 +0000https://www.lacklustre.org/fr/landingpages/you-know-where-everything-is/<style> .ll-hero { text-align: center; padding: 1rem 0 2.5rem; } .ll-hero h1 { margin-bottom: 0.25rem; } .ll-hero h1 + h1 { margin-top: 0; opacity: 0.85; font-weight: 600; } .ll-hero p.lead { font-size: 1.2rem; line-height: 1.55; max-width: 38rem; margin: 1rem auto 1.25rem; } .ll-hero p.lead strong { font-weight: 600; } .ll-cta-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem 1rem; align-items: center; margin: 1.25rem 0 1rem; } .ll-cta-link { font-weight: 500; } .ll-trust { font-size: 0.95rem; opacity: 0.75; margin-top: 0.5rem; font-style: italic; } .ll-section { padding: 1.75rem 0; } .ll-section h2 { margin-top: 0; } .ll-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem; margin-top: 1.25rem; } .ll-cards h3 { margin-top: 0; font-size: 1.1rem; } .ll-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1.25rem; margin-top: 1.25rem; } .ll-step { padding: 1rem 1.1rem; border-radius: 0.75rem; background: rgba(127,127,127,0.06); } .ll-step h3 { margin: 0 0 0.4rem; font-size: 1.05rem; } .ll-step .ll-step-num { display: inline-block; font-weight: 700; opacity: 0.6; margin-right: 0.4rem; } .ll-promises { margin: 0.75rem 0 0; padding-left: 1.1rem; } .ll-promises li { margin: 0.25rem 0; } .ll-note { margin-top: 1rem; padding: 0.9rem 1rem; border-radius: 0.5rem; background: rgba(127,127,127,0.08); font-size: 0.95rem; } .ll-example { padding: 1.25rem 1.4rem; border-left: 3px solid currentColor; opacity: 0.92; background: rgba(127,127,127,0.04); border-radius: 0 0.5rem 0.5rem 0; max-width: 38rem; margin: 1rem auto 0; } .ll-faq summary { cursor: pointer; padding: 0.85rem 0; font-weight: 600; list-style: none; } .ll-faq summary::-webkit-details-marker { display: none; } .ll-faq summary::before { content: "+"; display: inline-block; width: 1.25rem; opacity: 0.6; } .ll-faq[open] summary::before { content: "−"; } .ll-faq { border-bottom: 1px solid rgba(127,127,127,0.25); } .ll-faq p { margin: 0 0 0.85rem 1.25rem; opacity: 0.9; } .ll-final { text-align: center; padding: 2rem 0 1rem; } .ll-final p { max-width: 34rem; margin-left: auto; margin-right: auto; } .ll-stores { display: flex; flex-wrap: wrap; gap: 1.25rem; justify-content: center; align-items: center; margin: 1rem 0 0.5rem; } .ll-stores a { line-height: 0; } .ll-stores img { height: 48px; width: auto; margin: 0; } .app-badge-light { display: inline-block; } .app-badge-dark { display: none; } html.dark .app-badge-light { display: none; } html.dark .app-badge-dark { display: inline-block; } .ll-footer-trust { text-align: center; opacity: 0.75; font-size: 0.95rem; padding: 1.5rem 0 0.5rem; font-style: italic; } .ll-divider { border: 0; border-top: 1px solid rgba(127,127,127,0.25); margin: 1.5rem 0; } </style> <section class="ll-hero"> <h1 class="relative group">Vous savez où tout se trouve. <div id="vous-savez-où-tout-se-trouve" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#vous-savez-o%c3%b9-tout-se-trouve" aria-label="Ancre">#</a> </span> </h1> <h1 class="relative group">Faites en sorte qu&rsquo;ils le sachent aussi. <div id="faites-en-sorte-quils-le-sachent-aussi" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#faites-en-sorte-quils-le-sachent-aussi" aria-label="Ancre">#</a> </span> </h1> <p>Informations d&rsquo;assurance. Documents importants. Comptes du foyer. Toutes ces choses que vous comptez expliquer un jour.</p>