Update BM Connect launch messaging
Change the hero slogan to Building a World-Class Ecosystem and move the launch countdown and messaging to August 24, 2026 at 10 PM GMT.
This commit is contained in:
@@ -76,7 +76,7 @@ export const HeroSection: React.FC<HeroSectionProps> = ({
|
|||||||
transition={{ duration: 0.6, delay: 0.1 }}
|
transition={{ duration: 0.6, delay: 0.1 }}
|
||||||
className="text-4xl sm:text-6xl lg:text-7xl font-extrabold text-white tracking-tight max-w-4xl leading-[1.1]"
|
className="text-4xl sm:text-6xl lg:text-7xl font-extrabold text-white tracking-tight max-w-4xl leading-[1.1]"
|
||||||
>
|
>
|
||||||
Building World-Class Software.{' '}
|
Building a World-Class Ecosystem.{' '}
|
||||||
<span className="bg-gradient-to-r from-orange-400 via-amber-300 to-sky-400 bg-clip-text text-transparent">
|
<span className="bg-gradient-to-r from-orange-400 via-amber-300 to-sky-400 bg-clip-text text-transparent">
|
||||||
Powered by the Community.
|
Powered by the Community.
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -50,7 +50,7 @@ export const MemeCoinLaunchSection: React.FC<MemeCoinLaunchSectionProps> = ({
|
|||||||
const [customAmount, setCustomAmount] = useState<number>(25); // Default micro investment $25
|
const [customAmount, setCustomAmount] = useState<number>(25); // Default micro investment $25
|
||||||
const quickAmounts = [1, 5, 10, 25, 50, 100, 250, 1000, 5000];
|
const quickAmounts = [1, 5, 10, 25, 50, 100, 250, 1000, 5000];
|
||||||
|
|
||||||
// Countdown timer calculation targeting August 24, 2026 00:00:00 UTC
|
// Countdown timer calculation targeting August 24, 2026 at 10:00 PM GMT
|
||||||
const [timeLeft, setTimeLeft] = useState({
|
const [timeLeft, setTimeLeft] = useState({
|
||||||
days: 0,
|
days: 0,
|
||||||
hours: 0,
|
hours: 0,
|
||||||
@@ -59,7 +59,7 @@ export const MemeCoinLaunchSection: React.FC<MemeCoinLaunchSectionProps> = ({
|
|||||||
});
|
});
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const launchDate = new Date('2026-08-24T00:00:00Z').getTime();
|
const launchDate = new Date('2026-08-24T22:00:00Z').getTime();
|
||||||
|
|
||||||
const updateTimer = () => {
|
const updateTimer = () => {
|
||||||
const now = new Date().getTime();
|
const now = new Date().getTime();
|
||||||
@@ -357,7 +357,7 @@ export const MemeCoinLaunchSection: React.FC<MemeCoinLaunchSectionProps> = ({
|
|||||||
<div className="flex-1 text-left">
|
<div className="flex-1 text-left">
|
||||||
<div className="flex items-center gap-3 mb-3">
|
<div className="flex items-center gap-3 mb-3">
|
||||||
<Badge variant="tangerine" showDot={true}>
|
<Badge variant="tangerine" showDot={true}>
|
||||||
Official Funding Launch • August 24th
|
Official Funding Launch • August 24th at 10 PM GMT
|
||||||
</Badge>
|
</Badge>
|
||||||
<span className="text-xs font-mono text-sky-400 font-semibold flex items-center gap-1">
|
<span className="text-xs font-mono text-sky-400 font-semibold flex items-center gap-1">
|
||||||
<Flame className="w-3.5 h-3.5" /> 100% Revenue Backed
|
<Flame className="w-3.5 h-3.5" /> 100% Revenue Backed
|
||||||
@@ -369,7 +369,7 @@ export const MemeCoinLaunchSection: React.FC<MemeCoinLaunchSectionProps> = ({
|
|||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<p className="text-sm sm:text-base text-slate-300 mt-4 leading-relaxed max-w-2xl">
|
<p className="text-sm sm:text-base text-slate-300 mt-4 leading-relaxed max-w-2xl">
|
||||||
We are launching the official <strong>$SX BirthdayMessaging Meme Coin</strong> on <strong>August 24th</strong> to fund our rapid software expansion! Backers can invest <strong>ANY amount ($1, $5, $10, $50, $1,000+)</strong> and receive proportional token allocations, physical collector coins, micro-app access, and on-chain revenue dividends.
|
We are launching the official <strong>$SX BirthdayMessaging Meme Coin</strong> on <strong>August 24th at 10 PM GMT</strong> to fund our rapid software expansion! Backers can invest <strong>ANY amount ($1, $5, $10, $50, $1,000+)</strong> and receive proportional token allocations, physical collector coins, micro-app access, and on-chain revenue dividends.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div className="flex flex-wrap items-center gap-4 mt-8">
|
<div className="flex flex-wrap items-center gap-4 mt-8">
|
||||||
@@ -379,7 +379,7 @@ export const MemeCoinLaunchSection: React.FC<MemeCoinLaunchSectionProps> = ({
|
|||||||
onClick={onOpenWaitlist}
|
onClick={onOpenWaitlist}
|
||||||
icon={<Coins className="w-5 h-5" />}
|
icon={<Coins className="w-5 h-5" />}
|
||||||
>
|
>
|
||||||
Join Aug 24 Presale Whitelist
|
Join Aug 24, 10 PM GMT Presale Whitelist
|
||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
variant="outline"
|
variant="outline"
|
||||||
@@ -395,7 +395,7 @@ export const MemeCoinLaunchSection: React.FC<MemeCoinLaunchSectionProps> = ({
|
|||||||
{/* Countdown Clock Box */}
|
{/* Countdown Clock Box */}
|
||||||
<div className="w-full lg:w-auto p-6 sm:p-8 rounded-2xl bg-slate-950/90 border border-orange-500/30 backdrop-blur-xl shadow-2xl flex flex-col items-center text-center">
|
<div className="w-full lg:w-auto p-6 sm:p-8 rounded-2xl bg-slate-950/90 border border-orange-500/30 backdrop-blur-xl shadow-2xl flex flex-col items-center text-center">
|
||||||
<div className="flex items-center gap-2 text-xs font-mono uppercase tracking-widest text-orange-400 font-bold mb-4">
|
<div className="flex items-center gap-2 text-xs font-mono uppercase tracking-widest text-orange-400 font-bold mb-4">
|
||||||
<Clock className="w-4 h-4 animate-pulse" /> Launch Countdown (August 24)
|
<Clock className="w-4 h-4 animate-pulse" /> Launch Countdown (Aug 24, 10 PM GMT)
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="grid grid-cols-4 gap-3 sm:gap-4 font-mono">
|
<div className="grid grid-cols-4 gap-3 sm:gap-4 font-mono">
|
||||||
@@ -861,7 +861,7 @@ export const MemeCoinLaunchSection: React.FC<MemeCoinLaunchSectionProps> = ({
|
|||||||
badgeText="Presale Contribution Tiers"
|
badgeText="Presale Contribution Tiers"
|
||||||
badgeVariant="sky"
|
badgeVariant="sky"
|
||||||
title="Explore Preset Launch Tiers"
|
title="Explore Preset Launch Tiers"
|
||||||
gradientTitle="August 24th Allotments"
|
gradientTitle="August 24th, 10 PM GMT Allotments"
|
||||||
subtitle="Choose a preset tier below or type any custom dollar amount above to reserve your $SX tokens."
|
subtitle="Choose a preset tier below or type any custom dollar amount above to reserve your $SX tokens."
|
||||||
/>
|
/>
|
||||||
|
|
||||||
@@ -941,7 +941,7 @@ export const MemeCoinLaunchSection: React.FC<MemeCoinLaunchSectionProps> = ({
|
|||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
<ShieldCheck className="w-6 h-6 text-sky-400 flex-shrink-0" />
|
<ShieldCheck className="w-6 h-6 text-sky-400 flex-shrink-0" />
|
||||||
<p className="text-xs text-slate-300">
|
<p className="text-xs text-slate-300">
|
||||||
<strong>100% Micro-Friendly & Transparent:</strong> Everyone is welcome regardless of contribution size ($1 to $10,000+). Smart contracts audited on-chain. Liquidity locked permanently upon August 24 launch.
|
<strong>100% Micro-Friendly & Transparent:</strong> Everyone is welcome regardless of contribution size ($1 to $10,000+). Smart contracts audited on-chain. Liquidity locked permanently upon the August 24, 10 PM GMT launch.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<Button
|
<Button
|
||||||
|
|||||||
Reference in New Issue
Block a user