Euclidprotocol Landing
Euclid is a decentralized unified cross-chain liquidity infrastructure that any application across the blockchain can tap into for a unified source of liquidity.
Built with
- React.js
- Next.js
- TailwindCSS
- ShadCN
- Framer motion
- Zustand
The problem
A protocol landing page is measured on two things a general marketing site is not: whether it explains a genuinely complex technical idea to a mixed audience of developers and users, and whether search engines can find it at all — which for a JavaScript-heavy site is not automatic.
How it was built
Built the landing page for a cross-chain liquidity protocol with SEO as an explicit objective rather than an afterthought, which for a Next.js site means server-rendered content, real metadata, and structured markup rather than a client-rendered shell.
Conversion-driven design: the page's job is to move a visitor toward using the protocol, so the structure follows what a visitor needs to believe in order to do that, in order.
Framer Motion for interaction, kept subordinate to legibility — motion that delays comprehension on a page whose main challenge is comprehension is a net loss.
Why this stack
- Next.js server rendering — content present in the HTML for crawlers rather than assembled client-side.
- Zustand and ShadCN — shared state and a consistent component layer.
Outcome
- Completed and live at euclidprotocol.io as a company project.
Want something like this built?
I build across Web3, AI, and financial infrastructure — smart contracts, data pipelines, LLM systems, and the interfaces on top.