import { WalletProvider } from "./contexts/WalletContext";
import { WalletConnect } from "./components/WalletConnect";

function App() {
  return (
    <WalletProvider>
      <div className="app">
        <header>
          <h1>🚀 Movement dApp</h1>
          <p>Built with Movement Kit</p>
        </header>

        <main>
          <div className="card">
            <WalletConnect />
          </div>

          <div className="card">
            <h2>Getting Started</h2>
            <p>Connect your wallet to interact with the Movement blockchain.</p>
          </div>
        </main>

        <footer>
          <p>
            <a href="https://explorer.movementnetwork.xyz/" target="_blank" rel="noopener noreferrer">
              Movement Explorer
            </a>
            {" | "}
            <a href="https://faucet.movementnetwork.xyz/" target="_blank" rel="noopener noreferrer">
              Faucet
            </a>
          </p>
        </footer>
      </div>
    </WalletProvider>
  );
}

export default App;