mirror of
https://github.com/zoo-apps/industries.git
synced 2026-11-03 14:57:13 +00:00
zooqueenandHanzo Dev
19905ecd56
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]>
56 lines
1.8 KiB
TypeScript
56 lines
1.8 KiB
TypeScript
"use client";
|
|
|
|
import Masthead3 from "@/components/homepage3/Masthead3";
|
|
import Hero3 from "@/components/homepage3/Hero3";
|
|
import Opportunity3 from "@/components/homepage3/Opportunity3";
|
|
import Path3 from "@/components/homepage3/Path3";
|
|
import Comparables3 from "@/components/homepage3/Comparables3";
|
|
import Stack3 from "@/components/homepage3/Stack3";
|
|
import Foundation3 from "@/components/homepage3/Foundation3";
|
|
import Leadership3 from "@/components/homepage3/Leadership3";
|
|
import Traction3 from "@/components/homepage3/Traction3";
|
|
import Access3 from "@/components/homepage3/Access3";
|
|
import Colophon3 from "@/components/homepage3/Colophon3";
|
|
|
|
/**
|
|
* /homepage3 — "The Quarterly".
|
|
*
|
|
* Trusted-institution editorial layout. Aesthetic references: Bloomberg
|
|
* print spreads, Stripe Atlas, BlackRock investor decks, Council on
|
|
* Foreign Relations long-reads. The page is paginated as if it were an
|
|
* annual report — masthead with volume/issue, ornamental dividers,
|
|
* tabular figures, drop caps on the lead, a colophon at the foot.
|
|
*
|
|
* Type system: serif (Times / Tiempos fallback) across display *and*
|
|
* body. Sans only on labels and tabular numerals.
|
|
*
|
|
* Palette: cream paper ``#f5efe0``, ink ``#1a1308``, single wax-seal
|
|
* accent ``#7a2e2e``. Hairlines at ``rgba(26,19,8,0.18)``.
|
|
*/
|
|
export default function PageClient() {
|
|
return (
|
|
<main
|
|
className="antialiased"
|
|
style={{
|
|
backgroundColor: "#f5efe0",
|
|
color: "#1a1308",
|
|
minHeight: "100vh",
|
|
fontFamily:
|
|
'"Times New Roman", "Tiempos Text", Georgia, "Iowan Old Style", serif',
|
|
}}
|
|
>
|
|
<Masthead3 />
|
|
<Hero3 />
|
|
<Opportunity3 />
|
|
<Path3 />
|
|
<Comparables3 />
|
|
<Stack3 />
|
|
<Foundation3 />
|
|
<Leadership3 />
|
|
<Traction3 />
|
|
<Access3 />
|
|
<Colophon3 />
|
|
</main>
|
|
);
|
|
}
|