

<?php $__env->startSection('portada'); ?> class="portada" <?php $__env->stopSection(); ?>

<?php $__env->startSection('contenido'); ?>

<style>
    img.layer {
        /* position: absolute; */
        /* top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; */
    }

    img.layer.decoracion {
        width: 400px;
        height: 400px;
        position: absolute;
        opacity: 0.3;
        top: 90px;
        left: 40%;
    }

    h1.layer {
        font-size: 120px;
        position: relative;
        font-family: 'OCR';
        /* top: 40vh; */
    }

    h2 {
        font-size: 40px;
    }

    div.content-parallax span {
        position: relative;
        top: 60vh;
    }
    div.content-parallax button {
        position: relative;
        top: 40vh;
    }
    
    div.content-parallax {
        /* background: yellow; */
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        /* display: flex; */
        /* justify-content: center;
        align-content: center; */
    }

    section.accesos-rapidos h4 {
        font-weight: bold; 
        font-size: 22px; 
        font-family: Arial; 
        letter-spacing: 6px;
    }
</style>


<section class="seccion1">
    <img src="<?php echo e(asset('img/background-hormigon-poligonos.jpg')); ?>" alt=""
         class="fondo layer" data-speed-x="-2" data-speed-y="-2" data-speed-z="0">

    <img src="<?php echo e(asset('img/costear_logo.png')); ?>" alt=""
         class="logo layer" data-speed-x="-3" data-speed-y="-3" data-speed-z="0">

    <img class="mira" src="<?php echo e(asset('img/mira.png')); ?>" alt="">
</section>


<section class="seccion1" hidden>
        <div class="content-parallax text-center">

            <img src="<?php echo e(asset('img\mira.png')); ?>" class="layer decoracion" data-speed-x="10" data-speed-y="10" data-speed-z="0">
            
            

            <div class="logo" style="height:300px; width: 80%; margin-left: 10%; padding: 50px; margin-top: 120px;">
                <h1 class="layer d-inline-block" data-speed-x="1" data-speed-y="0" style="left: 30px; letter-spacing: 12px;">Cost</h1>
    
                <img style="width: 150px; height: 150px; postion: absolute;" src="<?php echo e(asset('img\e-logo-costear.png')); ?>" alt="" class="layer" data-speed-x="0" data-speed-y="0">
    
                <h1 class="layer d-inline-block" data-speed-x="-1" data-speed-y="0" style="right: 30px; letter-spacing: 12px;">ar</h1>
            </div>

            <h2 style="letter-spacing: 16px;">construcción</h2>
        </div>
</section>

<section class="container-fluid accesos-rapidos" style="background: black;">
    <div class="row text-center text-white">
        <div class="col p-3">
            <h4>presupuestos</h4>
        </div>
        <div class="col p-3">
            <h4>cómputos</h4>
        </div>
        <div class="col p-3">
            <h4>publicidad</h4>
        </div>
    </div>
</section>

<section class="espacios" style="background: #333;">
    <div class="container">
        <div class="row">
            <div class="col text-center">
                <a href="<?php echo e(route('web.novedades')); ?>">
                    <div class="titulo">
                        <span class="numero">0.9</span>
                        <span class="texto">novedades</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="novedades h-100">
                    <?php $__currentLoopData = $novedades; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $novedad): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <a href="<?php echo e(route('web.novedades.show', $novedad->id)); ?>" style="text-decoration: none;">
                            <div class="card h-100 text-white m-3">
                                <?php if($novedad->imagen != null): ?>
                                    <img src="<?php echo e(asset($novedad->imagen)); ?>" class="card-img-top" alt="...">
                                <?php endif; ?>
                                <div class="card-body">
                                    <h5 class="card-title"><?php echo e($novedad->titulo); ?></h5>
                                    <?php if($novedad->imagen == null): ?>
                                        <p class="card-text"><?php echo e($novedad->copete); ?></p>
                                    <?php endif; ?>
                                </div>
                                <div class="card-footer">
                                    <p class="card-text"><small class="text-muted"><?php echo e($novedad->updated_at->diffForHumans()); ?></small></p>
                                </div>
                            </div>
                        </a>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                    
                    
                </div>
            </div>
        </div>
    </div>
</section>

<section class="espacios" style="background: #111;">
    <div class="container">
        <div class="row">
            <div class="col text-center">
                <a href="<?php echo e(route('web.proveedores')); ?>">
                    <div class="titulo">
                        <span class="numero">0.5</span>
                        <span class="texto">proveedores</span>
                    </div>
                </a>
                
            </div>
        </div>

        <style>
            div.proveedores div.proveedor { 
                height:200px;
                filter: grayscale(100%);
            }
            
            div.proveedores div.proveedor:hover {
                filter: grayscale(0%);
            }
        </style>

        <div class="row">
            <div class="col">
                <div class="proveedores h-100">
                    <?php $__currentLoopData = $proveedores; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $proveedor): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php if($proveedor->logo != null): ?>
                        <div class="p-3">
                            <a href="<?php echo e(route('web.proveedores.show', $proveedor->id)); ?>" style="text-decoration: none;">
                                <div class="proveedor" style="background: url('<?php echo e(asset($proveedor->logo)); ?>') no-repeat center; background-size: contain;"></div>
                                
                            </a>
                        </div>
                        <?php endif; ?>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
        </div>
    </div>
</section>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
<script>
    // Slick
    
    $('.novedades').slick({
        infinite: false,
        slidesToShow: 3,
        // autoplay: true,
        // autoplaySpeed: 2000,
    });
    
    $('.proveedores').slick({
        infinite: true,
        slidesToShow: 5,
        autoplay: true,
        autoplaySpeed: 1000,
    });
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.web', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\costear\resources\views/web/index.blade.php ENDPATH**/ ?>