{% extends "_layouts/main" %}

{% if currentSite.language == 'es' %}
    {% set esUrl = 'es/' %}
{% else %}
    {% set esUrl = '' %}
{% endif %}

{% block main %}

<i class="fa fa-chevron-right d-none d-md-block" id="home-slider-next"></i>

<div id="new-home-slider" class="d-none d-md-block">

    {% if currentSite.language == 'es' %}

    <img src="img/home/new-2022/mark-slider/vida-slider-imp24-spanish.jpg" alt="Imparables 2024">

    <img src="img/home/new-2022/mark-slider/mundo-slide.jpg" alt="Mundo">

    <a href="/products/radien-beauty"><img src="img/home/new-2022/mark-slider/vida-slider-radien.jpg" alt="Radien" style="max-width: 100%;"></a>

    <img src="img/home/new-2022/mark-slider/vida-slider-sculptmax-spanish.jpg" alt="Sculpt Max">

    <a href="/cocinadivina" target="_blank"><img src="img/home/new-2022/mark-slider/cocina-divina.jpg" alt="Cocina Divina" style="max-width: 100%;"></a>

    <a href="{{ esUrl }}mlm-guru"><img src="img/home/new-2022/mark-slider/mlm-spanish.jpg" alt="MLM Guru" style="max-width: 100%;"></a>

    <img src="img/home/slides/vida-slider-coffee.jpg" alt="CafeDivina">

    <img src="img/home/slides/vida-slider-orangegenius.jpg" alt="Orange Genius">

    <img src="img/home/slides/vida-slider-sculpt.jpg" alt="CafeDivina Sculpt">

    {% else %}

    <img src="img/home/new-2022/mark-slider/vida-slider-imp24-english.jpg" alt="Imparables 2024">

    <img src="img/home/new-2022/mark-slider/mundo-slide.jpg" alt="Mundo">

    <a href="/products/radien-beauty"><img src="img/home/new-2022/mark-slider/vida-slider-radien.jpg" alt="Radien" style="max-width: 100%;"></a>

    <img src="img/home/new-2022/mark-slider/vida-slider-sculptmax-23.jpg" alt="Sculpt Max">

    <a href="/cocinadivina" target="_blank"><img src="img/home/new-2022/mark-slider/cocina-divina.jpg" alt="Cocina Divina" style="max-width: 100%;"></a>

    <a href="{{ esUrl }}mlm-guru"><img src="img/home/new-2022/mark-slider/mlm-english.jpg" alt="MLM Guru" style="max-width: 100%;"></a>

    <img src="img/home/slides/vida-slider-coffee.jpg" alt="CafeDivina">

    <img src="img/home/slides/vida-slider-orangegenius.jpg" alt="Orange Genius">

    <img src="img/home/slides/vida-slider-sculpt.jpg" alt="CafeDivina Sculpt">

    {% endif %}

</div>

<div id="new-home-slider-mobile" class="d-md-none">

    {% if currentSite.language == 'es' %}

    <img src="img/home/new-2022/mark-slider/vida-slider-imp24-spanish-vert.jpg" alt="Imparables 2024">

    <img src="img/home/new-2022/mark-slider/mundo-slide-vert.jpg" alt="Mundo">

    <a href="/products/radien-beauty"><img src="img/home/new-2022/mark-slider/vida-slider-radien-vert.jpg" alt="Radien" style="max-width: 100%;"></a>

    <img src="img/home/new-2022/mark-slider/vida-slider-sculptmax-spanish-vert.jpg" alt="Sculpt Max">

    <a href="/cocinadivina" target="_blank"><img src="img/home/new-2022/mark-slider/cocina-divina-mobile.jpg" alt="Cocina Divina" style="max-width: 100%;"></a>

    <img src="img/home/slides/vida-slider-coffee-mobile.jpg" alt="CafeDivina">

    <img src="img/home/slides/vida-slider-orangegenius-mobile.jpg" alt="Orange Genius">

    <img src="img/home/slides/vida-slider-sculpt-mobile.jpg" alt="CafeDivina Sculpt">

    {% else %}

    <img src="img/home/new-2022/mark-slider/vida-slider-imp24-english-vert.jpg" alt="Imparables 2024">

    <img src="img/home/new-2022/mark-slider/mundo-slide-vert.jpg" alt="Mundo">

    <a href="/products/radien-beauty"><img src="img/home/new-2022/mark-slider/vida-slider-radien-vert.jpg" alt="Radien" style="max-width: 100%;"></a>

    <img src="img/home/new-2022/mark-slider/vida-slider-sculptmax-vert.jpg" alt="Sculpt Max">

    <a href="/cocinadivina" target="_blank"><img src="img/home/new-2022/mark-slider/cocina-divina-mobile.jpg" alt="Cocina Divina" style="max-width: 100%;"></a>

    <img src="img/home/slides/vida-slider-coffee-mobile.jpg" alt="CafeDivina">

    <img src="img/home/slides/vida-slider-orangegenius-mobile.jpg" alt="Orange Genius">

    <img src="img/home/slides/vida-slider-sculpt-mobile.jpg" alt="CafeDivina Sculpt">

    {% endif %}

</div>


<div id="home-about" class="container main-section">
    <div class="row justify-content-center">
        <div class="col-10 text-center">
            {% if currentSite.language == 'es' %}
            <img src="img/home/leadwithlove-es.png" alt="#LeadWithLove" style="width: 640px; max-width: 80vw;">
            {% else %}
            <img src="img/home/leadwithlove.png" alt="#LiderarConAmor" style="width: 640px; max-width: 80vw;">
            {% endif %}
        </div>
    </div>
</div>


<div id="home-products" class="container-fluid wow fadeIn">

    <div class="row bg-fade bg-fade-red bg-fade-left" id="home-products-text">
        <div class="col-12 col-md-7 col-lg-5 offset-lg-1">
            <img src="img/logo.svg" alt="Vida Divina">
            <h1 class="text-spaced">{{ 'Our Products'|t }}</h1>
            <p>{{ 'Our mission is to provide the highest quality health and wellness solutions for our customers, helping them achieve and maintain a healthy lifestyle.  We are also dedicated to creating a worldwide community centered around love and teamwork, offering everyone an equal chance to live a healthy life.'|t }}</p>
            <a href="products" class="btn btn-primary">{{ 'View All'|t }}</a>
        </div>
    </div>
    <div class="row position-relative">
        <i id="home-products-prev" class="fas fa-chevron-left"></i>
        <i id="home-products-next" class="fas fa-chevron-right"></i>
        <div id="home-products-boxes">
            <div class="product-group">
                {% if currentSite.language == 'es' %}
                <a href="{{ esUrl }}productos/tedivina/tedivina-original" class="home-products-box" style="background-image: url(img/home/new-2022/product-tedivina-tile.jpg);">
                    <h2>TeDivina®</h2>
                </a>
                {% else %}
                <a href="{{ esUrl }}products/tedivina/tedivina-original" class="home-products-box" style="background-image: url(img/home/new-2022/product-tedivina-tile.jpg);">
                    <h2>TeDivina®</h2>
                </a>
                {% endif %}
                <a href="{{ esUrl }}products/café-divina" class="home-products-box" style="background-image: url(img/home/new-2022/product-cafe-divina-tile.jpg);">
                    <h2>CaféDivina®</h2>
                </a>
            </div>
            <div class="product-group">
                <a href="{{ esUrl }}products/factor/factor-divina" class="home-products-box" style="background-image: url(img/home/new-2022/product-factor-divina-tile.jpg);">
                    <h2>Factor Divina</h2>
                </a>
                <a href="{{ esUrl }}products/supplements" class="home-products-box" style="background-image: url(img/home/new-2022/product-supplements-tile.jpg);">
                    <h2>{{ 'Vida Supplements'|t }}</h2>
                </a>
            </div>
            <div class="product-group">
                <a href="{{ esUrl }}products/vida-essentials" class="home-products-box" style="background-image: url(img/home/new-2022/product-essentials-tile.jpg);">
                    <h2>{{ 'Vida Essentials'|t }}</h2>
                </a>
                <a href="{{ esUrl }}products/vida-extracts" class="home-products-box" style="background-image: url(img/home/new-2022/product-extracts-tile.jpg);">
                    <h2>{{ 'Vida Extracts'|t }}</h2>
                </a>
            </div>
            <div class="product-group">
                <a href="{{ esUrl }}products/weight-control" class="home-products-box" style="background-image: url(img/home/new-2022/product-lean-tile.jpg);">
                    <h2>Vida Lean</h2>
                </a>
                <a href="{{ esUrl }}products/gano-bites" class="home-products-box" style="background-image: url(img/home/new-2022/product-gano-bites-tile.jpg);">
                    <h2>Gano Bites</h2>
                </a>
            </div>
        </div>
    </div>

</div>



<div id="home-products-pre" class="container main-section">
    <div class="row justify-content-center">
        <div class="col-10 text-center">
            <h3><span>{{ 'Products Are Made In The Factory'|t }}</span>{{ 'But Brands Are Created In The Heart'|t }}</h3>
        </div>
    </div>
</div>



<div id="home-our-founders" class="container-fluid home-block bg-fade bg-fade-red bg-fade-left">
    <div class="row">
        <div class="col-12 col-sm-6 col-md-5 col-lg-4">
            <h1>{{ 'Meet Our Founder'|t }}</h1>
            <p>{{ 'From humble beginnings, I finally created a company that had one direction and a loving purpose. Vida Divina has created transformative products that has given individuals an equal chance to obtain not only financial success but total health and wellness. We invite you to join us on our journey.'|t }}</p>
            <a href="{{ esUrl }}brand/the-story" class="btn btn-default">{{ 'Learn more'|t }}</a>
        </div>
    </div>
</div>



<div id="home-live-healthy" class="container main-section">
    <div class="row justify-content-center">
        <div class="col-10 text-center">
            {% if currentSite.language == 'es' %}
            <img src="img/home/live-healthy-es.png" alt="Live Healthy, Live Wealthy, Live Free" style="width: 640px; max-width: 80vw;">
            {% else %}
            <img src="img/home/live-healthy.png" alt="Vive Sano, Vive Próspero, Vive Feliz" style="width: 640px; max-width: 80vw;">
            {% endif %}
        </div>
    </div>
</div>



<div id="home-affiliate-opportunities" class="container-fluid home-block bg-fade bg-fade-red bg-fade-right">
    <div class="row justify-content-end">
        <div class="col-12 col-sm-6 col-md-5 col-lg-4">
            <h1>{{ 'Affiliate Opportunity'|t }}</h1>
            <p>{{ 'At Vida Divina, we believe in helping each other succeed. Our rewards and benefits include but are not restricted to financial compensation and high-quality products. We are also committed to building a worldwide community of success-minded individuals who aim to grow beyond their limitations.'|t }}</p>
            <p>{{ 'We offer the entrepreneur a unique opportunity to earn part-time to full-time income by enhancing the lives of everyone we touch. We realize that the true measure of a company’s success is reflected in the health and wealth achieved by the many, not just a few.'|t }}</p>
            <a href="{{ esUrl }}rewards/ways-to-earn" class="btn btn-default">{{ 'Learn more'|t }}</a>
        </div>
    </div>
</div>

{% endblock %}