{% extends '::web.html.twig' %}

{% block meta %}
    <meta property="description" content="{{ ('')|trans|overflow(150) }}."/>
    <meta property="og:title" content="{{ site_name }} | {{ 'Inicio'|trans }}"/>
    <meta property="og:description" content="{{ ('')|trans|overflow(150) }}"/>
    <meta property="og:image" content="{{ app.request.getSchemeAndHttpHost() }}{{ web_bundle_url ~ 'img/layout/logo.png' }}"/>    
{% endblock %}

{% block content %}

    {{ include('MakuvexPerenniWebBundle:Widgets:header.html.twig', { 'title' : site_name, 'subtitle' : 'Cerámicas y Publicidad' }) }}

    <div id="fh5co-core-feature">
        <div class="container">
            <div class="row">
                <div class="features">
                    <div class="col-half animate-box" data-animate-effect="fadeInLeft">
                        <div class="table-c">
                            <div class="desc">
                                <span>{{ 'Canal exclusivo para publicidad'|trans }}</span>
                                <h3>{{ 'Publicidad'|trans }}</h3>
                                <p>{{ 'Sabemos que invertir en publicidad es generar valor y fortalecer la imagen empresarial, por ello tenemos la mejor propuesta del mercado a un precio diferencial.'|trans }}</p>
                                <p><a href="{{ path('web_default_advertisement') }}" class="btn btn-lg btn-primary">{{ 'Conocer más'|trans }}</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-half-image-holder animate-box" data-animate-effect="fadeInRight" 
                         style="background-image: url({{ web_bundle_url ~ 'img/misc/servicios.jpg' }}); 
                                background-size: 100% auto; 
                                background-position: center center; 
                                background-repeat: no-repeat;">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="fh5co-services" class="fh5co-bg-section">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-4 text-center">
                    <div class="feature-center animate-box" data-animate-effect="fadeIn">
                        <span class="icon">
                            <i class="glyphicon glyphicon-ok"></i>
                        </span>
                        <h3>{{ 'Eficacia'|trans }}</h3>
                        <p>{{ 'Sabemos que invertir en publicidad es generar valor y fortalecer la imagen empresarial, por ello tenemos la mejor propuesta del mercado a un precio diferencial.'|trans }}</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 text-center">
                    <div class="feature-center animate-box" data-animate-effect="fadeIn">
                        <span class="icon">
                            <i class="glyphicon glyphicon-star-empty"></i>
                        </span>
                        <h3>{{ 'Excelencia'|trans }}</h3>
                        <p>{{ 'Trabajamos con responsabilidad, asesorando a nuestros clientes sabiendo sus necesidades. Todos nuestros productos son de primera calidad.'|trans }}</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 text-center">
                    <div class="feature-center animate-box" data-animate-effect="fadeIn">
                        <span class="icon">
                            <i class="glyphicon glyphicon-thumbs-up"></i>
                        </span>
                        <h3>{{ 'Confianza'|trans }}</h3>
                        <p>{{ 'Somos una empresa sólida dedicada a la fabricación de artículos de cerámica de calidad con más de 15 años de experiencia en el rubro.'|trans }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="fh5co-project">
        <div class="container">
            
            <div class="row animate-box">
                <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
                    <span>{{ 'Conocé algunas de nuestras ofertas'|trans }}</span>
                    <h2>{{ 'Nuestros Productos'|trans }}</h2>
                    <p>{{ 'Contamos con una amplia variedad de artículos de cerámica.'|trans }}</p>
                </div>
            </div>
            
            <div class="row">
                {{ include('MakuvexPerenniWebBundle:Widgets:product.html.twig', { 'img' : 'mate_criollo.jpg', 'category' : 'Mate', 'title' : 'Mate Criollo' }) }}
                {{ include('MakuvexPerenniWebBundle:Widgets:product.html.twig', { 'img' : 'mate_latita.jpg', 'category' : 'Mate', 'title' : 'Mate Latita' }) }}
                {{ include('MakuvexPerenniWebBundle:Widgets:product.html.twig', { 'img' : 'taza_conica.jpg', 'category' : 'Tazas', 'title' : 'Taza Cónica' }) }}
                {{ include('MakuvexPerenniWebBundle:Widgets:product.html.twig', { 'img' : 'taza_conica_rosa.jpg', 'category' : 'Tazas', 'title' : 'Taza Cónica Rosa' }) }}
            </div>
        </div>
    </div>


    <div id="fh5co-testimonial" class="fh5co-bg-section">
        <div class="container">
            <div class="row animate-box">
                <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
                    <h2>{{ 'Clientes Felices'|trans }}</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-md-10 col-md-offset-1">
                    <div class="row">
                        <div class="col-md-12 animate-box">
                            <div class="testimony">
                                <div class="inner text-center">
                                    <img src="{{ web_bundle_url ~ 'img/misc/waiting.png' }}" alt="testimony">
                                </div>
                                <blockquote>
                                    <p>&ldquo;{{ 'Cumplieron con nuestras expectativas. Además de desarrollar en conjunto tazas con nuestros diseños, nos asesoraron con otros productos y lanzamos mates y chopps. Excelente trabajo, muy recomendable.'|trans }}&rdquo;</p>
                                    <p class="author"><cite>WAITING &mdash; INDUMENTARIA</cite></p>
                                </blockquote>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{ include('MakuvexPerenniWebBundle:Widgets:contactus.html.twig') }}

{% endblock %}