Skip to content

Commit b3b3334

Browse files
Lucrecia-15Lucrecia-15
committed
text+design
1 parent e81c798 commit b3b3334

File tree

4 files changed

+84
-104
lines changed

4 files changed

+84
-104
lines changed

‎src/pages/About.jsx

Lines changed: 34 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -12,21 +12,16 @@ const About = () => {
1212
entries.forEach((entry) => {
1313
if (entry.isIntersecting) {
1414
setTimeout(() => setIsHeaderVisible(true), 200);
15-
setTimeout(() => {
16-
setVisibleCards(prev => !prev.includes(0) ? [...prev, 0] : prev);
17-
}, 600);
18-
setTimeout(() => {
19-
setVisibleCards(prev => !prev.includes(1) ? [...prev, 1] : prev);
20-
}, 1000);
15+
16+
// Mostrar ambos cards juntos (al mismo tiempo)
17+
setTimeout(() => setVisibleCards([0, 1]), 600);
18+
19+
// Iconos visibles uno a uno
2120
[0, 1, 2, 3].forEach((index) => {
2221
setTimeout(() => {
2322
setVisibleFeatures(prev => !prev.includes(index) ? [...prev, index] : prev);
2423
}, 1400 + (index * 200));
2524
});
26-
} else {
27-
setIsHeaderVisible(false);
28-
setVisibleCards([]);
29-
setVisibleFeatures([]);
3025
}
3126
});
3227
},
@@ -49,7 +44,7 @@ const About = () => {
4944
id="nosotros"
5045
className="position-relative"
5146
style={{
52-
scrollMarginTop: '70px', // <-- Esto asegura que al hacer click en el navbar, el título quede visible
47+
scrollMarginTop: '70px',
5348
paddingTop: '60px',
5449
paddingBottom: '100px',
5550
overflow: 'hidden'
@@ -60,33 +55,33 @@ const About = () => {
6055
<div className="col-12 col-lg-10">
6156
{/* Header */}
6257
<div className="row mb-5">
63-
<div className="col-12 col-lg-8 mx-auto text-center">
64-
<h2
65-
className="display-5 fw-light mb-2"
66-
style={{
67-
color: 'white',
68-
lineHeight: '1.2',
69-
letterSpacing: '-0.02em',
70-
fontWeight: '300',
71-
textShadow: '0 2px 4px rgba(0,0,0,0.3)'
72-
}}
73-
>
74-
Sobre <span style={{ color: '#8B5CF6', fontWeight: '400' }}>Nosotros</span>
75-
</h2>
76-
77-
<p
78-
className="mb-0 fs-5"
79-
style={{
80-
lineHeight: '1.6',
81-
maxWidth: '600px',
82-
margin: '0 auto',
83-
color: 'rgba(255, 255, 255, 0.8)'
84-
}}
85-
>
86-
¿Qué nos hace diferente?.
87-
</p>
88-
</div>
89-
</div>
58+
<div className="col-12 col-lg-8 mx-auto text-center">
59+
<h2
60+
className="display-5 fw-light mb-0"
61+
style={{
62+
color: 'white',
63+
lineHeight: '1.2',
64+
letterSpacing: '-0.02em',
65+
fontWeight: '300',
66+
textShadow: '0 2px 4px rgba(0,0,0,0.3)'
67+
}}
68+
>
69+
Sobre <span style={{ color: '#8B5CF6', fontWeight: '400' }}>Nosotros</span>
70+
</h2>
71+
72+
<p
73+
className="mb-0 fs-5"
74+
style={{
75+
lineHeight: '1.6',
76+
maxWidth: '600px',
77+
margin: '0 auto',
78+
color: 'rgba(255, 255, 255, 0.8)'
79+
}}
80+
>
81+
¿Qué nos hace diferentes?.
82+
</p>
83+
</div>
84+
</div>
9085

9186
{/* Content - Cards de Misión y Qué Somos */}
9287
<div className="row align-items-stretch mb-5">
@@ -184,7 +179,7 @@ const About = () => {
184179
}}>
185180
Creemos que cada mujer puede resetear su futuro y crear
186181
<span className="text-white"> valor exponencial</span>.
187-
Convertimos problemas en soluciones escalables que transforman sectores completos.
182+
Convertimos problemas en <span className="text-white">soluciones escalables</span> que transforman sectores completos.
188183
</p>
189184
</div>
190185
</div>

‎src/pages/Colaboradores.jsx

Lines changed: 17 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -79,23 +79,18 @@ const Colaboradores = () => {
7979
(entries) => {
8080
entries.forEach((entry) => {
8181
if (entry.isIntersecting) {
82-
setIsInView(true);
83-
// Animación secuencial de elementos
84-
colaboradoresData.forEach((_, index) => {
85-
setTimeout(() => {
86-
setVisibleItems(prev => {
87-
if (!prev.includes(index)) {
88-
return [...prev, index];
89-
}
90-
return prev;
91-
});
92-
}, index * 200); // 200ms entre cada elemento
93-
});
94-
} else {
95-
// Cuando sale de la vista, resetear todo
96-
setIsInView(false);
97-
setVisibleItems([]);
98-
}
82+
setIsInView(true);
83+
colaboradoresData.forEach((_, index) => {
84+
setTimeout(() => {
85+
setVisibleItems(prev => {
86+
if (!prev.includes(index)) {
87+
return [...prev, index];
88+
}
89+
return prev;
90+
});
91+
}, index * 200);
92+
});
93+
}
9994
});
10095
},
10196
{
@@ -128,7 +123,7 @@ const Colaboradores = () => {
128123
<div className="row mb-5">
129124
<div className="col-12 col-lg-8 mx-auto text-center">
130125
<h2
131-
className="display-5 fw-light mb-2"
126+
className="display-5 fw-light mb-0"
132127
style={{
133128
color: 'white',
134129
lineHeight: '1.2',
@@ -137,11 +132,11 @@ const Colaboradores = () => {
137132
textShadow: '0 2px 4px rgba(0,0,0,0.3)'
138133
}}
139134
>
140-
Colabora con <span style={{ color: '#8B5CF6', fontWeight: '400' }}>nosotras</span>
135+
Colabora con <span style={{ color: '#8B5CF6', fontWeight: '400' }}>Nosotros</span>
141136
</h2>
142137

143138
<p
144-
className="mb-4 fs-5"
139+
className="mb-1 fs-5"
145140
style={{
146141
lineHeight: '1.6',
147142
maxWidth: '600px',
@@ -283,7 +278,7 @@ const Colaboradores = () => {
283278
className="btn fw-semibold px-3 py-2"
284279
onClick={() => openWhatsAppChat(item.whatsappMessage)}
285280
style={{
286-
background: 'linear-gradient(135deg, #8B5CF6,rgb(121, 24, 160))',
281+
background: 'linear-gradient(135deg, #8B5CF6)',
287282
border: 'none',
288283
color: 'white',
289284
borderRadius: '8px',
@@ -340,7 +335,7 @@ const Colaboradores = () => {
340335
className="btn px-4 py-2 fw-semibold"
341336
onClick={handleOpenContactModal}
342337
style={{
343-
background: 'linear-gradient(135deg, #8B5CF6,rgb(121, 24, 160))',
338+
background: 'linear-gradient(135deg, #8B5CF6)',
344339
border: 'none',
345340
color: 'white',
346341
borderRadius: '8px',

‎src/pages/Pilares.jsx

Lines changed: 14 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -34,23 +34,18 @@ const Pilares = () => {
3434
(entries) => {
3535
entries.forEach((entry) => {
3636
if (entry.isIntersecting) {
37-
setIsInView(true);
38-
// Animación secuencial de elementos
39-
pilares.forEach((_, index) => {
40-
setTimeout(() => {
41-
setVisibleItems(prev => {
42-
if (!prev.includes(index)) {
43-
return [...prev, index];
44-
}
45-
return prev;
46-
});
47-
}, index * 800); // 800ms entre cada elemento
48-
});
49-
} else {
50-
// Cuando sale de la vista, resetear todo
51-
setIsInView(false);
52-
setVisibleItems([]);
53-
}
37+
setIsInView(true);
38+
pilares.forEach((_, index) => {
39+
setTimeout(() => {
40+
setVisibleItems(prev => {
41+
if (!prev.includes(index)) {
42+
return [...prev, index];
43+
}
44+
return prev;
45+
});
46+
}, index * 800);
47+
});
48+
}
5449
});
5550
},
5651
{
@@ -86,10 +81,10 @@ const Pilares = () => {
8681
>
8782
<div className="container position-relative">
8883
{/* Header */}
89-
<div className="row mb-5">
84+
<div className="row mb-0">
9085
<div className="col-12 col-lg-8 mx-auto text-center">
9186
<h2
92-
className="display-5 fw-light mb-2"
87+
className="display-5 fw-light mb-0"
9388
style={{
9489
color: 'white',
9590
lineHeight: '1.2',

‎src/pages/Products.jsx

Lines changed: 19 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -8,32 +8,27 @@ const TechEmpowermentProducts = () => {
88
const sectionRef = useRef(null);
99

1010
useEffect(() => {
11-
const observer = new IntersectionObserver(
12-
(entries) => {
13-
entries.forEach((entry) => {
14-
if (entry.isIntersecting) {
15-
setTimeout(() => setIsHeaderVisible(true), 200);
16-
setTimeout(() => {
17-
setVisibleCards(prev => !prev.includes(0) ? [...prev, 0] : prev);
18-
}, 600);
19-
setTimeout(() => {
20-
setVisibleCards(prev => !prev.includes(1) ? [...prev, 1] : prev);
21-
}, 1000);
22-
} else {
23-
setIsHeaderVisible(false);
24-
setVisibleCards([]);
25-
}
26-
});
27-
},
28-
{ threshold: 0.2, rootMargin: '0px 0px -100px 0px' }
29-
);
11+
const observer = new IntersectionObserver(
12+
(entries) => {
13+
entries.forEach((entry) => {
14+
if (entry.isIntersecting && !isHeaderVisible) {
15+
setTimeout(() => {
16+
setIsHeaderVisible(true);
17+
setVisibleCards([0, 1]); // Mostrar ambas tarjetas a la vez
18+
}, 400); // Tiempo de espera antes de mostrar (puedes ajustar)
19+
}
20+
});
21+
},
22+
{ threshold: 0.2, rootMargin: '0px 0px -100px 0px' }
23+
);
3024

31-
if (sectionRef.current) {
32-
observer.observe(sectionRef.current);
33-
}
25+
if (sectionRef.current) {
26+
observer.observe(sectionRef.current);
27+
}
28+
29+
return () => observer.disconnect();
30+
}, [isHeaderVisible]);
3431

35-
return () => observer.disconnect();
36-
}, []);
3732

3833
const projects = [
3934
{

0 commit comments

Comments
 (0)