home.hbs

{{!< default}}

{{#contentFor 'htmlLang'}}{{@site.locale}}{{/contentFor}}

{{#contentFor 'meta'}}
<link rel="alternate" type="application/rss+xml" title="Mindsers Blog - All English posts"
    href="{{@site.url}}/en/posts/rss/">
<link rel="alternate" type="application/rss+xml" title="Mindsers Blog - All French posts"
    href="{{@site.url}}/fr/posts/rss/">
{{/contentFor}}

{{#contentFor 'styles'}}
<link rel="stylesheet" type="text/css" href="{{asset "css/home.css"}}" />
{{/contentFor}}

{{#contentFor 'title'}}{{meta_title}}{{/contentFor}}

<div class="mds-home">
    <header class="mds-header">
        <div class="mds-container">
            <div class="presentation">
                <h1 class="mds-title">{{@site.description}}</h1>
                <p>
                    Prêt à explorer l'aventure tech avec style ? Rejoins-nous, et ensemble, faisons de chaque ligne de code une expérience inoubliable !
                </p>
                {{#if @member}}
                    {{#unless @member.paid}}
                    <a href="{{@custom.global_cta_url}}" class="button highlighted">{{@custom.global_cta_text}}</a>
                    {{else}}
                    <a href="/fr/posts/" class="button">Découvre nos articles</a>
                    {{/unless}}
                {{else}}
                <p>
                    {{#if @custom.global_cta_url}}
                    <a href="{{@custom.global_cta_url}}" class="button highlighted">{{@custom.global_cta_text}}</a>
                    {{/if}}
                    <a href="#/portal/signup" class="button {{#unless @custom.global_cta_url}}primary{{/unless}}">Reçois les articles par mail</a>
                </p>
                {{/if}}
            </div>
            <div class="illustration">
                {{> "images/developer"}}
            </div>
        </div>
    </header>

    <section class="mds-featured">
        <div class="mds-container">
            {{#get "posts" filter="featured:true" include="tags" limit="2"}}
            {{#foreach posts}}
            {{> "card"}}
            {{/foreach}}
            {{/get}}
        </div>
    </section>

    <section class="post-grid">
        <div class="mds-container">
            <h2 class="section-title">
                Les derniers articles
                <a class="icon" href="{{@site.url}}/fr/posts/rss/"
                    title="Suis nos articles en utilisant un lecteur RSS">{{> "icons/rss"}}</a>
            </h2>
            <div class="mds-postfeed">
                {{#get "posts" filter="tag:hash-fr+tag:-[hash-email,hash-newsletter-issue]" limit="5"}}
                {{#foreach posts}}
                {{> "thumbnail-card"}}
                {{/foreach}}
                {{/get}}
                <div class="more">
                    <p>Tu veux en lire plus ?</p>
                    <p><a href="/fr/posts/" class="button primary">Découvre les autres articles</a></p>
                    <p><a href="/en/posts/" class="button primary" lang="en">Browse posts in English</a></p>
                </div>
            </div>
        </div>
    </section>

    <section class="highlighted-band">
        <div class="mds-container">
            {{#if @member}}
            <h2 class="section-title">
                Tu peux aller encore plus loins dans l'experience avec les cours et le mentorat du Mindsers Blog
            </h2>
            <p>
                <a href="https://courses.mindsers.blog" class="button">En savoir plus sur nos cours</a>
                <a href="https://cal.com/nathanael-cherrier/coaching" class="button">En savoir plus sur le mentorat</a>
            </p>
            {{else}}
            <h2 id="newsletter-signup" class="section-title">
                Rejoins les {{total_members}} membres de notre liste de diffusion et reçois les articles de blog directement dans ta boite mail
            </h2>
            <p>
                <a href="#/portal/signup" class="button {{#unless @custom.global_cta_url}}primary{{/unless}}">Inscris-toi gratuitement !</a>
            </p>
            <p>Aucun spam. Tu peux te désincrire en un click à tout moment.</p>
            {{/if}}
        </div>
    </section>

    <section class="mds-testimonials">
        <div class="mds-container">
            {{> "testimonials"
                text="I discovered Mindsers on Instagram, and I learned so much since I read his blog (thanks for the C & PHP articles!). The community is the perfect environment to learn new things, come join us !"
                people="Arthur M."
            }}
            {{> "testimonials"
                text="Mindsers' blog is the perfect place to start when learning how to code! Full of good resources and advice."
                people="Maëva C."
            }}
            {{> "testimonials"
                text="Thanks for the blog, there are a lot of great content. I completely agree with what I read here especially in the ＂ Best Practices ＂ section. Keep the good work!"
                people="Yexan"
            }}
            {{> "testimonials"
                text="Super blog de Nath ! Les articles sont bien rédigés et illustrés. Rapides à lire, ils m’ont beaucoup aidé à démystifier certains sujets qui sont abstraits pour les débutants. Les exemples choisis sont pratiques et expliqués simplement. Je recommande à 100 %."
                people="Valérie A."
            }}
        </div>
    </section>
</div>