35 lines
1.9 KiB
TypeScript
35 lines
1.9 KiB
TypeScript
/** Landing page body HTML for rAuctions */
|
|
export function renderLanding(): string {
|
|
return `
|
|
<div style="max-width:640px;margin:2rem auto;padding:0 1rem;text-align:center;">
|
|
<div style="font-size:3rem;margin-bottom:0.5rem;">🏛</div>
|
|
<h2 style="font-size:1.5rem;font-weight:700;margin-bottom:0.5rem;">rAuctions</h2>
|
|
<p style="color:var(--rs-text-secondary);margin-bottom:1.5rem;">
|
|
Live community auctions with real-time bidding and USDC settlement.
|
|
Create, bid on, and manage auctions for artwork, collectibles, and unique items.
|
|
</p>
|
|
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;text-align:left;">
|
|
<div style="padding:1rem;border-radius:8px;background:var(--rs-bg-surface);border:1px solid var(--rs-border-subtle);">
|
|
<div style="font-size:1.5rem;margin-bottom:0.25rem;">🔨</div>
|
|
<strong>Live Bidding</strong>
|
|
<p style="font-size:0.8rem;opacity:0.6;margin:0;">Real-time bids with countdown timers</p>
|
|
</div>
|
|
<div style="padding:1rem;border-radius:8px;background:var(--rs-bg-surface);border:1px solid var(--rs-border-subtle);">
|
|
<div style="font-size:1.5rem;margin-bottom:0.25rem;">💰</div>
|
|
<strong>USDC Settlement</strong>
|
|
<p style="font-size:0.8rem;opacity:0.6;margin:0;">On-chain payments via Base</p>
|
|
</div>
|
|
<div style="padding:1rem;border-radius:8px;background:var(--rs-bg-surface);border:1px solid var(--rs-border-subtle);">
|
|
<div style="font-size:1.5rem;margin-bottom:0.25rem;">📸</div>
|
|
<strong>Rich Listings</strong>
|
|
<p style="font-size:0.8rem;opacity:0.6;margin:0;">Photos, descriptions, and reserve prices</p>
|
|
</div>
|
|
<div style="padding:1rem;border-radius:8px;background:var(--rs-bg-surface);border:1px solid var(--rs-border-subtle);">
|
|
<div style="font-size:1.5rem;margin-bottom:0.25rem;">🔐</div>
|
|
<strong>EncryptID Auth</strong>
|
|
<p style="font-size:0.8rem;opacity:0.6;margin:0;">Secure identity for bidders & sellers</p>
|
|
</div>
|
|
</div>
|
|
</div>`;
|
|
}
|