Skip to content

feat: reference evm subdocs in landing page #264

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
alexander-sei merged 3 commits into from
Mar 26, 2025
Merged

feat: reference evm subdocs in landing page #264

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
ab8816d
add evm card to lp; section titles; improvements
Mar 26, 2025
b3916dd
improvements
Mar 26, 2025
5171aae
Light mode fix for card
alexander-sei Mar 26, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
164 changes: 114 additions & 50 deletions content/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,15 @@
title: 'Home'
---

import { IconBolt, IconCode, IconClipboardText, IconLock, IconWallet, IconBook, IconTerminal2, IconServer, IconDeviceDesktop, IconExternalLink, IconChevronRight } from '@tabler/icons-react';
import { IconBolt, IconCode, IconClipboardText, IconLock, IconWallet, IconBook, IconTerminal2, IconServer, IconDeviceDesktop, IconExternalLink, IconChevronRight, IconRocket } from '@tabler/icons-react';
import { OfficeHoursCard, EvmWalletConnect, NetworkTabs } from '../src/components';
import HeaderIcon from '../public/assets/header.svg';
import Image from 'next/image';

<div className="flex flex-col items-center w-full mb-12">
<div className="flex flex-col items-center mb-6">
<Image priority src={HeaderIcon} alt="Sei Network" className="max-w-[280px] bg-transparent mb-5" />
<h1 className="text-3xl font-bold text-center mb-4">Sei Documentation</h1>
<Image priority src={HeaderIcon} alt="Sei Network" className="max-w-[400px] bg-transparent mb-5" />
<h1 className="text-4xl font-bold text-center mb-4">Sei Documentation</h1>
</div>
<p className="text-lg text-neutral-600 dark:text-neutral-400 text-center max-w-2xl mb-6">
The first parallelized EVM blockchain delivering unmatched scalability and speed.
Expand All @@ -24,62 +24,126 @@ import Image from 'next/image';
<OfficeHoursCard />
</div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-10">
<a href="/evm/evm-general" className="group flex items-center justify-between rounded-xl p-6 bg-neutral-900/5 dark:bg-neutral-900/20 border border-neutral-200/50 dark:border-neutral-800/50 hover:bg-white dark:hover:bg-neutral-900 hover:border-neutral-300 dark:hover:border-neutral-700 transition-all">
<div className="flex items-center gap-4">
<IconCode className="h-6 w-6 text-neutral-800 dark:text-neutral-300" />
<div>
<h3 className="text-lg font-medium text-neutral-800 dark:text-neutral-200">Deploy a smart contract</h3>
<p className="text-sm text-neutral-600 dark:text-neutral-400">Deploy EVM contracts with 100x better performance than standard Ethereum.</p>
</div>
<div className="mb-10">
<div className="flex items-center mb-5">
<div className="mr-3 w-5 h-5 bg-gradient-to-br from-red-700/70 to-red-900/70 dark:from-red-700/70 dark:to-red-800/70 rounded-sm shadow-sm flex items-center justify-center">
<IconRocket className="w-3 h-3 text-white" />
</div>
<IconChevronRight className="h-4 w-4 text-neutral-500" />
</a>
<h2 className="text-xl font-medium">Sei EVM</h2>
</div>

<a href="/evm/building-a-frontend" className="group flex items-center justify-between rounded-xl p-6 bg-neutral-900/5 dark:bg-neutral-900/20 border border-neutral-200/50 dark:border-neutral-800/50 hover:bg-white dark:hover:bg-neutral-900 hover:border-neutral-300 dark:hover:border-neutral-700 transition-all">
<div className="flex items-center gap-4">
<IconBolt className="h-6 w-6 text-neutral-800 dark:text-neutral-300" />
<div>
<h3 className="text-lg font-medium text-neutral-800 dark:text-neutral-200">Build a frontend</h3>
<p className="text-sm text-neutral-600 dark:text-neutral-400">Create powerful dApps with Sei's fast finality and high throughput.</p>
<div className="grid grid-cols-1 gap-4">
<a href="/evm" className="group flex items-start justify-between rounded-xl p-6 bg-neutral-900/5 dark:bg-neutral-900/20 border border-neutral-200/50 dark:border-neutral-800/50 hover:bg-white dark:hover:bg-neutral-900 hover:border-neutral-300 dark:hover:border-neutral-700 transition-all relative overflow-hidden">
<div className="absolute top-0 right-0 w-1/2 h-full bg-gradient-to-l from-red-500/10 to-transparent pointer-events-none"></div>
<div className="flex items-start gap-5 z-10">
<div className="flex-shrink-0 w-10 h-10 rounded-full bg-gradient-to-br from-red-500/60 to-red-700/70 flex items-center justify-center shadow-md">
<IconRocket className="h-5 w-5 text-white" />
</div>
<div className="max-w-2xl">
<h3 className="text-lg md:text-xl font-bold text-neutral-800 dark:text-neutral-200 mb-2">High-Performance Ethereum Compatibility</h3>
<p className="text-neutral-300 mb-4 text-neutral-800 dark:text-neutral-200 text-sm md:text-base">Explore Sei's revolutionary EVM implementation with unprecedented 600ms block times, 20,000 TPS throughput, and seamless Ethereum tooling compatibility.</p>
<div className="flex flex-wrap gap-3">
<a href="/evm/evm-hardhat" className="px-3 py-1.5 text-neutral-800 dark:text-neutral-200 bg-neutral-900/5 dark:bg-neutral-900/20 border border-neutral-200/50 dark:border-neutral-800/50 hover:bg-white dark:hover:bg-neutral-900 hover:border-neutral-300 dark:hover:border-neutral-700 rounded-lg backdrop-blur-sm transition-all flex items-center">
<div className="w-1.5 h-1.5 rounded-full bg-red-500/70 mr-2"></div>
<span className="text-sm font-medium">Sei EVM with Hardhat</span>
<IconChevronRight className="h-3.5 w-3.5 text-neutral-400 ml-1.5" />
</a>
<a href="/evm/evm-foundry" className="px-3 py-1.5 text-neutral-800 dark:text-neutral-200 bg-neutral-900/5 dark:bg-neutral-900/20 border border-neutral-200/50 dark:border-neutral-800/50 hover:bg-white dark:hover:bg-neutral-900 hover:border-neutral-300 dark:hover:border-neutral-700 rounded-lg backdrop-blur-sm transition-all flex items-center">
<div className="w-1.5 h-1.5 rounded-full bg-red-500/70 mr-2"></div>
<span className="text-sm font-medium">Sei EVM with Foundry</span>
<IconChevronRight className="h-3.5 w-3.5 text-neutral-400 ml-1.5" />
</a>
<a href="/evm/nft-contract-tutorial" className="px-3 py-1.5 text-neutral-800 dark:text-neutral-200 bg-neutral-900/5 dark:bg-neutral-900/20 border border-neutral-200/50 dark:border-neutral-800/50 hover:bg-white dark:hover:bg-neutral-900 hover:border-neutral-300 dark:hover:border-neutral-700 rounded-lg backdrop-blur-sm transition-all flex items-center">
<div className="w-1.5 h-1.5 rounded-full bg-red-500/70 mr-2"></div>
<span className="text-sm font-medium">NFT Contract Tutorial</span>
<IconChevronRight className="h-3.5 w-3.5 text-neutral-400 ml-1.5" />
</a>
</div>
</div>
</div>
</div>
<IconChevronRight className="h-4 w-4 text-neutral-500" />
</a>
<div className="flex items-center justify-center w-8 h-8 rounded-full bg-neutral-800/50 dark:bg-neutral-800/70 backdrop-blur-sm group-hover:bg-neutral-700/80 transition-colors duration-300">
<IconChevronRight className="h-4 w-4 text-white" />
</div>
</a>
</div>
</div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-10">
<a href="/node" className="group flex items-center justify-between rounded-xl p-6 bg-neutral-900/5 dark:bg-neutral-900/20 border border-neutral-200/50 dark:border-neutral-800/50 hover:bg-white dark:hover:bg-neutral-900 hover:border-neutral-300 dark:hover:border-neutral-700 transition-all">
<div className="flex items-start gap-4">
<IconLock className="h-6 w-6 text-neutral-800 dark:text-neutral-300 flex-shrink-0 mt-1" />
<div className="flex-1">
<h3 className="text-lg font-medium text-neutral-800 dark:text-neutral-200">Run a node</h3>
<p className="text-sm text-neutral-600 dark:text-neutral-400 mb-3">Participate in the Sei network by running:</p>
<div className="space-y-2">
<a href="/node/node-operators" className="text-xs flex items-center text-neutral-600 dark:text-neutral-400 hover:text-neutral-800 dark:hover:text-neutral-200 transition-colors">
<IconServer className="h-3.5 w-3.5 mr-1.5 flex-shrink-0" />
<span>Full Node</span>
</a>
<a href="/node/validators" className="text-xs flex items-center text-neutral-600 dark:text-neutral-400 hover:text-neutral-800 dark:hover:text-neutral-200 transition-colors">
<IconLock className="h-3.5 w-3.5 mr-1.5 flex-shrink-0" />
<span>Validator Node</span>
</a>
<div className="mb-10">
<div className="flex items-center mb-5">
<div className="mr-3 w-5 h-5 bg-gradient-to-br from-neutral-800 to-neutral-900 dark:from-neutral-700 dark:to-neutral-800 rounded-sm shadow-sm flex items-center justify-center">
<IconCode className="w-3 h-3 text-white" />
</div>
<h2 className="text-xl font-medium">Development</h2>
</div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<a href="/evm/evm-general" className="group flex items-center justify-between rounded-xl p-6 bg-neutral-900/5 dark:bg-neutral-900/20 border border-neutral-200/50 dark:border-neutral-800/50 hover:bg-white dark:hover:bg-neutral-900 hover:border-neutral-300 dark:hover:border-neutral-700 transition-all">
<div className="flex items-center gap-4">
<IconCode className="h-6 w-6 text-neutral-800 dark:text-neutral-300" />
<div>
<h3 className="text-lg font-medium text-neutral-800 dark:text-neutral-200">Deploy a smart contract</h3>
<p className="text-sm text-neutral-600 dark:text-neutral-400">Deploy EVM contracts with 100x better performance than standard Ethereum.</p>
</div>
</div>
</div>
<IconChevronRight className="h-4 w-4 text-neutral-500" />
</a>

<a href="/evm/solidity-resources" className="group flex items-center justify-between rounded-xl p-6 bg-neutral-900/5 dark:bg-neutral-900/20 border border-neutral-200/50 dark:border-neutral-800/50 hover:bg-white dark:hover:bg-neutral-900 hover:border-neutral-300 dark:hover:border-neutral-700 transition-all">
<div className="flex items-start gap-4">
<IconClipboardText className="h-6 w-6 text-neutral-800 dark:text-neutral-300 flex-shrink-0 mt-1" />
<div className="flex-1">
<h3 className="text-lg font-medium text-neutral-800 dark:text-neutral-200">Tools & Integrations</h3>
<p className="text-sm text-neutral-600 dark:text-neutral-400">Discover the ecosystem of tools and integrations.</p>
<IconChevronRight className="h-4 w-4 text-neutral-500" />
</a>

<a href="/evm/building-a-frontend" className="group flex items-center justify-between rounded-xl p-6 bg-neutral-900/5 dark:bg-neutral-900/20 border border-neutral-200/50 dark:border-neutral-800/50 hover:bg-white dark:hover:bg-neutral-900 hover:border-neutral-300 dark:hover:border-neutral-700 transition-all">
<div className="flex items-center gap-4">
<IconBolt className="h-6 w-6 text-neutral-800 dark:text-neutral-300" />
<div>
<h3 className="text-lg font-medium text-neutral-800 dark:text-neutral-200">Build a frontend</h3>
<p className="text-sm text-neutral-600 dark:text-neutral-400">Create powerful dApps with Sei's fast finality and high throughput.</p>
</div>
</div>
<IconChevronRight className="h-4 w-4 text-neutral-500" />
</a>

</div>
</div>

<div className="mb-10">
<div className="flex items-center mb-5">
<div className="mr-3 w-5 h-5 bg-gradient-to-br from-neutral-800 to-neutral-900 dark:from-neutral-700 dark:to-neutral-800 rounded-sm shadow-sm flex items-center justify-center">
<IconServer className="w-3 h-3 text-white" />
</div>
<IconChevronRight className="h-4 w-4 text-neutral-500" />
</a>
<h2 className="text-xl font-medium">Infrastructure & Tools</h2>
</div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<a href="/node" className="group flex items-center justify-between rounded-xl p-6 bg-neutral-900/5 dark:bg-neutral-900/20 border border-neutral-200/50 dark:border-neutral-800/50 hover:bg-white dark:hover:bg-neutral-900 hover:border-neutral-300 dark:hover:border-neutral-700 transition-all">
<div className="flex items-start gap-4">
<IconLock className="h-6 w-6 text-neutral-800 dark:text-neutral-300 flex-shrink-0 mt-1" />
<div className="flex-1">
<h3 className="text-lg font-medium text-neutral-800 dark:text-neutral-200">Run a node</h3>
<p className="text-sm text-neutral-600 dark:text-neutral-400 mb-3">Participate in the Sei network by running:</p>
<div className="space-y-2">
<a href="/node/node-operators" className="text-xs flex items-center text-neutral-600 dark:text-neutral-400 hover:text-neutral-800 dark:hover:text-neutral-200 transition-colors">
<IconServer className="h-3.5 w-3.5 mr-1.5 flex-shrink-0" />
<span>Full Node</span>
</a>
<a href="/node/validators" className="text-xs flex items-center text-neutral-600 dark:text-neutral-400 hover:text-neutral-800 dark:hover:text-neutral-200 transition-colors">
<IconLock className="h-3.5 w-3.5 mr-1.5 flex-shrink-0" />
<span>Validator Node</span>
</a>
</div>
</div>
</div>
<IconChevronRight className="h-4 w-4 text-neutral-500" />
</a>

<a href="/evm/solidity-resources" className="group flex items-center justify-between rounded-xl p-6 bg-neutral-900/5 dark:bg-neutral-900/20 border border-neutral-200/50 dark:border-neutral-800/50 hover:bg-white dark:hover:bg-neutral-900 hover:border-neutral-300 dark:hover:border-neutral-700 transition-all">
<div className="flex items-start gap-4">
<IconClipboardText className="h-6 w-6 text-neutral-800 dark:text-neutral-300 flex-shrink-0 mt-1" />
<div className="flex-1">
<h3 className="text-lg font-medium text-neutral-800 dark:text-neutral-200">Tools & Integrations</h3>
<p className="text-sm text-neutral-600 dark:text-neutral-400">Discover the ecosystem of tools and integrations.</p>
</div>
</div>
<IconChevronRight className="h-4 w-4 text-neutral-500" />
</a>

</div>
</div>

<div className="p-6 mb-10 rounded-xl bg-neutral-900/5 dark:bg-neutral-900/95 border border-neutral-200/50 dark:border-neutral-800 shadow-sm">
Expand Down