@extends('layouts.app')

@section('content')
<link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
  />
<div style="background-image: url({{ asset('landing/fondo.jpg') }});">
    <div class="container-fluid">
        <div class="row justify-content-around pt-3">
            <div class="col-md-2 col-sm-4 align-self-start">
                <a href="https://www.impacto.com.pe" target="_blank">
                    <img class="p-4" src="{{ asset('landing/logo_blanco.png') }}" alt="logo">
                </a>
            </div>
            <div class="col-md-4 col-sm-2 align-self-center pt-3">
                <a class="whatsapp btn-wsp" href="{{ route('wsprdm') }}" target="_blank">
                    <img class="" src="{{ asset('landing/wsp 1.png') }}" alt="wsp"></a>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-5">
                <img class="animate__animated animate__backInLeft" src="{{ asset('landing/persona.png') }}" alt="person">
            </div>
            <div class="col-6 align-self-center ">
                <a href="https://www.impacto.com.pe" target="_blank">
                    <img class="animate__animated animate__backInRight" src="{{ asset('landing/visita.png') }}" alt="visit">
                </a>
            </div>
            <div class="col-11 py-5 my-5">
                <img class="" src="{{ asset('landing/mejores.png') }}" alt="mejores">
            </div>
            <div class="col-6 my-5">
                <img class="" src="{{ asset('landing/buggyofertas.png') }}" alt="buggyofertas">
            </div>

        </div>
        <div class="row justify-content-center">
            <div class="col-3">
                <a href="https://www.impacto.com.pe/producto/monitor-lg-27-pulgadas-led-ips-27gr75q-b-ipsqhd-resolucion-2560-x-1440-g-sync-hdr10-puerto-hdmi-frecuencia-165hz-1ms-2k-27gr75q-b" target="_blank">
                    <img class="animate__animated animate__backInLeft animate__delay-1s " src="{{ asset('landing/pro1.png') }}" alt="pro1">
                </a>
            </div>
            <div class="col-3">
                <a href="https://www.impacto.com.pe/producto/disco-solido-ssd-sata-2-5-kingston-480gb-lectura-500mb-y-450mb-de-escritura-compatible-con-laptop-y-pc-de-escritorio-sa400m8480g" target="_blank">
                    <img class="animate__animated animate__backInUp animate__delay-1s " src="{{ asset('landing/pro2.png') }}" alt="pro2">
                </a>

            </div>
            <div class="col-3">
                <a href="https://www.impacto.com.pe/producto/disco-solido-ssd-sata-2-5-kingston-480gb-lectura-500mb-y-450mb-de-escritura-compatible-con-laptop-y-pc-de-escritorio-sa400m8480g" target="_blank">
                    <img class="animate__animated animate__backInRight animate__delay-1s " src="{{ asset('landing/pro3.png') }}" alt="pro3">
                </a>

            </div>
        </div>

        <div class="row justify-content-center">
            <div class="col-5 py-5 my-5">
                <a class="whatsapp btn-wsp" href="{{ route('wsprdm') }}" target="_blank">
                    <img class="" src="{{ asset('landing/wsp 1.png') }}" alt="wsp">
                </a>
            </div>
        </div>
        <div class="row justify-content-center">
            <h4 style="color: white">
                * Aplica Restricciones, ver T & C en <a style="color: white!important; font-weight: 600" href="https://www.impacto.com.pe/terminos-y-condiciones">impacto.com.pe/terminos-y-condiciones.</a>
            </h4>
            <h4 style="color: white">
                * Imagenes Referenciales. Los precios estan sujetos a cambios acorde al tipo de cambio del dia
            </h4>
        </div>
        <div class="row justify-content-center">

        <div class="col-6 py-5 my-5">
            <img class="" src="{{ asset('landing/variedad.png') }}" alt="variedad">
        </div>
    </div>

    </div>
</div>

@endsection