-
-
- - To get started, edit the page.tsx file. -
-- Looking for a starting point or more instructions? Head over to{" "} - - Templates - {" "} - or the{" "} - - Learning - {" "} - center. -
-
+
);
}
diff --git a/bun.lock b/bun.lock
index 9badfd0..50605bd 100644
--- a/bun.lock
+++ b/bun.lock
@@ -1,5 +1,6 @@
{
"lockfileVersion": 1,
+ "configVersion": 0,
"workspaces": {
"": {
"name": "datex",
diff --git a/components/CardsSection.tsx b/components/CardsSection.tsx
new file mode 100644
index 0000000..4cf0907
--- /dev/null
+++ b/components/CardsSection.tsx
@@ -0,0 +1,64 @@
+export default function CardsSection() {
+ return (
+
+ Data for humans.
+
+ Not just bots.
+
+
+
+
+
+ Frictionless
+
+
+
+ Frictionless
+
+ Onboarding
+
+
+
+
+
+
+ swipe
+
+
+
+
+ For Data
+
+
+
+ For Data
+
+ Power Users
+
+
+
+
+
+
+ analytics
+
+
+
+
+ For
+
+
+
+ For
+
+ Developers
+
+
+
+
+
+
+ code
+
+
+
+
+ Your Shortcut to
+
+
+ Your Shortcut to
+ DeFi Data
+
+
+
+
+
+
+
+ Explore
+
+
+
+ Explore
+
+ Data
+
+ Opportunities
+
+ + Discover vetted datasets to put your algorithms to work through + Sui DeFi protocols. +
+ +
+ 
+
+
+
+ monetization_on
+
+
+
+
+
+ Simple, Direct
+
+
+
+ touch_app
+
+
+ Simple, Direct
+
+ Execution
+
+ + Buy and sell insights in a few taps. Withdraw rewards in the + asset you choose. +
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+ Built for
+
+
+
+ Powered by Sui
+
+
+
+ Built for
+ Speed & Scale
+
+ + Leveraging the power of Nautilus for transaction speed, Walrus + for decentralized storage, and Seal for top-tier encryption. +
+
+
+
+ water
+ Walrus
+
+
+
+ verified_user
+
+ Seal
+
+
+
+ rocket_launch
+
+ Nautilus
+
+
+
+
+
+
+
+
+ cloud_queue
+
+
+ + Storage +
+
+
+ enhanced_encryption
+
+
+ + Security +
+
+
+ bolt
+
+
+ + Speed +
+
+ 
+
+
+
+
+
+
+ storage
+
+
+
+
+
+
+ lock
+
+
+
+
+
+
+
+ Powered by Sui Ecosystem
+
+
+ + Data + Exchange + + Unlocked + +
++ Monetize your insights securely. Built on Walrus, Seal, and Nautilus + for unstoppable decentralized data trading. +
+
+
+
+
+
+
+ );
+}
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
new file mode 100644
index 0000000..7aa7cc7
--- /dev/null
+++ b/components/Navbar.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { WalletConnectButton } from "./WalletConnectButton";
+
+export default function Navbar() {
+ return (
+
+ );
+}
diff --git a/components/SuiProviders.tsx b/components/SuiProviders.tsx
new file mode 100644
index 0000000..956fea5
--- /dev/null
+++ b/components/SuiProviders.tsx
@@ -0,0 +1,34 @@
+"use client";
+
+import { createNetworkConfig, SuiClientProvider, WalletProvider } from "@mysten/dapp-kit";
+import { getFullnodeUrl } from "@mysten/sui/client";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { ReactNode, useState } from "react";
+
+// Config cho testnet
+const { networkConfig } = createNetworkConfig({
+ testnet: { url: getFullnodeUrl("testnet") },
+ mainnet: { url: getFullnodeUrl("mainnet") },
+});
+
+export function SuiProviders({ children }: { children: ReactNode }) {
+ // Tạo QueryClient trong component để tránh shared state giữa requests
+ const [queryClient] = useState(() => new QueryClient({
+ defaultOptions: {
+ queries: {
+ refetchOnWindowFocus: false,
+ retry: false,
+ },
+ },
+ }));
+
+ return (
+
+
+ {text}
+
+
+ {text}
+
+
+ {text}
+
+
+ {text}
+
+
+ {text}
+
+
+ {text}
+
+
+ {text}
+
+
+ {text}
+
+
+
+ account_balance_wallet
+ {formatAddress(account.address)}
+
+ )}
+