import React, { useEffect, useMemo, useState } from "react";
// ===== Utility: countdown to Aug 30, 2025 12:00 PM EST =====
function useCountdown(targetDateISO) {
const [now, setNow] = useState(Date.now());
useEffect(() => {
const id = setInterval(() => setNow(Date.now()), 1000);
return () => clearInterval(id);
}, []);
const diff = Math.max(0, new Date(targetDateISO).getTime() - now);
const days = Math.floor(diff / (1000 * 60 * 60 * 24));
const hours = Math.floor((diff / (1000 * 60 * 60)) % 24);
const minutes = Math.floor((diff / (1000 * 60)) % 60);
const seconds = Math.floor((diff / 1000) % 60);
return { days, hours, minutes, seconds };
}
// ===== Mock market data =====
const mockPrices = [
{ symbol: "BTC", price: 124000, change: +2.4 },
{ symbol: "ETH", price: 6100, change: +3.8 },
{ symbol: "SOL", price: 195, change: -1.2 },
{ symbol: "AVAX", price: 49.2, change: +0.7 },
];
function Ticker({ items }) {
return (
);
}
function SwordLogo({ className = "w-10 h-10" }) {
return (
);
}
function CTAButtons() {
return (
);
}
function Feature({ title, desc, icon }) {
return (
);
}
export default function XcaliburLanding() {
const { days, hours, minutes, seconds } = useCountdown("2025-08-30T12:00:00-04:00");
const launchOver = useMemo(() => days + hours + minutes + seconds <= 0, [days, hours, minutes, seconds]);
return (
{items.concat(items).map((it, i) => (
{it.symbol}
${it.price.toLocaleString()}
= 0 ? "text-green-400" : "text-red-400"}>
{it.change >= 0 ? "▲" : "▼"} {Math.abs(it.change).toFixed(1)}%
))}
* Demo prices. Hook to live API later.
{icon}
{title}
{desc}
{/* Navbar */}
{/* Ticker */}
{/* Features */}
{/* How it works */}
{/* Countdown */}
{/* Newsletter */}
{/* Footer */}
);
} Xcalibur
The Crypto Kings
Coming Soon
Own the Future of Finance with Xcalibur
A powerful, secure app to buy, trade, and store crypto & NFTs—plus real‑time insights from global and U.S. markets.
New user bonus:
Get +6% extra on your first buy when you hold for 30 days.
* Bonus applied to eligible assets; terms apply.
Portfolio Value
$12,540.27
+2.8% today
{mockPrices.map((p) => (
))}
{p.symbol}
${p.price.toLocaleString()}
= 0 ? "text-emerald-400" : "text-red-400"}>{p.change >= 0 ? "+" : ""}{p.change}%
Live data coming soon
Why Xcalibur
How it works
-
{[
{ t: "Download & Verify", d: "Create your account and pass quick KYC/AML verification." },
{ t: "Fund & Buy", d: "Use card, bank link, or wire to buy your first crypto." },
{ t: "Hold & Earn +6%", d: "Hold for 30 days to unlock your welcome bonus." },
].map((s, i) => (
-
Step {i + 1}{s.t}
{s.d}
))}
Launch Countdown
{launchOver ? (
We are live! Download now and claim your bonus.
) : (
{[{l:"Days",v:days},{l:"Hours",v:hours},{l:"Minutes",v:minutes},{l:"Seconds",v:seconds}].map((b) => (
))}
)}
{String(b.v).padStart(2,"0")}
{b.l}
Target: Aug 30, 2025 • 12:00 PM EST
Get Early Access
Join the waitlist and get your +6% bonus link first.
Contact: info@xcaliburapp.com
Bestsellers
“I love my Xcalibur secure wallet! It's stylish, durable, and gives me peace of mind knowing my cards and cash are safe.”
John Doe
Discover the Ultimate Protection for Your Valuables
Our Xcalibur secure wallets are designed to keep your valuables safe and secure at all times. Shop now and experience the difference!
About us
Xcalibur is a leading provider of secure wallets based in Miami, Florida. We are passionate about creating products that not only look great but also offer the highest level of protection for your valuables. With Xcalibur, you can trust that your belongings are in safe hands.