
<?php
include("nombre.php")
?>

<!DOCTYPE html>
<html>
  <head>
    
  <meta charset="UTF-8">
    <title>Mi Página Web</title>
    <link rel="stylesheet" type="text/css" href="Estilos/index.css">
    <script src="https://unpkg.com/feather-icons"></script>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" 
    integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/uikit@3.18.3/dist/js/uikit.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/uikit@3.18.3/dist/js/uikit-icons.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.18.3/dist/css/uikit.min.css" />
    
  <style>

.chat-icon {
    position: fixed;
    bottom: 20px; /* Distancia desde la parte inferior */
    right: 20px; /* Distancia desde el lado derecho */
    background-color: #3056C4;
    color: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: transform 0.3s ease;
}

.chat-icon:hover {
    transform: scale(1.1); /* Efecto de escala al pasar el mouse */
}

  </style>

  </head>
  <body>
   <?php include ("menu.php") ?>
    <div class="container-slider">
      <div class="slider" id="slider">
        <div class="slider__section">
          <img src="img/Post de instagram varita magica simple, marron,.png" alt="" class="slider__img">
          <div class="slider__content">
          </div>
        </div>
        <div class="slider__section">
          <img src="img/monitol.png" alt="" class="slider__img">
          <div class="slider__content">
            <h2 class="slider__title">Monitor Samsung 144hrz</h2>
            <p class="slider__txt"> <span class="deco">400$</span> 360$ </p>
            <a href="carrito.php" class="btn-shop">Ver más</a>
          </div>
        </div>
        <div class="slider__section">
          <img src="img/laptop.png" alt="" class="slider__img">
          <div class="slider__content">
            <h2 class="slider__title">Asus TUF F15</h2>
            <p class="slider__txt"><span class="deco">1500$</span> 1.116$</p>
            <a href="carrito.php" class="btn-shop">Ver más</a>
          </div>
        </div>
        <div class="slider__section">
          <img src="img/disk.png" alt="" class="slider__img">
          <div class="slider__content">
            <h2 class="slider__title">Disk SSD</h2>
            <p class="slider__txt"><span class="deco">100$</span> 87$</p>
            <a href="carrito.php" class="btn-shop">Ver mas
                                                                                        
            </a>
          </div>
        </div>
      </div>
      <div class="slider__btn slider__btn--right" id="btn-right">&#62;</div>
      <div class="slider__btn slider__btn--left" id="btn-left">&#60;</div>
    </div>
    <main class="main">
      <div class="container">
        <h2 class="main-title">nuevo producto</h2>
        <section class="container-products">
          <div class="product">
            <img src="img/4090.png" alt="" class="product__img">
            <div class="product__description">
              <h3 class="product__title">Nvidia Geforce RTX 4090 (video Graphic)</h3>
              <span class="product__price">$575.00</span>
            </div>
            <i class="product__icon fas fa-cart-plus"></i>
          </div>
          <div class="product">
            <img src="img/4080.png" alt="" class="product__img">
            <div class="product__description">
              <h3 class="product__title">Nvidia Geforce RTX 4080 (video Graphic)</h3>
              <span class="product__price">$575.00</span>
            </div>
            <i class="product__icon fas fa-cart-plus"></i>
          </div>
          <div class="product">
            <img src="img/i9.png" alt="" class="product__img">
            <div class="product__description">
              <h3 class="product__title">Procesardor intel i9 10900k</h3>
              <span class="product__price">$575.00</span>
            </div>
            <i onclick="agregarAlCarritoClickedDesci(event)" class="product__icon fas fa-cart-plus"></i>
          </div>
          <div class="product">
            <img src="img/i7.jpg" alt="" class="product__img">
            <div class="product__description">
              <h3 class="product__title">i7 1 </h3>
              <span class="product__price">$325.00</span>
            </div>
            <i class="product__icon fas fa-cart-plus"></i>
          </div>
        </section>
      
      
        <div id="todo" class="container-editor">
          <div id="1" class="editor__item">
            <img src="img/seta2.jpg" alt="" class="editor__img">
            <p class="editor__circle">Adentrate

            </p>
          </div>
          <div id="2" class="editor__item">
            <img src="img/setaa.jpeg" alt="" class="editor__img">
            <p class="editor__circle"> Gran experiencia 
            </p>
          </div>
        </div>
        <section class="container-tips">
          <div id="3" class="tip">
            <i class="far fa-hand-paper"></i> 
            <h2 class="tip__title">Mision</h2>
            <p class="tip__txt">Nuestra misión es revolucionar la interacción entre los negocios en Ciudad Juan Bosch y sus clientes 
a través de una plataforma digital innovadora. Nos dedicamos a empoderar a los emprendedores 
locales proporcionándoles una solución completa que les permita ampliar su alcance, elevar su 
profesionalismo y ofrecer una experiencia de compra segura y eficiente a sus clientes. Nos 
esforzamos por fomentar el crecimiento económico y el desarrollo sostenible en la comunidad, 
promoviendo la innovación tecnológica y fortaleciendo la conexión entre empresas y consumidores.</p>
              
          </div>
          <div id="4" class="tip">
           <i class="fas fa-rocket"></i>
            <h2 class="tip__title">Vision</h2>
            <p class="tip__txt">Nuestra visión es consolidarnos como el motor principal de la transformación digital para los 
negocios en Ciudad Juan Bosch y regiones circundantes. Nos proponemos ser reconocidos como la 
plataforma de referencia que empodera a los emprendedores locales para ampliar su presencia digital, 
optimizar sus operaciones y ofrecer experiencias de cliente inigualables. Aspiramos a ser un agente 
de cambio para el crecimiento económico y el desarrollo empresarial en la región, fomentando la 
innovación, la inclusión digital y la prosperidad compartida. Con un enfoque centrado en el usuario 
y un compromiso irrenunciable con la excelencia, nos esforzamos por construir un futuro en el que 
la tecnología fortalezca a las comunidades y genere oportunidades ilimitadas para el éxito 
empresarial.</p>
            
          </div>
          <div id="5" class="tip">
            <i class="fas fa-cog"></i>
            <h2 class="tip__title">Valores</h2>
            <p class="tip__txt">
            <ul style="list-style-position: inside; text-align: justify;">
    <li style="font-size: 20px; display: inline-block;">Empoderamiento Local</li>
    <li style="font-size: 20px; display: inline-block;">Innovación</li>
    <li style="font-size: 20px; display: inline-block;">Confianza y Seguridad</li>
    <li style="font-size: 20px; display: inline-block;">Colaboración</li>
    <li style="font-size: 20px; display: inline-block;">Excelencia en el Servicio al Cliente</li>
</ul>


</p>
            
          </div>
        </section>
      </div>
    </main>
    <footer>
      <div class="footer-container">
        <div class="copyright">
          &copy; 2023 Tu Empresa. Todos los derechos reservados.
        </div>
        <div class="contact-info">
          <div class="phone">Teléfono: +1 234 567 890</div>
          <div class="address">Dirección: Calle Principal, Ciudad, Estado</div>
          <a href="#" id="backToTop">
            <i class="fas fa-arrow-up"></i>
          </a>
        </div>
      </div>
    </footer>    
    <script src="Javas/shop.js"></script>

    <script src="Javas/slides.js"></script>  
    <script src="Javas/menu.js  "></script>  
    <div class="chat-icon">
    <?php include("boticon.php") ?>
    </div>
  </body>
</html>
