Skip to content

Commit 80c7575

Browse files
rozgorozgo
committed
initial LAIA
1 parent 74472c2 commit 80c7575

8 files changed

Lines changed: 291 additions & 0 deletions

‎images/laia-logo.png‎

119 KB
Loading

‎images/laia/slide_01_bienvenido.png‎

2.34 MB
Loading

‎images/laia/slide_05_espacios_ambientados.png‎

5.18 MB
Loading

‎images/laia/slide_08_especializados.png‎

1.42 MB
Loading

‎images/laia/slide_10_espacios_privados.png‎

5.53 MB
Loading

‎images/laia/slide_15_simuladores.png‎

5.29 MB
Loading

‎images/laia/slide_20_estacionamiento.png‎

7.44 MB
Loading

‎laia-es.html‎

Lines changed: 291 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,291 @@
1+
<!DOCTYPE html>
2+
<html lang="es" data-wf-page="laia-es" data-wf-site="675b60e3f77d4fad0529e9eb">
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>LAIA: Hub Creativo</title>
6+
<meta content="width=device-width, initial-scale=1" name="viewport" />
7+
<meta name="robots" content="noindex,follow" />
8+
<link href="css/normalize.css" rel="stylesheet" type="text/css" />
9+
<link href="css/webflow.css" rel="stylesheet" type="text/css" />
10+
<link
11+
href="css/vertex-studio24-f05ac5c717e1b041d007449.webflow.css"
12+
rel="stylesheet"
13+
type="text/css"
14+
/>
15+
16+
<link href="https://fonts.googleapis.com" rel="preconnect" />
17+
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous" />
18+
<link rel="shortcut icon" href="images/vertex/favicon.ico" type="image/x-icon" />
19+
<link href="images/vertex/favicon.ico" rel="apple-touch-icon" />
20+
</head>
21+
<body class="body-3">
22+
<div class="navbar-logo-left-6">
23+
<div
24+
data-animation="default"
25+
data-collapse="small"
26+
data-duration="300"
27+
data-easing="ease"
28+
data-easing2="ease"
29+
role="banner"
30+
class="navbar-logo-left-container shadow-three w-nav"
31+
>
32+
<div class="container-39">
33+
<div class="navbar-wrapper-9">
34+
<a href="/" class="navbar-brand-8 w-nav-brand"
35+
><img
36+
width="131"
37+
sizes="(max-width: 479px) 56vw, 131px"
38+
alt="Vertex Studio"
39+
src="images/vertex_white.png"
40+
loading="lazy"
41+
srcset="
42+
images/vertex_white-p-500.png 500w,
43+
images/vertex_white-p-800.png 800w,
44+
images/vertex_white-p-1080.png 1080w,
45+
images/vertex_white-p-1600.png 1600w,
46+
images/vertex_white.png 1884w
47+
"
48+
/></a>
49+
<nav role="navigation" class="nav-menu-wrapper-7 w-nav-menu">
50+
<ul role="list" class="nav-menu-two-6 w-list-unstyled">
51+
<li class="list-item-5 core-btn">
52+
<div
53+
data-delay="0"
54+
data-hover="true"
55+
id="w-node-laia-core-dropdown"
56+
class="dropdown btn-nav w-dropdown"
57+
>
58+
<div class="dropdown-toggle-2 w-dropdown-toggle">
59+
<div class="icon-5 w-icon-dropdown-toggle"></div>
60+
<div class="text-block-11">Our Core</div>
61+
</div>
62+
<article class="dropdown-list w-dropdown-list">
63+
<a href="/games" class="dropdown-link w-dropdown-link">Games</a>
64+
<a href="/simulations" class="dropdown-link-3 w-dropdown-link">Simulations</a>
65+
<a href="/extended-reality" class="dropdown-link-3 w-dropdown-link">Extended Reality</a>
66+
</article>
67+
</div>
68+
</li>
69+
<li class="list-item-5">
70+
<div class="btn-nav">
71+
<a href="/about-us" class="nav-link-15">About us</a>
72+
</div>
73+
</li>
74+
</ul>
75+
</nav>
76+
<div class="menu-button-9 w-nav-button">
77+
<div class="icon-6 w-icon-nav-menu"></div>
78+
</div>
79+
</div>
80+
</div>
81+
</div>
82+
<div class="w-embed">
83+
<style>
84+
.btn-nav {
85+
position: relative;
86+
background: black;
87+
transition: background-color 0.3s ease, border 0.3s ease;
88+
text-align: center;
89+
color: white;
90+
}
91+
.btn-nav::before {
92+
content: "";
93+
position: absolute;
94+
inset: 0;
95+
border-radius: 50px;
96+
padding: 3px;
97+
background: linear-gradient(135deg, #27aae1, #462466 50%, #ec297b);
98+
mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
99+
mask-composite: exclude;
100+
}
101+
.btn-nav:hover {
102+
background: linear-gradient(135deg, #27aae1, #462466 50%, #ec297b);
103+
border-radius: 50px;
104+
color: white;
105+
}
106+
.w-dropdown-link:hover {
107+
background-color: white;
108+
color: #ec297b;
109+
}
110+
.laia-hero {
111+
display: flex;
112+
flex-direction: column;
113+
align-items: center;
114+
gap: 1rem;
115+
margin: 10rem auto 2rem;
116+
}
117+
.laia-hero img {
118+
max-width: 300px;
119+
height: auto;
120+
}
121+
.laia-title {
122+
font-size: 2rem;
123+
font-weight: 700;
124+
text-align: center;
125+
color: #fff;
126+
}
127+
.laia-sections {
128+
width: 100%;
129+
max-width: 1200px;
130+
margin: 0 auto 4rem;
131+
padding: 0 1rem;
132+
}
133+
.laia-section {
134+
display: flex;
135+
align-items: center;
136+
gap: 2rem;
137+
padding: 2rem 0;
138+
}
139+
.laia-section:nth-child(even) {
140+
flex-direction: row-reverse;
141+
}
142+
.laia-col {
143+
flex: 1 1 50%;
144+
}
145+
.laia-img img {
146+
width: 100%;
147+
height: auto;
148+
display: block;
149+
border-radius: 8px;
150+
}
151+
.laia-text {
152+
color: #fff;
153+
font-size: 1.1rem;
154+
line-height: 1.6;
155+
}
156+
/* Reveal on scroll */
157+
.reveal {
158+
opacity: 0;
159+
transform: translateX(40px);
160+
transition: opacity 0.8s ease, transform 0.8s ease;
161+
}
162+
.from-left {
163+
transform: translateX(-40px);
164+
}
165+
.reveal.visible {
166+
opacity: 1;
167+
transform: translateX(0);
168+
}
169+
@media (max-width: 767px) {
170+
.laia-section {
171+
flex-direction: column;
172+
}
173+
.laia-text {
174+
text-align: center;
175+
}
176+
}
177+
</style>
178+
</div>
179+
<div class="w-embed w-script">
180+
<script>
181+
if (window.innerWidth <= 767) {
182+
let coreDropDown = document.getElementsByClassName("core-btn")[0];
183+
let contactDropDown = document.getElementsByClassName("contact-btn")[0];
184+
if (coreDropDown && contactDropDown) {
185+
coreDropDown.addEventListener("touchstart", () => {
186+
const actualZIndex = window.getComputedStyle(contactDropDown).zIndex;
187+
if (actualZIndex !== 1) {
188+
contactDropDown.style.zIndex = "1";
189+
}
190+
});
191+
}
192+
}
193+
</script>
194+
</div>
195+
</div>
196+
197+
<section class="w-layout-blockcontainer laia-hero w-container">
198+
<img src="images/laia-logo.png" alt="LAIA Hub Creativo" />
199+
<h1 class="laia-title">LAIA: Hub Creativo</h1>
200+
</section>
201+
202+
<div class="laia-sections">
203+
<section class="laia-section">
204+
<div class="laia-col laia-img reveal from-left">
205+
<img src="images/laia/slide_01_bienvenido.png" alt="Bienvenido a LAIA" />
206+
</div>
207+
<div class="laia-col laia-text reveal from-right">
208+
La experiencia LAIA comienza desde el momento de tu llegada: nuestro asistente robótico te da la bienvenida a un espacio donde la tecnología del futuro se encuentra con la calidez humana.
209+
</div>
210+
</section>
211+
<section class="laia-section">
212+
<div class="laia-col laia-img reveal from-left">
213+
<img src="images/laia/slide_05_espacios_ambientados.png" alt="Espacios Ambientados" />
214+
</div>
215+
<div class="laia-col laia-text reveal from-right">
216+
Más de 500 m² de áreas tecnológicas diseñadas con espacios abiertos y ambientados que fomentan la creatividad, la colaboración y el intercambio de ideas en un entorno moderno y funcional.
217+
</div>
218+
</section>
219+
<section class="laia-section">
220+
<div class="laia-col laia-img reveal from-left">
221+
<img src="images/laia/slide_08_especializados.png" alt="Espacios Especializados" />
222+
</div>
223+
<div class="laia-col laia-text reveal from-right">
224+
LAIA cuenta con más de 523 m² de área general distribuida en espacios especializados que incluyen entrenamiento con gemelos digitales, capacitaciones en realidad virtual y estaciones de trabajo equipadas con inteligencia artificial.
225+
</div>
226+
</section>
227+
<section class="laia-section">
228+
<div class="laia-col laia-img reveal from-left">
229+
<img src="images/laia/slide_10_espacios_privados.png" alt="Colaboración Humano-Robot-IA" />
230+
</div>
231+
<div class="laia-col laia-text reveal from-right">
232+
En LAIA, el futuro es hoy: humanos, robots y sistemas de inteligencia artificial colaboran en un mismo espacio, creando un ecosistema único de innovación y productividad tecnológica.
233+
</div>
234+
</section>
235+
<section class="laia-section">
236+
<div class="laia-col laia-img reveal from-left">
237+
<img src="images/laia/slide_15_simuladores.png" alt="Simuladores de última generación" />
238+
</div>
239+
<div class="laia-col laia-text reveal from-right">
240+
Nuestros simuladores de última generación combinan la realidad física con experiencias virtuales inmersivas, proporcionando entrenamiento especializado en construcción, conducción, medicina y otras disciplinas técnicas con tecnología de punta.
241+
</div>
242+
</section>
243+
<section class="laia-section">
244+
<div class="laia-col laia-img reveal from-left">
245+
<img src="images/laia/slide_20_estacionamiento.png" alt="Estacionamiento privado" />
246+
</div>
247+
<div class="laia-col laia-text reveal from-right">
248+
LAIA revoluciona la experiencia del usuario desde el primer contacto, ofreciendo un estacionamiento privado con mayor seguridad, mejor control y más disponibilidad que los espacios tradicionales.
249+
</div>
250+
</section>
251+
</div>
252+
253+
<section class="footer-light-2">
254+
<div id="w-node-laia-footer-divider" class="footer-divider-two-2"></div>
255+
<div class="footer-copyright-2">
256+
© 2025 Vertex Studio. All rights reserved
257+
</div>
258+
</section>
259+
260+
<script
261+
src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=675b60e3f77d4fad0529e9eb"
262+
type="text/javascript"
263+
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
264+
crossorigin="anonymous"
265+
></script>
266+
<script src="js/webflow.js" type="text/javascript"></script>
267+
<script type="text/javascript">
268+
// Reveal on scroll using IntersectionObserver
269+
(function () {
270+
const reveals = document.querySelectorAll('.reveal');
271+
if (!('IntersectionObserver' in window) || reveals.length === 0) {
272+
reveals.forEach((el) => el.classList.add('visible'));
273+
return;
274+
}
275+
const observer = new IntersectionObserver(
276+
(entries) => {
277+
entries.forEach((entry) => {
278+
if (entry.isIntersecting) {
279+
entry.target.classList.add('visible');
280+
observer.unobserve(entry.target);
281+
}
282+
});
283+
},
284+
{ threshold: 0.2 }
285+
);
286+
reveals.forEach((el) => observer.observe(el));
287+
})();
288+
</script>
289+
</body>
290+
291+
</html>

0 commit comments

Comments
 (0)