<title>Lulu Imports - Login & Home</title> <style> body { font-family: Arial, sans-serif; background: #f7f7f7; padding: 0; margin: 0; } header { background: #000; color: white; padding: 1rem; text-align: center; } .container { max-width: 1000px; margin: auto; padding: 1rem; } .hidden { display: none; } .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px,1fr)); gap: 1rem; } .product { background: white; padding: 1rem; border-radius: 0.5rem; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align: center; } .product img { width: 100%; height: auto; } button { background: #000; color: white; padding: 0.5rem 1rem; border: none; border-radius: 0.25rem; cursor: pointer; } button:hover { background: #333; } .login-form, .register-form { background: white; padding: 2rem; border-radius: 0.5rem; max-width: 400px; margin: 2rem auto; } input { width: 100%; padding: 0.5rem; margin: 0.5rem 0; } </style>

Lulu Imports

Entrar

Entrar

Ainda não tem conta? Cadastre-se

Cadastre-se

Criar conta

Promoção Relâmpago - Nike TN1

<script> let orderNumber = 9920; let loggedInUser = null;

function toggleRegister() {
  document.getElementById('login-form').classList.toggle('hidden');
  document.getElementById('register-form').classList.toggle('hidden');
}

function doRegister() {
  const username = document.getElementById('register-username').value;
  const password = document.getElementById('register-password').value;
  if (username && password) {
    localStorage.setItem(username, password);
    alert('Conta criada com sucesso!');
    toggleRegister();
  }
}

function doLogin() {
  const username = document.getElementById('login-username').value;
  const password = document.getElementById('login-password').value;
  if (localStorage.getItem(username) === password) {
    loggedInUser = username;
    document.getElementById('auth-section').classList.add('hidden');
    document.getElementById('home-section').classList.remove('hidden');
    loadProducts();
  } else {
    alert('Login inválido');
  }
}

function loadProducts() {
  const productList = document.getElementById('product-list');
  productList.innerHTML = '';
  for (let i = 1; i <= 30; i++) {
    let div = document.createElement('div');
    div.classList.add('product');
    div.innerHTML = `
      <img src="https://via.placeholder.com/200?text=Nike+TN1+${i}" alt="Nike TN1 ${i}" />
      <h3>Nike TN1 Modelo ${i}</h3>
      <p>R$130 ou 2 por R$180</p>
      <button onclick="checkout('${i}')">Comprar</button>
    `;
    productList.appendChild(div);
  }
}

function checkout(model) {
  orderNumber++;
  const orderId = `#LULU${orderNumber}`;
  alert(`Pedido ${orderId} criado! Entraremos em contato pelo seu Instagram.`);
  // Aqui poderia disparar notificação DM no Instagram (via integração API)
  window.open('https://www.instagram.com/luluu_imports?igsh=NThsZnFmcnF0c3F0', '_blank');
}

</script>