From 23bc3b7bb4e034620789460ac05f16339f48f440 Mon Sep 17 00:00:00 2001 From: Jeff Emmett Date: Mon, 9 Mar 2026 19:05:57 -0700 Subject: [PATCH] Add FlowFi teaser page and cross-links to flowfi.network - Add /flowfi bridge page with living systems comparison - Add subtle flowfi.network links in main page and footer - Add FlowFi-specific CSS animations (breathe, flow gradient) Co-Authored-By: Claude Opus 4.6 --- app/flowfi/page.tsx | 213 ++++++++++++++++++++++++++++++++++++++++++++ app/globals.css | 39 ++++++++ app/page.tsx | 15 +++- 3 files changed, 266 insertions(+), 1 deletion(-) create mode 100644 app/flowfi/page.tsx diff --git a/app/flowfi/page.tsx b/app/flowfi/page.tsx new file mode 100644 index 0000000..f1aa295 --- /dev/null +++ b/app/flowfi/page.tsx @@ -0,0 +1,213 @@ +import type { Metadata } from 'next' +import Link from 'next/link' + +export const metadata: Metadata = { + title: 'FlowFi — Finance as Metabolism, Not Mechanism', + description: 'NoFi didn\'t mean no flows. It meant no Finance-with-a-capital-F. FlowFi is the constructive emergence — finance as invisible vascular infrastructure.', + openGraph: { + title: 'FlowFi — Finance as Metabolism, Not Mechanism', + description: 'NoFi didn\'t mean no flows. It meant no Finance-with-a-capital-F.', + url: 'https://nofi.lol/flowfi', + siteName: 'NoFi', + type: 'website', + }, +} + +export default function FlowFi() { + return ( +
+ {/* Section 1 — Hero: From NoFi to FlowFi */} +
+
+
+
+ + ← NoFi + + + the full experience flows at flowfi.network → + +

+ a movement toward movement +

+

+ FlowFi +

+

+ NoFi didn't mean no flows. +

+

+ It meant no Finance-with-a-capital-F. +

+
+
+ keep flowing (or don't) +
+
+ + {/* Section 2 — The Insight: Finance Became the Disease */} +
+
+

+ The Insight +

+
+

+ Finance was supposed to be plumbing. Invisible infrastructure that moved + resources from where they pooled to where they were needed. Boring. Essential. + Beneath the surface. +

+

+ Instead, it became a growth industry. The plumbing hired a marketing team, + went public, and started charging you for the privilege of having pipes. +

+

+ “Your body doesn't have a Federal Reserve. It has kidneys.” +

+

+ NoFi was the diagnosis. FlowFi is the prognosis: finance that dissolves + back into infrastructure. Invisible. Metabolic. Beneath the surface + where it belongs. +

+
+
+
+ + {/* Section 3 — Living Systems Comparison Table */} +
+
+

+ Finance vs. Living Systems +

+
+ + + + + + + + + {[ + ['Yield optimization', 'Nutrient cycling'], + ['Liquidity extraction', 'Osmotic balance'], + ['Centralized banking', 'Distributed capillaries'], + ['Interest rates', 'Feedback signals'], + ['Capital accumulation', 'Hoarding = disease'], + ['"Too big to fail"', 'Monoculture = fragility'], + ['Governance tokens', 'Hormones nobody voted on'], + ].map(([pathology, health], i) => ( + + + + + ))} + +
Finance PathologyLiving System Health
{pathology}{health}
+
+
+
+ + {/* Section 4 — Key Reframes */} +
+
+

+ Reframes +

+ {[ + 'Finance became the disease it claimed to cure.', + 'FlowFi is finance that forgot it was finance.', + 'From extractive to regenerative: finance as metabolism, not mechanism.', + 'The best financial system is the one you never notice.', + "Capital doesn't accumulate in healthy systems. It circulates.", + ].map((line, i) => ( +

+ {line} +

+ ))} +
+
+ + {/* Section 5 — The Meta Statement */} +
+
+

+ The Meta Statement +

+
+

+ FlowFi doesn't need a domain. Domains are infrastructure. + FlowFi is infrastructure. +

+

+ (We said that before we got{' '} + + flowfi.network + . + We contain multitudes. Also contradictions.) +

+
+
+
+ + {/* Section 6 — Footer/CTA */} +
+
+

+ Ready to flow? +

+

+ You already are. The flows don't need your permission. + They just need you to stop building dams and calling them features. +

+
+ + + ← Back to Doing Nothing + + + + + Enter flowfi.network → + + +
+

+ NoFi → FlowFi → the full experience awaits +

+

+ Part of the CoFi cinematic universe +

+
+
+ + {/* Footer */} +
+
+

FlowFi • No Rights Reserved • Flows Freely

+

+ A proud tributary of the CoFi cinematic universe +

+
+
+
+ ) +} diff --git a/app/globals.css b/app/globals.css index ce8f413..a755b94 100644 --- a/app/globals.css +++ b/app/globals.css @@ -5,6 +5,7 @@ --color-nothing: #1a1a2e; --color-less: #16213e; --color-anti-green: #e94560; + --color-flow-green: #2dd4bf; --color-zen: #f5f5dc; --color-sloth: #c3b091; --font-family-mono: "Courier New", monospace; @@ -80,3 +81,41 @@ border-radius: 2px; opacity: 0.6; } + +/* FlowFi animations */ +@keyframes flow { + 0%, 100% { background-position: 0% 50%; } + 50% { background-position: 100% 50%; } +} + +@keyframes breathe { + 0%, 100% { transform: scale(1); } + 50% { transform: scale(1.02); } +} + +.animate-flow { + animation: flow 8s ease-in-out infinite; + background-size: 200% 200%; +} + +.animate-breathe { + animation: breathe 6s ease-in-out infinite; +} + +/* FlowFi scrawl underline */ +.scrawl-underline-flow { + position: relative; + display: inline-block; +} +.scrawl-underline-flow::after { + content: ''; + position: absolute; + left: -5%; + bottom: -4px; + width: 110%; + height: 3px; + background: var(--color-flow-green); + transform: rotate(-0.5deg) scaleX(0.95); + border-radius: 2px; + opacity: 0.6; +} diff --git a/app/page.tsx b/app/page.tsx index bc1602d..4ef546e 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,3 +1,5 @@ +import Link from 'next/link' + export default function Home() { return (
@@ -206,6 +208,17 @@ export default function Home() { (We would have written more but that felt like too much effort)

+ + but what if doing nothing was actually doing something? → + + + (the flows are already moving at flowfi.network) + @@ -281,7 +294,7 @@ export default function Home() {

NoFi • No Rights Reserved • Please Don't Steal This (There's Nothing To Steal)

- A proud member of the CoFi cinematic universe + A proud member of the CoFi cinematic universe • FlowFi • flowfi.network