{if !empty($productGroups) || $registerdomainenabled || $transferdomainenabled}
    <h2 class="text-center m-4 ubuntu-light pb-5">{lang key='clientHomePanels.productsAndServices'}</h2>

    <div class="card-columns container ">
        {foreach $productGroups as $productGroup}

            <div class="card mb-3 box-home ">
                <div class="card-body p-lg-4 p-xl-5 text-center">
                    <h3 class="card-title pricing-card-title text-box-color ubuntu-light font-weight-bold">
                        {$productGroup->name}
                    </h3>
                    <p class="lato-thin">{$productGroup->tagline}</p>
                    <a href="{$productGroup->getRoutePath()}" class="btn btn-block rounded-pill lato-thin btn-box">
                        {lang key='browseProducts'}
                    </a>
                </div>
            </div>

        {/foreach}

        {if $registerdomainenabled}
            <div class="card mb-3 box-home">
                <div class="card-body p-lg-4 p-xl-5 text-box-color text-center">
                    <h3 class="card-title pricing-card-title ubuntu-light font-weight-bold">
                        {lang key='orderregisterdomain'}
                    </h3>
                    <p class="lato-thin">{lang key='secureYourDomain'}</p>
                    <a href="{$WEB_ROOT}/cart.php?a=add&domain=register" class="btn rounded-pill btn-block lato-thin btn-box">
                        {lang key='navdomainsearch'}
                    </a>
                </div>
            </div>
        {/if}
        {if $transferdomainenabled}
            <div class="card mb-3 box-home">
                <div class="card-body p-lg-4 p-xl-5 ubuntu-light text-center">
                    <h3 class="card-title pricing-card-title text-box-color font-weight-bold">
                        {lang key='transferYourDomain'}
                    </h3>
                    <p class="lato-thin">{lang key='transferExtend'}</p>
                    <a href="{$WEB_ROOT}/cart.php?a=add&domain=transfer" class="btn btn-block rounded-pill lato-thin btn-box">
                        {lang key='transferYourDomain'}
                    </a>
                </div>
            </div>
        {/if}
    </div>
{/if}

<div class="SAAS ubuntu-light pb-5 pt-5 pl-2">
<div class="p-4">
<h6 class="SAAS-text font-weight-bold">NOTRE OFFRE DE SERVICES POUR TOUT VOS BESOIN CLOUD</h6>
<h4 class="SAAS-text  font-weight-bold">Nos solution SAAS</h4>
</div>

<div class=" ">
  <div class="row pb-5 m-0">
    <div class=" d-flex align-items-center justify-content-center col ">
     <img src="{$WEB_ROOT}/assets/img/solution-hosting.svg" alt="{$companyname}" width="200" height="70">
      heberg
    </div>
    <div class="d-flex align-items-center justify-content-center col ">
     <img src="{$WEB_ROOT}/assets/img/solution-workspace.svg" alt="{$companyname}" width="200" height="70">
     Messagerie et escpace de travail numérique
    </div>
    <div class=" d-flex align-items-center justify-content-center col ">
     <img src="{$WEB_ROOT}/assets/img/solution-audit.svg" alt="{$companyname}" width="200" height="70">
      Conseil et Audit
    </div>
  </div>
  </div>
  <div class="">
   <div class="row pb-5 m-0">
    <div class=" d-flex align-items-center justify-content-center col ">
     <img src="{$WEB_ROOT}/assets/img/solution-backup.svg" alt="{$companyname}" width="200" height="70">
      Sauvegarde
    </div>
    <div class="d-flex align-items-center justify-content-center col ">
     <img src="{$WEB_ROOT}/assets/img/solution-security.svg" alt="{$companyname}" width="200" height="70">
     Expertise informatique et sécurité
    </div>
    <div class=" d-flex align-items-center justify-content-center col ">
     <img src="{$WEB_ROOT}/assets/img/solution-managed-services.svg" alt="{$companyname}" width="200" height="70">
      services managés
    </div>
  </div>
  </div>
</div>


<h2 class="text-center m-4">{lang key='howCanWeHelp'}</h2>

<div class="row my-5 mx-0 action-icon-btns px-5">
    <div class="col-6 col-md-4 col-lg">
        <a href="{routePath('announcement-index')}" class="card-accent-teal">
            <figure class="ico-container">
                <i class="fal fa-bullhorn"></i>
            </figure>
            {lang key='announcementstitle'}
        </a>
    </div>
    <div class="col-6 col-md-4 col-lg">
        <a href="serverstatus.php" class="card-accent-pomegranate">
            <figure class="ico-container">
                <i class="fal fa-server"></i>
            </figure>
            {lang key='networkstatustitle'}
        </a>
    </div>
    <div class="col-6 col-md-4 col-lg">
        <a href="{routePath('knowledgebase-index')}" class="card-accent-sun-flower">
            <figure class="ico-container">
                <i class="fal fa-book"></i>
            </figure>
            {lang key='knowledgebasetitle'}
        </a>
    </div>
    <div class="col-6 col-md-4 offset-md-2 offset-lg-0 col-lg">
        <a href="{routePath('download-index')}" class="card-accent-asbestos">
            <figure class="ico-container">
                <i class="fal fa-download"></i>
            </figure>
            {lang key='downloadstitle'}
        </a>
    </div>
    <div class="col-6 offset-3 offset-md-0 col-md-4 col-lg">
        <a href="submitticket.php" class="card-accent-green">
            <figure class="ico-container">
                <i class="fal fa-life-ring"></i>
            </figure>
            {lang key='homepage.submitTicket'}
        </a>
    </div>
</div>

<h2 class="text-center m-4">{lang key='homepage.yourAccount'}</h2>

<div class="row my-5 mx-0 action-icon-btns px-5">
    <div class="col-6 col-md-4 col-lg">
        <a href="clientarea.php" class="card-accent-midnight-blue">
            <figure class="ico-container">
                <i class="fal fa-home"></i>
            </figure>
            {lang key='homepage.yourAccount'}
        </a>
    </div>
    <div class="col-6 col-md-4 col-lg">
        <a href="clientarea.php?action=services" class="card-accent-midnight-blue">
            <figure class="ico-container">
                <i class="far fa-cubes"></i>
            </figure>
            {lang key='homepage.manageServices'}
        </a>
    </div>
    {if $registerdomainenabled || $transferdomainenabled || $numberOfDomains}
        <div class="col-6 col-md-4 col-lg">
            <a href="clientarea.php?action=domains" class="card-accent-midnight-blue">
                <figure class="ico-container">
                    <i class="fal fa-globe"></i>
                </figure>
                {lang key='homepage.manageDomains'}
            </a>
        </div>
    {/if}
    <div class="col-6 col-md-4 offset-md-2 offset-lg-0 col-lg">
        <a href="supporttickets.php" class="card-accent-midnight-blue">
            <figure class="ico-container">
                <i class="fal fa-comments"></i>
            </figure>
            {lang key='homepage.supportRequests'}
        </a>
    </div>
    <div class="col-6 offset-3 offset-md-0 col-md-4 col-lg">
        <a href="clientarea.php?action=masspay&all=true" class="card-accent-midnight-blue">
            <figure class="ico-container">
                <i class="fal fa-credit-card"></i>
            </figure>
            {lang key='homepage.makeAPayment'}
        </a>
    </div>
</div>
