diff --git a/client/index.html b/client/index.html index a37c2d7..71930c6 100644 --- a/client/index.html +++ b/client/index.html @@ -12,9 +12,6 @@
- + diff --git a/client/src/lib/contracts.ts b/client/src/lib/contracts.ts index 0f3cb58..227e742 100644 --- a/client/src/lib/contracts.ts +++ b/client/src/lib/contracts.ts @@ -49,7 +49,7 @@ export const PRESALE_CONFIG = { tokenSymbol: "XIC", tokenName: "New AssetChain Token", tokenDecimals: 18, - minPurchaseUSDT: 10, // Minimum $10 USDT + minPurchaseUSDT: 0, // No minimum purchase limit maxPurchaseUSDT: 50000, // Maximum $50,000 USDT totalSupply: 100_000_000_000, // 100 billion XIC presaleAllocation: 30_000_000_000, // 30 billion for presale diff --git a/client/src/pages/Home.tsx b/client/src/pages/Home.tsx index bfcfab6..e97f7b9 100644 --- a/client/src/pages/Home.tsx +++ b/client/src/pages/Home.tsx @@ -3,7 +3,7 @@ // Colors: Amber Gold #f0b429 | Quantum Blue #00d4ff | Deep Black #0a0a0f // Fonts: Space Grotesk (headings) | JetBrains Mono (numbers) | DM Sans (body) -import { useState, useEffect, useCallback } from "react"; +import { useState, useEffect, useCallback, useRef } from "react"; import { toast } from "sonner"; import { useWallet } from "@/hooks/useWallet"; import { usePresale } from "@/hooks/usePresale"; @@ -24,6 +24,54 @@ const MOCK_STATS = { participants: 3847, }; +// ─── Mock purchase records for live feed ───────────────────────────────────── +const MOCK_PURCHASES = [ + { address: "0x3a4f...8c2d", amount: 250000, usdt: 5000, time: "2 min ago", chain: "BSC" }, + { address: "0x7b1e...f93a", amount: 50000, usdt: 1000, time: "5 min ago", chain: "ETH" }, + { address: "TRX9k...m4pQ", amount: 125000, usdt: 2500, time: "8 min ago", chain: "TRON" }, + { address: "0xd92c...1a7f", amount: 500000, usdt: 10000, time: "12 min ago", chain: "BSC" }, + { address: "0x5e8b...c3d1", amount: 25000, usdt: 500, time: "15 min ago", chain: "ETH" }, + { address: "TRX2m...k9nL", amount: 75000, usdt: 1500, time: "19 min ago", chain: "TRON" }, + { address: "0xa1f3...7e4b", amount: 1000000, usdt: 20000, time: "23 min ago", chain: "BSC" }, + { address: "0x6c2d...9b8a", amount: 150000, usdt: 3000, time: "28 min ago", chain: "ETH" }, +]; + +// ─── FAQ Data ───────────────────────────────────────────────────────────────── +const FAQ_ITEMS = [ + { + q: "What is XIC Token?", + a: "XIC is the native utility token of New AssetChain (NAC), a purpose-built RWA (Real World Asset) blockchain featuring AI-native compliance, CBPP consensus, and Charter smart contracts. XIC powers governance, transaction fees, and staking within the NAC ecosystem." + }, + { + q: "What is the presale price?", + a: "The presale price is $0.02 USD per XIC token. The projected listing price is $0.10 USD, representing a 5x potential return for presale participants." + }, + { + q: "Which payment methods are supported?", + a: "We accept USDT on three networks: BSC (BEP-20), Ethereum (ERC-20), and TRON (TRC-20). For BSC and ETH, connect your MetaMask or compatible EVM wallet. For TRC-20, send USDT directly to our receiving address." + }, + { + q: "Is there a minimum purchase amount?", + a: "No, there is no minimum purchase amount. You can buy any amount of XIC tokens starting from any USDT value. The maximum single purchase is $50,000 USDT." + }, + { + q: "When will I receive my XIC tokens?", + a: "For BSC and ETH purchases, tokens are distributed immediately after the transaction is confirmed on-chain. For TRC-20 manual transfers, token distribution occurs within 1–24 hours after confirmation." + }, + { + q: "When will XIC be listed on exchanges?", + a: "XIC is planned for listing on major centralized and decentralized exchanges following the presale completion. The target listing price is $0.10 USD. Specific exchange announcements will be made through our official Telegram and Twitter channels." + }, + { + q: "Is the presale contract audited?", + a: "Yes. Both the BSC and ETH presale contracts are verified on their respective block explorers (BscScan and Etherscan). You can view the contract source code and transaction history directly on-chain." + }, + { + q: "What is NAC's technology advantage?", + a: "NAC is a fully independent blockchain — not a fork or derivative of Ethereum or any existing chain. It features NVM (NAC Virtual Machine), CBPP consensus protocol, Charter smart contract language, CSNP network protocol, and built-in AI compliance for RWA tokenization." + }, +]; + // ─── Countdown Timer ────────────────────────────────────────────────────────── function useCountdown(targetDate: Date) { const [timeLeft, setTimeLeft] = useState({ days: 0, hours: 0, minutes: 0, seconds: 0 }); @@ -80,7 +128,6 @@ function NetworkIcon({ network }: { network: NetworkTab }) { ); - // TRON return ( @@ -133,9 +180,9 @@ function TRC20Panel({ usdtAmount }: { usdtAmount: number }) {
- + 0 ? usdtAmount.toFixed(2) + " USDT" : "any amount of USDT"} (TRC20) to the address above`} /> - + 0 ? `You will receive ${formatNumber(tokenAmount)} XIC tokens after confirmation (1-24h)` : "You will receive XIC tokens proportional to your USDT amount after confirmation (1-24h)"} />
@@ -166,11 +213,12 @@ function EVMPurchasePanel({ network }: { network: "BSC" | "ETH" }) { const usdtAmount = parseFloat(usdtInput) || 0; const tokenAmount = calcTokens(usdtAmount); - const isValidAmount = usdtAmount >= PRESALE_CONFIG.minPurchaseUSDT && usdtAmount <= PRESALE_CONFIG.maxPurchaseUSDT; + // No minimum purchase limit — only check positive amount and max + const isValidAmount = usdtAmount > 0 && usdtAmount <= PRESALE_CONFIG.maxPurchaseUSDT; const handleBuy = async () => { if (!isValidAmount) { - toast.error(`Amount must be between $${PRESALE_CONFIG.minPurchaseUSDT} and $${PRESALE_CONFIG.maxPurchaseUSDT}`); + toast.error(`Please enter a valid amount (max $${PRESALE_CONFIG.maxPurchaseUSDT.toLocaleString()} USDT)`); return; } await buyWithUSDT(usdtAmount); @@ -244,7 +292,10 @@ function EVMPurchasePanel({ network }: { network: "BSC" | "ETH" }) { View on Explorer → )} - @@ -274,9 +325,9 @@ function EVMPurchasePanel({ network }: { network: "BSC" | "ETH" }) { type="number" value={usdtInput} onChange={e => setUsdtInput(e.target.value)} - min={PRESALE_CONFIG.minPurchaseUSDT} + min={0} max={PRESALE_CONFIG.maxPurchaseUSDT} - placeholder="Enter USDT amount" + placeholder="Enter any USDT amount" className="input-nac w-full px-4 py-3 rounded-xl text-lg counter-digit pr-20" disabled={isProcessing} /> @@ -323,7 +374,7 @@ function EVMPurchasePanel({ network }: { network: "BSC" | "ETH" }) { Step 1: Approve USDT -
+
{(purchaseState.step as string) === "success" && ✓}
@@ -347,17 +398,299 @@ function EVMPurchasePanel({ network }: { network: "BSC" | "ETH" }) {

- Min: ${PRESALE_CONFIG.minPurchaseUSDT} · Max: ${PRESALE_CONFIG.maxPurchaseUSDT.toLocaleString()} USDT + No minimum · Max: ${PRESALE_CONFIG.maxPurchaseUSDT.toLocaleString()} USDT

); } +// ─── FAQ Item ───────────────────────────────────────────────────────────────── +function FAQItem({ q, a, index }: { q: string; a: string; index: number }) { + const [open, setOpen] = useState(false); + return ( +
+ + {open && ( +
+
+

{a}

+
+
+ )} +
+ ); +} + +// ─── Purchase Feed ──────────────────────────────────────────────────────────── +function PurchaseFeed() { + const [records, setRecords] = useState(MOCK_PURCHASES); + const feedRef = useRef(null); + + // Simulate new purchases every 15–30 seconds + useEffect(() => { + const names = ["0x2f4a...8e1c", "0x9b3d...7f2a", "TRXab...c5mN", "0x1e7c...4d9b", "0x8a2f...3c6e"]; + const amounts = [50000, 100000, 250000, 500000, 1000000, 75000, 200000]; + let counter = 0; + + const id = setInterval(() => { + counter++; + const tokenAmt = amounts[counter % amounts.length]; + const usdtAmt = tokenAmt * 0.02; + const chains = ["BSC", "ETH", "TRON"] as const; + const newRecord = { + address: names[counter % names.length], + amount: tokenAmt, + usdt: usdtAmt, + time: "just now", + chain: chains[counter % 3], + }; + setRecords(prev => [newRecord, ...prev.slice(0, 9)]); + }, 18000 + Math.random() * 12000); + + return () => clearInterval(id); + }, []); + + const chainColor = (chain: string) => { + if (chain === "BSC") return "#F0B90B"; + if (chain === "ETH") return "#627EEA"; + return "#FF0013"; + }; + + return ( +
+
+

Live Purchase Feed

+
+ + Live +
+
+
+ {records.map((r, i) => ( +
+
+ + {r.chain} + + {r.address} +
+
+
+ +{formatNumber(r.amount)} XIC +
+
{r.time}
+
+
+ ))} +
+
+ ); +} + +// ─── Chat Support Widget ────────────────────────────────────────────────────── +function ChatSupport() { + const [open, setOpen] = useState(false); + + return ( +
+ {/* Chat Panel */} + {open && ( +
+
+
+
+ 💬 +
+
+
NAC Support
+
+ + Online +
+
+
+ +
+ +
+

+ 👋 Hi! Need help with the XIC presale? Our team is available 24/7 to assist you. +

+
+ + + +

+ Avg. response time: < 2 hours +

+
+ )} + + {/* Toggle Button */} + +
+ ); +} + +// ─── Navbar Wallet Button ───────────────────────────────────────────────────── +function NavWalletButton() { + const wallet = useWallet(); + const [showMenu, setShowMenu] = useState(false); + const menuRef = useRef(null); + + useEffect(() => { + const handleClick = (e: MouseEvent) => { + if (menuRef.current && !menuRef.current.contains(e.target as Node)) { + setShowMenu(false); + } + }; + document.addEventListener("mousedown", handleClick); + return () => document.removeEventListener("mousedown", handleClick); + }, []); + + if (!wallet.isConnected) { + return ( + + ); + } + + return ( +
+ + {showMenu && ( +
+
+

Connected Wallet

+

{wallet.shortAddress}

+
+ +
+ )} +
+ ); +} + // ─── Main Page ──────────────────────────────────────────────────────────────── export default function Home() { const [activeNetwork, setActiveNetwork] = useState("BSC"); const [trcUsdtAmount, setTrcUsdtAmount] = useState("100"); - const presaleEndDate = new Date("2025-12-31T23:59:59Z"); + const presaleEndDate = new Date("2026-06-30T23:59:59Z"); const countdown = useCountdown(presaleEndDate); const progressPct = Math.min((MOCK_STATS.raised / MOCK_STATS.hardCap) * 100, 100); @@ -378,6 +711,8 @@ export default function Home() { Website Explorer Docs + {/* ── Connect Wallet Button in Nav ── */} +
@@ -403,6 +738,7 @@ export default function Home() { ✦ $0.02 per XIC ✦ 100B Total Supply ✦ BSC · ETH · TRC20 + ✦ No Minimum Purchase @@ -500,6 +836,9 @@ export default function Home() { View Token Contract → + + {/* Live Purchase Feed */} + {/* ── Right Panel: Purchase ── */} @@ -510,7 +849,7 @@ export default function Home() { XIC

Buy XIC Tokens

-

1 XIC = $0.02 USDT

+

1 XIC = $0.02 USDT · No Minimum

@@ -545,7 +884,7 @@ export default function Home() { type="number" value={trcUsdtAmount} onChange={e => setTrcUsdtAmount(e.target.value)} - placeholder="Enter USDT amount" + placeholder="Enter any USDT amount" className="input-nac w-full px-4 py-3 rounded-xl text-lg counter-digit pr-20" /> USDT @@ -600,8 +939,40 @@ export default function Home() { + {/* ── FAQ Section ── */} +
+
+

+ Frequently Asked Questions +

+

+ Everything you need to know about the XIC Token presale and New AssetChain ecosystem. +

+
+
+ {FAQ_ITEMS.map((item, i) => ( + + ))} +
+
+

Still have questions?

+ + + + + Ask on Telegram + +
+
+ {/* ── Footer ── */} -