Files
industries/components/homepage3/Colophon3.tsx
zooqueenandHanzo Dev 19905ecd56 Homepage redesign: investor-narrative slide deck + editorial variant
Adds three home compositions sharing the same investor narrative:

- / (canonical) — restored old composition with Hero + zoo composite,
  Ecosystem, ZooLabsNarrative, ServicesOverview, ResearchHighlights,
  Leadership, TrustedBy, Contact. Adds polished motion (Reveal,
  Parallax wrappers, scroll-linked Hero drift), softer brutalist reset
  (rounded utilities now opt-in), and a Zen5 rainbow-gradient top
  banner.

- /homepage1 — backup of the previous / composition (noindex).

- /homepage2 — 10-slide deck with snap-mandatory CSS scroll snap,
  side-rail slide indicator, alternating brand-color slide washes,
  CSS-3D AI-coin scene behind the Hero (Zen5 family + Cloud / Network
  spokes, perspective + per-coin float keyframes, light blur),
  network-mesh edges, Foundation + Leadership + Traction + Access
  slides, plus the AI-native market-cap composite with NVIDIA as
  public-market comparable.

- /homepage3 — editorial 'Quarterly' variant with serif display,
  masthead, drop cap, ornamental dividers, chapter framing, and a
  colophon footer. Wax-seal red accent on a cream paper surface.

Other changes:
- Navbar: drop rounded floating pill in favour of sharp transparent
  bar with a sharp backdrop-blur strip + border-b-2 black on scroll.
- TopBanner: animated rainbow gradient background (300% width,
  background-position keyframe, prefers-reduced-motion aware).
- Leadership / TeamMemberCard: rounded-full avatars (override the
  brutalist global border-radius reset via data-circle).
- Ecosystem strip: render JPGs at /public/ecosystem/*.jpg with
  emoji fallback only when an image is missing (bear, drought, lake,
  eagle, forest, whale).
- TheStack: each layer card is now a click target to its live
  domain (zenlm.org, zoo.cloud, zoo.network, zoo.fund, zoo.vote).
- public/: new /hero/zooimg.png, /ecosystem/*.jpg, /pe/*.png.
- Reveal / Parallax / ParallaxDivider / ParallaxBackground /
  CoinScene / SlideIndicator / SlideParallax / NetworkAnimation
  primitives under components/.

Co-authored-by: Hanzo Dev <[email protected]>
2026-05-18 22:22:51 -07:00

65 lines
2.3 KiB
TypeScript

"use client";
/**
* Colophon — the closing print-style footer. Names the parent
* foundation, the regulated path, EIN, and the standard accredited-
* investor / informational language. Sits below all chapters as the
* "publication notes" of the page.
*/
export default function Colophon3() {
return (
<footer
className="px-6 sm:px-10 lg:px-16 py-16 sm:py-24 border-t"
style={{ borderColor: "rgba(26,19,8,0.35)" }}
>
<div className="max-w-5xl mx-auto grid grid-cols-1 md:grid-cols-12 gap-10">
<div className="md:col-span-4">
<div
className="text-[10px] sm:text-xs uppercase tracking-[0.32em] font-semibold mb-3"
style={{ color: "rgba(26,19,8,0.55)" }}
>
Colophon
</div>
<div
className="text-xl sm:text-2xl tracking-tight italic"
style={{ fontWeight: 500 }}
>
Zoo Industries · The Quarterly
</div>
<div
className="mt-3 text-sm leading-[1.7]"
style={{ color: "rgba(26,19,8,0.7)" }}
>
Vol. I &middot; The Open AI Economy &middot; MMXXVI
</div>
</div>
<div className="md:col-span-8 text-sm sm:text-base leading-[1.8]" style={{ color: "rgba(26,19,8,0.75)" }}>
<p>
<strong style={{ fontWeight: 600 }}>Publisher.</strong> Zoo Labs
Foundation — a 501(c)(3) tax-exempt non-profit, EIN 88-3538992 —
owns the open-source commons. Zoo Industries Inc. is its
for-profit operating front-end.
</p>
<p className="mt-4">
<strong style={{ fontWeight: 600 }}>Securities.</strong> Digital
securities are offered through{" "}
<a
href="https://"
target="_blank"
rel="noopener noreferrer"
className="rounded underline underline-offset-[5px] decoration-[1.5px]"
style={{ textDecorationColor: "rgba(26,19,8,0.35)" }}
>
</a>
, a SEC-registered broker-dealer and ATS, and are limited to
accredited investors. This page is informational only and not
an offer to sell securities.
</p>
</div>
</div>
</footer>
);
}