[{"_1":2,"_130":-5,"_131":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_55":56,"_57":58,"_59":58,"_60":61,"_62":58,"_63":41,"_64":41,"_65":58,"_66":58,"_67":58,"_68":17,"_69":25,"_70":-5,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":-5,"_79":17,"_80":81,"_126":31,"_127":128,"_129":17},"id","fb047df120daa3c44553","isMyApp",false,"name","Cambrian Ecosystem","description","A brutally cyberpunk landing page that transforms boring navigation into an interactive blockchain where each link is a glowing block in the chain. Features neon-soaked aesthetics, matrix-style animations, and a hero that screams \"welcome to the future of decentralized ecosystems.\" Your visitors won't just click links—they'll mine their way through the Cambrian network like digital archaeologists.","brief","Navigate the Cambrian ecosystem through an interactive cyberpunk blockchain - links have never looked this badass.","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/fb047df120daa3c44553/93856_34f31b86.webp","cdnUrl","https://cdn.dev.fun/app/fb047df120daa3c44553/93856","createdAt",["D",1754934656119],"updatedAt",["D",1755093999228],"lastCommitId",["B","93856"],"tier",1,"credits",-1,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"744176e3-4cdf-44bb-9f50-010421a983fb","uniqueId","HTt93hUdhGtDiDdJdcgyG8SYaNuVuMpuQg716Zt8EAn5","username","solanaWallet","displayName","HTt...An5","bio","avatar","/avatar.svg","commitCount",9,"forkCount",0,"likeCount","runsCount",27,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect } from 'react';\nimport { Zap, Shield, Database, MoreHorizontal } from 'lucide-react';\nexport default function App() {\n const [matrixChars, setMatrixChars] = useState([]);\n const [activeBlock, setActiveBlock] = useState(null);\n useEffect(() => {\n const favicon = document.querySelector(\"link[rel*='icon']\") || document.createElement('link');\n favicon.type = 'image/svg+xml';\n favicon.rel = 'shortcut icon';\n favicon.href = `data:image/svg+xml,${encodeURIComponent(`\n \n `)}`;\n document.getElementsByTagName('head')[0].appendChild(favicon);\n }, []);\n const links = [{\n name: '1v1me.me',\n url: '#',\n icon: ,\n status: 'coming-soon',\n description: 'Nextgen Launchpad'\n }, {\n name: 'Cambrian Protocol',\n url: 'https://cambrianprotocol.com/',\n icon: ,\n status: 'online',\n description: 'Future of Work'\n }, {\n name: 'Cambrian Data',\n url: 'https://www.cambriandata.ca/',\n icon: ,\n status: 'online',\n description: 'Enterprise Solutions'\n }, {\n name: 'More',\n url: 'https://cambrianecosystem.notion.site/Cambrian-Ecosystem-Overview-1af2c6776f53808ab2b2cf66f5c93ecf',\n icon: ,\n status: 'online',\n description: 'Ecosystem Map'\n }];\n useEffect(() => {\n const chars = '01アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン';\n const columns = Math.floor(window.innerWidth / 20);\n const drops = [];\n for (let i = 0; i < columns; i++) {\n drops[i] = 1;\n }\n const interval = setInterval(() => {\n setMatrixChars(prevChars => {\n const newChars = [...prevChars];\n for (let i = 0; i < columns; i++) {\n if (Math.random() > 0.975) {\n const char = chars[Math.floor(Math.random() * chars.length)];\n newChars[i] = {\n char,\n x: i * 20,\n y: drops[i] * 20,\n opacity: Math.random()\n };\n if (drops[i] * 20 > window.innerHeight && Math.random() > 0.975) {\n drops[i] = 0;\n }\n drops[i]++;\n }\n }\n return newChars;\n });\n }, 150);\n return () => clearInterval(interval);\n }, []);\n const handleLinkClick = (url, status) => {\n if (status === 'offline') {\n alert('// ACCESS DENIED: NODE OFFLINE //');\n return;\n }\n if (status === 'coming-soon') {\n alert('// CONTACT: paul@cambrian.eco //');\n return;\n }\n window.open(url, '_blank');\n };\n return

\n {}\n

\n {matrixChars.map((char, i) => char && \n {char.char}\n )}\n

\n {}\n

\n CAMBRIAN\n

\n ECOSYSTEM\n

\n {'> POWERING HYPERLINK LATTICE...'}\n

\n {}\n

{'// BLOCKCHAIN NAVIGATION //'}

{'CLICK TO MINE THROUGH THE NETWORK'}

\n {links.map((link, index) =>

\n {}\n {index < links.length - 1 && }\n {}\n

handleLinkClick(link.url, link.status)} onMouseEnter={() => setActiveBlock(index)} onMouseLeave={() => setActiveBlock(null)}>\n {}\n

\n {}\n

\n {link.icon}\n

\n {link.name}\n

{link.description}

\n {link.status === 'online' ? '● ONLINE' : link.status === 'coming-soon' ? '● COMING SOON' : '● OFFLINE'}\n

\n {}\n

\n {`#${Math.random().toString(36).substr(2, 8)}`}\n

\n {}\n {activeBlock === index &&

}\n

)}\n

\n {}\n

\n {'> CAMBRIAN ECOSYSTEM V1.0.0 | '}\n \n MESSAGE US\n \n

\n {'WARNING: YOU ARE NOW ENTERING THE DIGITAL FRONTIER (voiced with echo)'}\n

\n \n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\"}}","appFunctions",[],"token","upstreamApp","isLordOfDev","analytics",[82,86,88,90,92,94,96,98,100,102,104,106,108,110,112,114,116,118,119,121,123,124,125],{"_83":84,"_85":58},"day","2025-08-09","runCount",{"_83":87,"_85":58},"2025-08-10",{"_83":89,"_85":58},"2025-08-11",{"_83":91,"_85":58},"2025-08-12",{"_83":93,"_85":58},"2025-08-13",{"_83":95,"_85":58},"2025-08-14",{"_83":97,"_85":58},"2025-08-15",{"_83":99,"_85":58},"2025-08-16",{"_83":101,"_85":58},"2025-08-17",{"_83":103,"_85":58},"2025-08-18",{"_83":105,"_85":58},"2025-08-19",{"_83":107,"_85":58},"2025-08-20",{"_83":109,"_85":58},"2025-08-21",{"_83":111,"_85":58},"2025-08-22",{"_83":89,"_85":113},7,{"_83":91,"_85":115},6,{"_83":93,"_85":117},4,{"_83":95,"_85":41},{"_83":97,"_85":120},3,{"_83":103,"_85":122},2,{"_83":105,"_85":41},{"_83":107,"_85":41},{"_83":111,"_85":122},"snapshot","ogImage","https://cdn.dev.fun/og/image/fb047df120daa3c44553/ada4af48.webp","isDevbase","actionData","errors"]

say something