/home/marynathaconsult/.trash/contactanos.php.1
<?php
session_start();
require_once 'data.php';

if (!isset($_SESSION['cart'])) {
    $_SESSION['cart'] = [];
}

function cart_count() {
    $total = 0;
    foreach ($_SESSION['cart'] as $qty) {
        $total += $qty;
    }
    return $total;
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Zona Libre Virtual - Contáctanos</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="assets/styles.css">
</head>
<body>
  <div class="app">
    <header class="header">
      <div class="header-top">
        <div class="header-left">
          <div class="menu-icon">☰</div>
          <div class="logo-mini">ZLV</div>
          <div class="logo-block">
            <span class="logo-name">Zona Libre Virtual</span>
            <span class="logo-sub">Contáctanos</span>
          </div>
        </div>
        <div class="header-right">
          <a href="carrito.php" style="color:#fff;text-decoration:none;display:flex;align-items:center;gap:.25rem;">
            <span>🛒</span>
            <span><?php echo cart_count(); ?></span>
          </a>
        </div>
      </div>
      <div class="search-bar">
        <span>🔍</span>
        <input type="text" placeholder="Buscar ayuda o preguntas frecuentes">
      </div>
    </header>

    <main>
      <section>
        <h1 class="page-title">Contáctanos</h1>
        <p class="text-block">
          Si deseas cotizar un pedido de juguetería, conocer más sobre nuestros productos
          o tienes alguna duda sobre tus compras, completa el formulario o escríbenos por WhatsApp.
        </p>
      </section>

      <section class="product-section">
        <h2>Formulario de contacto</h2>
        <form class="form" method="post" action="#">
          <div class="form-group">
            <label for="nombre">Nombre completo</label>
            <input type="text" id="nombre" name="nombre" placeholder="Tu nombre">
          </div>

          <div class="form-group">
            <label for="correo">Correo electrónico</label>
            <input type="email" id="correo" name="correo" placeholder="tunombre@correo.com">
          </div>

          <div class="form-group">
            <label for="mensaje">Mensaje</label>
            <textarea id="mensaje" name="mensaje" placeholder="Cuéntanos qué necesitas"></textarea>
          </div>

          <button type="submit" class="btn-primary">
            Enviar mensaje
          </button>
          <p class="text-block" style="margin-top:.4rem;">
            * Este formulario es demostrativo. Luego se puede integrar a tu backend o servicio de correo.
          </p>
        </form>
      </section>

      <section class="product-section">
        <h2>Contacto directo</h2>
        <p class="text-block">
          📱 WhatsApp: <strong>+57 300 000 0000</strong><br>
          ✉️ Correo: <strong>contacto@zonalibrevirtual.com</strong><br>
          📍 Operamos desde Panamá y despachamos a Colombia.
        </p>
        <button class="btn-primary">
          <span>💬</span> Escribir por WhatsApp
        </button>
      </section>
    </main>

    <footer class="footer">
      <nav class="footer-nav">
        <a href="index.php">Inicio</a>
        <a href="tienda.php">Productos</a>
        <a href="nosotros.php">Nosotros</a>
        <a href="contactanos.php">Contáctanos</a>
      </nav>
      <div class="footer-copy">
        © <?php echo date('Y'); ?> Zona Libre Virtual · Atención al cliente
      </div>
    </footer>
  </div>
  <script src="assets/script.js"></script>
</body>
</html>
Path: home/marynathaconsult/.trash