<!DOCTYPE html>
<html lang="es-MX">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grupo Industrial de los Altos | Torno CNC, Pailería y Mantenimiento Industrial</title>
<meta name="description" content="Empresa especializada en torno CNC, pailería industrial, soldadura y mantenimiento industrial en San Juan de los Lagos, Jalisco. Precisión, calidad y experiencia comprobada.">
<meta name="keywords" content="torno CNC San Juan de los Lagos, pailería industrial Jalisco, mantenimiento industrial, soldadura MIG TIG, mecanizado de precisión">
<meta name="author" content="Grupo Industrial de los Altos">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#1e40af">
<link rel="canonical" href="https://industrialdelosaltos.com/">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="Grupo Industrial de los Altos">
<meta property="og:description" content="Torno CNC, pailería y mantenimiento industrial en San Juan de los Lagos, Jalisco.">
<meta property="og:url" content="https://industrialdelosaltos.com/">
<meta property="og:image" content="https://industrialdelosaltos.com/og-image.jpg">
<meta name="twitter:card" content="summary_large_image">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800;900&family=Rajdhani:wght@400;600;700&display=swap" rel="stylesheet">
<!-- Datos estructurados -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Grupo Industrial de los Altos",
"image": "https://industrialdelosaltos.com/og-image.jpg",
"address": {
"@type": "PostalAddress",
"streetAddress": "Blvd. Lic. Ramón Martín Huerta 1498",
"addressLocality": "San Juan de los Lagos",
"addressRegion": "Jalisco",
"postalCode": "47000",
"addressCountry": "MX"
},
"telephone": "+523310170443",
"email": "[email protected]",
"url": "https://industrialdelosaltos.com/",
"openingHours": "Mo-Fr 08:00-18:00 Sa 08:00-13:00"
}
</script>
<style>
body{
margin:0;
font-family:'Rajdhani',sans-serif;
background:#0f172a;
color:#e2e8f0;
scroll-behavior:smooth;
}
nav{
position:fixed;
top:0;
width:100%;
background:rgba(15,23,42,0.95);
padding:15px 5%;
display:flex;
justify-content:space-between;
align-items:center;
border-bottom:1px solid #1e40af;
z-index:1000;
backdrop-filter:blur(10px);
}
nav a{
color:#e2e8f0;
text-decoration:none;
margin-left:25px;
font-weight:600;
transition:.3s;
}
nav a:hover{color:#3b82f6;}
.hero{
height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:0 20px;
background:linear-gradient(135deg,#0f172a,#1e293b);
}
.hero h1{
font-family:'Orbitron',sans-serif;
font-size:clamp(2rem,5vw,3.5rem);
margin-bottom:20px;
color:#fff;
}
.hero p{
max-width:700px;
margin-bottom:30px;
color:#94a3b8;
}
.btn{
background:#1e40af;
padding:15px 35px;
color:#fff;
text-decoration:none;
font-weight:700;
border-radius:6px;
transition:.3s;
display:inline-block;
border:none;
cursor:pointer;
}
.btn:hover{
background:#1d4ed8;
transform:translateY(-3px);
}
section{
padding:100px 5%;
max-width:1200px;
margin:auto;
}
h2{
font-family:'Orbitron';
margin-bottom:40px;
color:#3b82f6;
}
.card{
background:#1e293b;
padding:30px;
border-radius:8px;
margin-bottom:20px;
}
.contact-info a{
color:#3b82f6;
text-decoration:none;
}
.contact-info a:hover{text-decoration:underline;}
input, select, textarea{
width:100%;
padding:12px;
margin-bottom:15px;
border-radius:5px;
border:1px solid #334155;
background:#0f172a;
color:#fff;
}
input:focus, textarea:focus, select:focus{
outline:none;
border-color:#3b82f6;
}
iframe{
width:100%;
height:300px;
border:0;
border-radius:8px;
margin-top:20px;
}
#formMessage{
display:none;
margin-top:20px;
font-weight:600;
}
@keyframes fadeIn {
from {opacity:0; transform:translateY(10px);}
to {opacity:1; transform:translateY(0);}
}
footer{
background:#0f172a;
padding:40px;
text-align:center;
border-top:1px solid #1e40af;
color:#64748b;
}
</style>
</head>
<body>
<nav>
<div><strong>Grupo Industrial de los Altos</strong></div>
<div>
<a href="#inicio">Inicio</a>
<a href="#servicios">Servicios</a>
<a href="#contacto">Contacto</a>
</div>
</nav>
<section class="hero" id="inicio">
<h1>Torno CNC • Pailería • Mantenimiento Industrial</h1>
<p>Soluciones industriales de alta precisión en San Juan de los Lagos, Jalisco.</p>
<a href="#contacto" class="btn">Solicitar Cotización</a>
</section>
<section id="servicios">
<h2>Servicios</h2>
<div class="card">
<h3>Torno CNC y Convencional</h3>
<p>Mecanizado de precisión en acero, aluminio, bronce y plásticos industriales.</p>
</div>
<div class="card">
<h3>Pailería y Soldadura Industrial</h3>
<p>Fabricación de estructuras metálicas, ductos y soluciones especiales.</p>
</div>
<div class="card">
<h3>Mantenimiento Industrial</h3>
<p>Mantenimiento preventivo y correctivo para maquinaria pesada.</p>
</div>
</section>
<section id="contacto">
<h2>Contacto</h2>
<div class="contact-info">
<p><strong>Dirección:</strong> Blvd. Lic. Ramón Martín Huerta 1498, San Juan de los Lagos, Jalisco</p>
<p><strong>Teléfono:</strong> <a href="tel:+523310170443">+52 33 1017 0443</a></p>
<p><strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a></p>
<p><strong>WhatsApp:</strong> <a href="https://wa.me/523310170443" target="_blank">Enviar mensaje directo</a></p>
</div>
<form id="contactForm" class="card">
<input type="hidden" name="_subject" value="Nueva cotización - Grupo Industrial de los Altos">
<input type="hidden" name="_captcha" value="false">
<input type="text" name="_gotcha" style="display:none">
<label>Nombre completo *</label>
<input type="text" name="name" required>
<label>Correo electrónico *</label>
<input type="email" name="email" required>
<label>Teléfono</label>
<input type="tel" name="phone">
<label>Servicio de interés</label>
<select name="service">
<option value="Torno CNC">Torno CNC</option>
<option value="Pailería">Pailería</option>
<option value="Mantenimiento">Mantenimiento</option>
<option value="Otro">Otro</option>
</select>
<label>Mensaje *</label>
<textarea name="message" required></textarea>
<button type="submit" class="btn">Enviar Mensaje</button>
<div id="formMessage"></div>
</form>
<iframe
loading="lazy">
</iframe>
</section>
<footer>
© 2026 Grupo Industrial de los Altos | Torno CNC • Pailería • Mantenimiento Industrial
</footer>
<script>
const form = document.getElementById("contactForm");
const messageBox = document.getElementById("formMessage");
form.addEventListener("submit", async function(e){
e.preventDefault();
messageBox.style.display="block";
messageBox.innerHTML="Enviando mensaje...";
messageBox.style.color="#94a3b8";
const formData = new FormData(form);
if(formData.get("_gotcha")) return;
try{
const response = await fetch("https://formspree.io/f/xkovvzgd",{
method:"POST",
body:formData,
headers:{'Accept':'application/json'}
});
if(response.ok){
messageBox.innerHTML="✔ Mensaje enviado correctamente. Nuestro equipo se pondrá en contacto contigo en breve.";
messageBox.style.color="#22c55e";
messageBox.style.animation="fadeIn 0.5s ease-in-out";
form.reset();
}else{
messageBox.innerHTML="⚠ Error al enviar. Intenta nuevamente o llama al +52 33 1017 0443.";
messageBox.style.color="#ef4444";
}
}catch(error){
messageBox.innerHTML="⚠ Error de conexión.";
messageBox.style.color="#ef4444";
}
});
</script>
</body>
</html>
