Build the AI Growth Technologies homepage

Dark cinematic redesign: animated globe hero, stats, interactive
capabilities engine, proprietary technology visuals, AI discovery,
attribution journey, connections manifesto, CTA and footer.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Alejandro Veras
2026-10-08 15:44:57 -04:00
parent 62539b2929
commit 5134fbfb73
17 changed files with 3242 additions and 98 deletions
+25
View File
@@ -0,0 +1,25 @@
"use client";
import { useEffect } from "react";
/** Adds `is-in` to every `[data-reveal]` / `[data-reveal-group]` element as it scrolls into view. */
export default function RevealObserver() {
useEffect(() => {
const targets = document.querySelectorAll<HTMLElement>("[data-reveal], [data-reveal-group]");
const io = new IntersectionObserver(
(entries) => {
for (const entry of entries) {
if (entry.isIntersecting) {
entry.target.classList.add("is-in");
io.unobserve(entry.target);
}
}
},
{ rootMargin: "0px 0px -12% 0px", threshold: 0.12 },
);
targets.forEach((el) => io.observe(el));
return () => io.disconnect();
}, []);
return null;
}