The source code for our eny.social landing page, which is mirrored in a different repository as part of the CI setup.
eny.social
social-network
eny
local-first
feat(ValueCards): even more staggering
+4
-1
+4
-1
app/components/ValueCards.tsx
+4
-1
app/components/ValueCards.tsx
···
1
+
import FadeIn from "./ui/FadeIn";
2
+
1
3
export default function ValueCards() {
2
4
const cards = [
3
5
{
···
95
97
<div className="relative">
96
98
<div className="hide-scrollbar flex gap-6 overflow-x-auto pb-4 -ml-[140px] -mr-[140px] lg:-ml-[80px] lg:-mr-[80px] pl-0 pr-0 lg:justify-center items-center">
97
99
{cards.map((card, i) => (
100
+
<FadeIn key={i} delay={i * 120}>
98
101
<div
99
-
key={i}
100
102
className={`relative shrink-0 overflow-hidden ${
101
103
card.shape === "star"
102
104
? "min-w-[320px] max-w-[320px] aspect-square flex items-center justify-center p-8"
···
144
146
</div>
145
147
)}
146
148
</div>
149
+
</FadeIn>
147
150
))}
148
151
</div>
149
152
</div>