
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
  <head>
    <title>Chiri Uchu Txt</title>
    <!-- META APRA SEO -->
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="index, follow">
    <meta name="language" content="Spanish">
    <meta name="author" content="Chiri Uchu TXT">
    <meta name="description" content="Expertos en traducción e interpretación de lenguas originarias del Perú. Servicios profesionales de Quechua, Aymara e Inglés con identidad cultural en Cusco. ¡Cotiza aquí!">
    <link rel="canonical" href="https://chiriuchutxt.com/" />
    <meta property="og:locale" content="es_ES" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Chiri Uchu TXT: Especialistas en Quechua y otros idiomas originarios del Perú" />
    <meta property="og:description" content="Conectamos los idiomas originarios del Perú (como quechua, shipibo o aymara) con las lenguas de otras partes del mundo (como inglés, portugués o afrikáans)." />
    <meta property="og:url" content="https://chiriuchutxt.com/" />
    <meta property="og:site_name" content="Chiri Uchu TXT" />
    <meta property="og:image" content="https://chiriuchutxt.com/img/logo.jpeg" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Trabajamos con cariño, en comunidad y con una perspectiva intercultural." />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Traducción | Corrección de Estilo | Transcripción | Locución" />
    <meta name="twitter:description" content="Buscamos ofrecer soluciones creativas a los clientes que se enfrentan a problemas a la hora de trabajar con sus textos." />
    <meta name="twitter:image" content="https://chiriuchutxt.com/img/baner2.jpeg" />

    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ProfessionalService",
      "name": "Chiri Uchu TXT",
      "alternateName": "Especialistas en Quechua y otros idiomas originarios del Perú",
      "url": "https://chiriuchutxt.com/",
      "logo": "https://chiriuchutxt.com/img/logo.png", 
      "image": "https://chiriuchutxt.com/img/baner2.jpeg",
      "description": "Conectamos los idiomas originarios del Perú (como quechua, shipibo o aymara) con las lenguas de otras partes del mundo (como inglés, portugués o afrikáans).",
      "address": {
        "@type": "PostalAddress",
        "addressLocality": "Cusco",
        "addressCountry": "PE"
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": "-13.5319",
        "longitude": "-71.9675"
      },
      "serviceType": ["Traducción", "Corrección de estilo", "Transcripción", "Locución"],
      "priceRange": "$$"
    }
    </script>

    <link rel="icon" href="/favicon.ico" sizes="any">
    <link rel="icon" href="/icon.svg" type="image/svg+xml">
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">


    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <!-- Stylesheets-->
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Work+Sans:300,700,800%7COswald:300,400,500">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/fonts.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
    <link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.4.55/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="css/style.css" id="main-styles-link">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            // Enviar una solicitud POST cuando la página se carga
            fetch('/update-view-data/Chiriuchutxts', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                },
                body: JSON.stringify({ clicked: false })
            });
        });

        document.querySelector('#myButton')?.addEventListener('click', function () {
            // Enviar una solicitud POST cuando se hace clic en el botón
            fetch('/update-view-data/Chiriuchutxts', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                },
                body: JSON.stringify({ clicked: true })
            });
        });
    </script>
  </head>
  <body>
     <!-- Google Tag Manager --><noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-P9FT69" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-P9FT69');</script><!-- End Google Tag Manager --></body>
    <div class="page">
      <header class="section page-header">
        <!-- RD Navbar-->
        <div class="rd-navbar-wrap">
          <nav class="rd-navbar rd-navbar-minimal" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-fixed" data-lg-stick-up-offset="46px" data-xl-stick-up-offset="46px" data-xxl-stick-up-offset="46px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
            <div class="rd-navbar-main-outer">
              <div class="rd-navbar-main">
                <!-- RD Navbar Panel-->
                <div class="rd-navbar-panel">
                  <!-- RD Navbar Toggle-->
                  <button class="rd-navbar-toggle" data-rd-navbar-toggle="#rd-navbar-nav-wrap-1"><span></span></button>
                  <!-- RD Navbar Brand--><a class="rd-navbar-brand" href="{{ url('/Chiriuchutxt') }}"><img src="{{ asset('img/logoheader.jpg') }}" alt="" class="logo"/></a>
                </div>
                <div class="rd-navbar-main-element">
                  <div class="rd-navbar-nav-wrap" id="rd-navbar-nav-wrap-1">
                    <!-- RD Navbar Nav-->
                    <ul class="rd-navbar-nav">
                      <li class="rd-nav-item active"><a class="rd-nav-link" href="{{ url('/Chiriuchutxt') }}">Inicio</a></li>
                      </li>
                      <li class="rd-nav-item"><a class="rd-nav-link" href="{{ url('/chiriuchutxt.com/blog') }}">Blog</a>
                      </li>
                      <li class="rd-nav-item"><a class="rd-nav-link" href="{{ url('/chiriuchutxt.com/servicios') }}">Servicios</a>
                      </li>
                      <li class="rd-nav-item"><a class="rd-nav-link" href="">Redes</a>
                        <!-- RD Navbar Dropdown-->
                        <ul class="rd-menu rd-navbar-dropdown">
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="https://pe.linkedin.com/company/chiri-uchu-txt">LinkedIn</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="https://www.instagram.com/chiriuchutxt/">Instagram</a></li>
                          <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="https://www.facebook.com/ChiriUchuTXT">Facebook</a></li>
                        </ul>
                      </li>
                      <li class="rd-nav-item"><a class="rd-nav-link" href="https://wa.me/51980809521?text=Hola,%20vengo%20de%20tu%20página%20web%20y%20quiero%20información" 
   target="_blank">Contactanos</a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </nav>
        </div>
      </header>
      <!-- Page Header-->
      <section>
        <div class="swiper-container swiper-slider swiper-slider-minimal" data-loop="false" data-slide-effect="fade" data-autoplay="5500" data-simulate-touch="false">
          <div class="swiper-wrapper">
            @foreach ($headers as $header)
            <div class="swiper-slide" data-slide-bg="{{ asset($header->img) }}">
              <div class="swiper-slide-caption">
                <div class="container">
                  <div class="swiper-slide-text">
                    <div class="text-large">{{ $header->titulo }}</div>
                  </div>
                </div>
              </div>
            </div>
            @endforeach
          </div>
          <div class="swiper-pagination-outer container">
            <div class="swiper-pagination swiper-pagination-modern swiper-pagination-marked" data-index-bullet="true"></div>
          </div>
        </div>
      </section>
      <!-- Our Services-->
      <section class="section section-lg text-center">
        <div class="container">
          <h3 class="wow-outer"><span class="wow slideInUp">Nuestros Servicios</span></h3>
          <p class="wow-outer"><span class="text-width-1 wow slideInDown">Conectamos los idiomas originarios del Perú (como quechua, shipibo o aymara) con las lenguas de otras partes del mundo (como inglés, portugués o afrikáans)</span></p>
          <div class="row row-50 row-xxl-70 offset-top-2">
            @foreach ($servicios as $servicio)
            <div class="col-sm-6 col-md-4 col-lg-3 wow-outer">
              <!-- Box Light-->
              <article class="box-light wow slideInLeft">
                <img src="{{ asset($servicio->img) }}" width="100" height="auto" alt="">
                <h4 class="box-light-title">{{ $servicio->servicio }}</h4>
                <p>{{ $servicio->descripcion }}</p>
              </article>
            </div>
            @endforeach
          </div>
        </div>
      </section>
      <!-- A Few Words About Us-->
      <section class="section section-lg bg-gray-100">
        <div class="container">
          <div class="row row-50 justify-content-center justify-content-lg-between">
            <div class="col-md-10 col-lg-6 col-xl-5">
              <h3 class="wow-outer"><span class="wow slideInDown">Quiénes somos</span></h3>
              <p class="wow-outer"><span class="wow slideInDown" data-wow-delay=".05s">Somos una comunidad de traductores con una profunda pasión por la literatura y por la interculturalidad. Conectamos los idiomas originarios del Perú (como quechua, shipibo o aymara) con las lenguas de otras partes del mundo (como inglés, portugués o afrikáans). </span></p>
              <p class="wow-outer"><span class="wow slideInDown" data-wow-delay=".1s">Buscamos ofrecer soluciones creativas a los clientes que se enfrentan a problemas a la hora de trabajar con sus textos.</span></p>
              <div class="wow-outer button-outer"><a class="button button-lg button-primary button-winona wow slideInDown" data-wow-delay=".1s" href="https://www.facebook.com/ChiriUchuTXT">Saber mas</a></div>
            </div>
            <div class="col-md-10 col-lg-6 wow-outer"><img class="img-responsive wow slideInRight" src="{{ asset('img/logo.jpeg') }}" alt="" width="570" height="368"/>
            </div>
          </div>
        </div>
      </section>
      <!-- CTA Thin-->
      <section class="section section-xs bg-primary-darker text-center">
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-sm-10 col-md-12">
              <div class="box-cta-thin">
                <h4 class="wow-outer"><span class="wow slideInRight">¡Trabajamos con cariño, <span class="fw-bold">en Comunidad y con una Perspectiva</span> intercultural!</span></h4><a class="button button-primary button-winona" href="https://wa.me/51980809521?text=Hola,%20vengo%20de%20tu%20página%20web%20y%20quiero%20información" 
   target="_blank"">Cotizar Servicio</a>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- Who We Are-->
      <!-- <section class="section section-lg section-last text-center">
        <div class="container">
          <h3 class="wow-outer text-center"><span class="wow slideInDown">Nuestro Equipo</span></h3>
          <div class="row row-50">
          <div class="eams">
            @foreach ($teams as $team)
            <div class="col-sm-6 col-lg-4 wow-outer">    -->
              <!-- Profile Minimal-->
              <!-- <article class="profile-minimal wow slideInLeft"><img class="profile-minimal-image" src="{{ asset($team->img) }}" alt="" width="370" height="368"/>
                <div class="profile-minimal-caption">
                  <h4 class="profile-minimal-title">{{ $team->nombre }} {{ $team->apellido}}</h4>
                  <p class="profile-minimal-position">{{ $team->trabajo }}</p>
                </div>
              </article>
            </div>
            @endforeach
          </div>
          </div>
          <div class="wow-outer button-outer"><a class="button button-lg button-primary button-winona wow slideInUp" href="about-us.html">View all Team</a></div>
        </div>
      </section> -->
      <!-- Testimonials-->
      <section class="section section-lg bg-gray-100">
        <div class="container">
          <h3 class="text-center">Comentarios</h3>
          <div class="row row-50 justify-content-center justify-content-lg-between">
            <div class="col-md-10 col-lg-5">
             <div class="owl-carousel" data-items="1" data-dots="true" data-nav="false" data-loop="true" data-margin="30">
                @foreach ($comentarios as $comentario)
                <div class="wow-outer">
                    <blockquote class="quote-modern">
                        <svg class="quote-modern-mark" x="0px" y="0px" width="35px" height="25px" viewbox="0 0 35 25">
                            <path d="M27.461,10.206h7.5v15h-15v-15L25,0.127h7.5L27.461,10.206z M7.539,10.206h7.5v15h-15v-15L4.961,0.127h7.5 L7.539,10.206z"></path>
                        </svg>
                        <div class="quote-modern-text">
                            <p>{{ $comentario->mensaje }}</p>
                        </div>
                        <div class="quote-modern-meta">
                            <div class="quote-modern-avatar">
                            <img src="{{ $comentario->avatar ?? asset('images/testimonials-person-3-96x96.jpg') }}" 
                                 alt="{{ $comentario->nombre }}" 
                                 referrerpolicy="no-referrer"
                                 width="96" 
                                 height="96"
                                 style="object-fit: cover; border-radius: 50%;"/>
                            </div>
                            <div class="quote-modern-info">
                                <cite class="quote-modern-cite">{{ $comentario->nombre }}</cite>
                            </div>
                        </div>
                    </blockquote>
                </div>
                @endforeach
            </div>
            </div>
            <div class="col-md-10 col-lg-6 wow-outer">
              <div class="thumbnail-video-1 bg-gray-700 wow slideInLeft">
                <div class="ratio ratio-16x9">
                  <video controls preload="metadata" autoplay muted loop playsinline style="width: 100%; border-radius: 8px;">
                    <source src="{{ asset('videos/publicid.mp4') }}" type="video/mp4">
                    Tu navegador no soporta videos.
                  </video>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- Wide CTA-->
      <section class="section section-md bg-primary-darker text-center">
        <div class="container">
          <div class="box-cta-1">
            <h3 class="wow-outer"><span class="wow slideInRight">Garantizamos un  <span class="fw-bold">Servicio de Calidad y Rapidez</span></span></h3>
            <div class="wow-outer button-outer"><a class="button button-lg button-primary button-winona wow slideInLeft" href="https://wa.me/51980809521?text=Hola,%20vengo%20de%20tu%20página%20web%20y%20quiero%20información" 
   target="_blank">Consultar Gratis</a></div>
          </div>
        </div>
      </section>
      <!-- Latest Blog Posts-->
      <section class="section section-lg text-center">
        <div class="container">
          <h3 class="wow-outer"><span class="wow slideInDown">Blog Chiri Uchu Txt</span></h3>
          <div class="row row-50">
            @foreach ($articulos as $articulo)
            <div class="col-md-6 wow-outer">
              <!-- Post Modern-->
              <article class="post-modern wow slideInLeft"><a class="post-modern-media" href="single-blog-post.html"><img src="{{ asset($articulo->img) }}" alt="" width="371" height="153"/></a>
                <h4 class="post-modern-title"><a href="single-blog-post.html">{{ $articulo->titulo }}</a></h4>
                <ul class="post-modern-meta">
                  <li>{{ $articulo->autor }}</li>
                  <li>
                    <time datetime="2022">{{ $articulo->fecha }}</time>
                  </li>
                  <li><a class="button-winona" href="#">Reciente</a></li>
                </ul>
                <p>{{ $articulo->parrafo}}</p>
              </article>
            </div>
            @endforeach
          </div>
          <div class="wow-outer button-outer"><a class="button button-primary-outline button-winona wow slideInUp" href="{{ url('/chiriuchutxt.com/blog') }}">VER TODO</a></div>
        </div>
      </section>
      <!-- Newsletter-->
      <section class="section bg-gray-100">
        <div class="range justify-content-xl-between">
          <div class="cell-xl-6 align-self-center container">
            <div class="row">
              <div class="col-lg-9 cell-inner">
                <div class="section-lg">
                  <h3 class="wow-outer"><span class="wow slideInDown">Contáctanos</span></h3>
                  <!-- RD Mailform-->
                  @if (session('success'))
                  <div class="alert alert-success alert-dismissible fade show" role="alert">
                      {{ session('success') }}
                      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                      </button>
                  </div>
                @endif

                <!-- Aquí va tu formulario -->
                <form id="form-contacto" action="{{ route('Mensajes.store') }}" method="POST">
                  @csrf
                  <div class="row row-10">
                      <div class="col-md-6 wow-outer">
                          <div class="form-wrap wow fadeSlideInUp">
                              <label class="form-label-outside" for="nombre">Nombre</label>
                              <input class="form-input" id="nombre" type="text" name="nombre" value="{{ old('nombre') }}" required>
                              @error('nombre') <span style="color: red; font-size: 12px;">{{ $message }}</span> @enderror
                          </div>
                      </div>

                      <div class="col-md-6 wow-outer">
                          <div class="form-wrap wow fadeSlideInUp">
                              <label class="form-label-outside" for="apellido">Apellido</label>
                              <input class="form-input" id="apellido" type="text" name="apellido" value="{{ old('apellido') }}" required>
                              @error('apellido') <span style="color: red; font-size: 12px;">{{ $message }}</span> @enderror
                          </div>
                      </div>

                      <div class="col-md-6 wow-outer">
                          <div class="form-wrap wow fadeSlideInUp">
                              <label class="form-label-outside" for="correo">E-mail</label>
                              <input class="form-input" id="correo" type="email" name="correo" value="{{ old('correo') }}" required>
                              @error('correo') <span style="color: red; font-size: 12px;">{{ $message }}</span> @enderror
                          </div>
                      </div>

                      <div class="col-md-6 wow-outer">
                          <div class="form-wrap wow fadeSlideInUp">
                              <label class="form-label-outside" for="telefono">Telefono</label>
                              <input class="form-input" id="telefono" type="text" name="telefono" value="{{ old('telefono') }}" required>
                              @error('telefono') <span style="color: red; font-size: 12px;">{{ $message }}</span> @enderror
                          </div>
                      </div>

                      <div class="col-12 wow-outer">
                          <div class="form-wrap wow fadeSlideInUp">
                              <label class="form-label-outside" for="mensaje">Mensaje</label>
                              <textarea class="form-input" id="mensaje" name="mensaje" required>{{ old('mensaje') }}</textarea>
                              @error('mensaje') <span style="color: red; font-size: 12px;">{{ $message }}</span> @enderror
                          </div>
                      </div>
                  </div>

                  <div class="group group-middle">
                      <div class="wow-outer">
                          <button class="button button-primary button-winona wow slideInRight" type="submit">ENVIAR MENSAJE</button>
                      </div>
                  </div>
              </form>
              <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
              <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
              <script>
                  // Usamos esta forma para asegurar que jQuery esté listo
                  window.onload = function() {
                      if (window.jQuery) {
                          console.log("jQuery cargado correctamente"); // Verás esto en la consola (F12)
                          
                          $('#form-contacto').on('submit', function(e) {
                              e.preventDefault(); // ESTO DEBE DETENER EL JSON
                              console.log("Enviando por AJAX...");

                              var form = $(this);
                              $.ajax({
                                  type: "POST",
                                  url: form.attr('action'),
                                  data: form.serialize(),
                                  success: function(response) {
                                      if(response.success) {
                                          Swal.fire({
                                              icon: 'success',
                                              title: '¡Enviado!',
                                              text: response.message
                                          });
                                          form[0].reset();
                                      }
                                  },
                                  error: function(xhr) {
                                      console.error("Error en AJAX:", xhr.responseText);
                                      alert("Error al enviar. Revisa la consola.");
                                  }
                              });
                          });
                      } else {
                          console.error("jQuery NO se cargó. Revisa tu conexión o el enlace.");
                      }
                  };
              </script>
              </div>
            </div>
          </div>
          
        </div>
      </section>
      <!-- Page Footer-->
      <footer class="section footer-linked bg-gray-700">
        <div class="footer-linked-main">
          <div class="container">
            <div class="row row-50">
              <div class="col-lg-8">
                <h4>Servicios</h4>
                <hr class="offset-right-1">
                <div class="row row-20">  
                  <ul class="list list-xs">
                    <a>Conectamos los idiomas originarios del Perú <br>(como quechua, shipibo o aymara) con las lenguas <br> de otras partes del mundo.</a>
                  </ul>
                </div>
              </div>
              <div class="col-md-7 col-lg-4">
                <h4>Contactenos</h4>
                <hr>
                <ul class="list-sm">
                  <li class="object-inline"><span class="icon icon-md mdi mdi-phone text-gray-700"></span>
                    <ul class="list-0">
                      <li><a class="link-default" href="https://wa.me/51980809521?text=Hola,%20vengo%20de%20tu%20página%20web%20y%20quiero%20información" 
   target="_blank">+51 980 809 521</a></li>
                    </ul>
                  </li>
                  <li class="object-inline"><span class="icon icon-md mdi mdi-email text-gray-700"></span><a class="link-default" href="mailto:hi@chiriuchutxt.com">hi@chiriuchutxt.com</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="footer-linked-aside">
          <div class="container">
            <!-- Rights-->
            <p class="rights"><span>&copy;&nbsp;</span><span class="copyright-year"></span><span>&nbsp;</span><span>chiriuchutxt.com.</span><span>&nbsp;</span><br class="d-sm-none"/><a href="privacy-policy.html">Todos los Derechos Reservados.</a></p>
          </div>
        </div>
      </footer>
    </div>

    <!-- Global Mailform Output-->
    <div class="snackbars" id="form-output-global"></div>
    <!-- Javascript-->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="js/core.min.js"></script>
    <script src="js/script.js"></script>
    <script>
    fetch('/update-view-data/blog', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'X-CSRF-TOKEN': '{{ csrf_token() }}'
        }
    });
</script>
</html>