mirror of
https://github.com/zoo-apps/industries.git
synced 2026-10-30 14:57:03 +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]>
92 lines
3.6 KiB
TypeScript
92 lines
3.6 KiB
TypeScript
"use client";
|
|
|
|
import { motion } from "framer-motion";
|
|
import { Reveal } from "@/components/Reveal";
|
|
|
|
/**
|
|
* Closing slide — the call to enter the protocol.
|
|
*
|
|
* Not a fundraising ask. This is positioned as the action a visitor
|
|
* takes after reading the narrative: open the liquidity protocol, try
|
|
* the Zen AI app, or read the research. The footer compliance line is
|
|
* kept (regulated path via ) so the page reads as the
|
|
* for-profit front-end of a charitable foundation, not a pitch deck.
|
|
*/
|
|
export default function AccessProtocol() {
|
|
return (
|
|
<section
|
|
id="access"
|
|
data-slide
|
|
className="min-h-[100svh] flex items-center snap-start py-20 md:py-28 px-4 sm:px-6 lg:px-8"
|
|
style={{
|
|
backgroundColor: "color-mix(in oklab, var(--brand-magenta) 16%, transparent)",
|
|
}}
|
|
>
|
|
<div className="max-w-4xl mx-auto w-full">
|
|
<Reveal>
|
|
<div className="relative border-2 border-black bg-[var(--brand-magenta)] text-black p-8 sm:p-10 md:p-14 shadow-[6px_6px_0_0_#000] md:shadow-[12px_12px_0_0_#000] text-center transform-gpu">
|
|
<span className="inline-block mb-5 px-3 py-1 bg-black text-white text-[10px] sm:text-xs font-extrabold uppercase tracking-[0.18em]">
|
|
Open access · On-chain
|
|
</span>
|
|
<h2 className="text-3xl sm:text-4xl md:text-5xl font-extrabold uppercase tracking-tight leading-tight">
|
|
The open AI economy is on-chain.
|
|
</h2>
|
|
<p className="mt-5 sm:mt-6 max-w-2xl mx-auto text-sm sm:text-base md:text-lg font-medium leading-relaxed">
|
|
Zoo Industries opens regulated access to trillions in digital
|
|
securities through an integrated liquidity protocol — and runs
|
|
the Zen5 model family on top of that infrastructure. Every
|
|
transaction settles natively on chain. Every model ships open.
|
|
</p>
|
|
|
|
<div className="mt-8 sm:mt-10 flex flex-col sm:flex-row gap-3 sm:gap-4 justify-center items-stretch sm:items-center">
|
|
<a
|
|
href="https://docs.zoo.ngo"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
<motion.button
|
|
whileHover={{ y: -2 }}
|
|
whileTap={{ y: 0 }}
|
|
className="w-full sm:w-auto btn-brutalist bg-white text-base sm:text-lg"
|
|
>
|
|
Open the protocol
|
|
</motion.button>
|
|
</a>
|
|
<a
|
|
href="https://zoo.ngo"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
<motion.button
|
|
whileHover={{ y: -2 }}
|
|
whileTap={{ y: 0 }}
|
|
className="w-full sm:w-auto btn-brutalist bg-black text-white text-base sm:text-lg"
|
|
>
|
|
Try Zen AI
|
|
</motion.button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</Reveal>
|
|
|
|
<Reveal delay={0.15}>
|
|
<p className="mt-8 text-center text-xs sm:text-sm text-muted-foreground max-w-3xl mx-auto leading-relaxed">
|
|
Digital securities are offered through{" "}
|
|
<a
|
|
href="https://"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="underline underline-offset-4 hover:no-underline"
|
|
>
|
|
|
|
</a>
|
|
, a SEC-registered broker-dealer and ATS. Zoo Labs Foundation is a
|
|
501(c)(3) tax-exempt non-profit (EIN 88-3538992). Zoo Industries is
|
|
its for-profit operating front-end.
|
|
</p>
|
|
</Reveal>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|