import { AddToMetaMask } from '@/components/wallet/AddToMetaMask'
import Link from 'next/link'

export default function WalletPage() {
  return (
    <main className="container mx-auto px-4 py-8">
      <h1 className="text-2xl font-bold mb-4">Wallet & MetaMask</h1>
      <p className="text-gray-600 dark:text-gray-400 mb-6">
        Connect Chain 138 (DeFi Oracle Meta Mainnet) and Ethereum Mainnet to MetaMask and other Web3 wallets. Use the token list URL so tokens and oracles are discoverable.
      </p>
      <AddToMetaMask />
      <div className="mt-6 rounded-lg border border-gray-200 bg-white p-4 text-sm text-gray-600 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400">
        Need swap and liquidity discovery too? Visit the{' '}
        <Link href="/liquidity" className="font-medium text-primary-600 hover:underline dark:text-primary-400">
          Liquidity Access
        </Link>{' '}
        page for live Chain 138 pools, route matrix links, partner payload templates, and the internal fallback execution plan endpoints.
      </div>
    </main>
  )
}