Gold Sage
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><title>GoldSage — AI Gold & Currency Guide Widget</title><link href="https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"/><style> :root { --gold: #f4a234; --gold-light: #ffc96a; --gold-dim: #7a5018; --gold-glow: rgba(244,162,52,0.22); --bg: #07070d; --surface: #0d0d16; --surface2: #111120; --border: #181826; --border2: #1e1e2e; --text: #60608a; --bright: #e8e8f8; } * { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { background: var(--bg); color: var(--text); font-family: 'Sora', sans-serif; overflow-x: hidden; } @keyframes fadeUp { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} } @keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} } @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.4} } @keyframes shimmer { 0%{background-position:200%} 100%{background-position:-200%} } @keyframes glow { 0%,100%{box-shadow:0 0 24px var(--gold-glow)} 50%{box-shadow:0 0 56px var(--gold-glow),0 0 100px rgba(244,162,52,0.08)} } @keyframes slide-in { from{opacity:0;transform:translateX(-10px)} to{opacity:1;transform:translateX(0)} } /* ── NAV ── */ nav { position: sticky; top: 0; z-index: 100; padding: 13px 32px; background: rgba(7,7,13,0.95); backdrop-filter: blur(18px); border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; } .nav-logo { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; color: var(--gold); font-family: 'Sora', sans-serif; letter-spacing: -0.3px; } .nav-icon { width: 32px; height: 32px; border-radius: 8px; background: linear-gradient(135deg, var(--gold), #c8841e); display: flex; align-items: center; justify-content: center; font-size: 16px; box-shadow: 0 2px 12px var(--gold-glow); } .nav-cta { padding: 9px 22px; border-radius: 7px; background: linear-gradient(135deg, var(--gold), #c8841e); color: #0a0600; border: none; font-family: 'Sora', sans-serif; font-size: 13px; font-weight: 700; cursor: pointer; text-decoration: none; transition: all 0.2s; box-shadow: 0 3px 14px var(--gold-glow); } .nav-cta:hover { filter: brightness(1.1); transform: translateY(-1px); box-shadow: 0 8px 24px var(--gold-glow); } /* ── HERO ── */ .hero { max-width: 760px; margin: 0 auto; padding: 90px 28px 76px; text-align: center; position: relative; } .hero-float { position: absolute; pointer-events: none; font-size: 22px; opacity: 0.1; } .eyebrow { display: inline-flex; align-items: center; gap: 8px; background: rgba(244,162,52,0.07); border: 1px solid rgba(244,162,52,0.2); border-radius: 20px; padding: 6px 16px; margin-bottom: 26px; font-size: 11px; font-weight: 600; color: var(--gold); letter-spacing: 1px; animation: fadeUp 0.5s ease both; } .eyebrow .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); animation: pulse 1.8s infinite; } .hero h1 { font-size: clamp(38px, 8vw, 74px); font-weight: 700; line-height: 1.0; letter-spacing: -2px; color: var(--bright); margin-bottom: 20px; animation: fadeUp 0.5s 0.1s ease both; } .hero h1 .shine { background: linear-gradient(90deg, var(--gold), var(--gold-light), #ffa040, var(--gold)); background-size: 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: shimmer 3s ease infinite; } .hero-sub { font-size: 17px; color: #404060; line-height: 1.7; max-width: 500px; margin: 0 auto 34px; font-weight: 400; animation: fadeUp 0.5s 0.2s ease both; } .game-pills { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 32px; animation: fadeUp 0.5s 0.25s ease both; } .gpill { border-radius: 20px; padding: 5px 14px; font-size: 12px; font-weight: 600; border: 1px solid; transition: all 0.2s; cursor: default; } .price-block { margin-bottom: 28px; animation: fadeUp 0.5s 0.3s ease both; } .price-old { font-size: 15px; color: #252535; text-decoration: line-through; font-weight: 600; margin-bottom: 4px; } .price-main { font-size: 66px; font-weight: 700; letter-spacing: -3px; color: var(--gold); line-height: 1; filter: drop-shadow(0 0 20px var(--gold-glow)); } .price-sub { font-size: 12px; color: #252535; margin-top: 6px; } .cta-wrap { display: flex; flex-direction: column; align-items: center; gap: 12px; animation: fadeUp 0.5s 0.4s ease both; } .cta-btn { display: inline-block; padding: 16px 52px; background: linear-gradient(135deg, var(--gold), #c8841e); color: #0a0600; border: none; border-radius: 8px; font-family: 'Sora', sans-serif; font-size: 16px; font-weight: 700; cursor: pointer; text-decoration: none; transition: all 0.25s; box-shadow: 0 6px 28px var(--gold-glow); animation: glow 3s ease-in-out infinite; } .cta-btn:hover { filter: brightness(1.1); transform: translateY(-3px); box-shadow: 0 14px 44px var(--gold-glow); } .trust { font-size: 11px; color: #1e1e2e; } .trust b { color: #3a7a34; } .hero-tags { display: flex; flex-wrap: wrap; gap: 7px; justify-content: center; margin-top: 28px; animation: fadeUp 0.5s 0.5s ease both; } .htag { background: var(--surface2); border: 1px solid var(--border2); border-radius: 5px; padding: 4px 11px; font-size: 11px; font-weight: 500; color: #252538; font-family: 'JetBrains Mono', monospace; } /* ── STATS ── */ .stats { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--surface); padding: 28px 24px; display: flex; justify-content: center; gap: 56px; flex-wrap: wrap; } .stat { text-align: center; } .stat-n { font-size: 34px; font-weight: 700; color: var(--bright); letter-spacing: -1px; line-height: 1; } .stat-n span { color: var(--gold); } .stat-l { font-size: 11px; color: #252538; margin-top: 3px; font-weight: 500; } /* ── SECTIONS ── */ .sec { max-width: 880px; margin: 0 auto; padding: 80px 28px; } .sec-label { font-size: 10px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: var(--gold); opacity: 0.55; margin-bottom: 10px; } .sec-h { font-size: clamp(24px, 4vw, 38px); font-weight: 700; color: var(--bright); letter-spacing: -1px; margin-bottom: 12px; line-height: 1.15; } .sec-p { font-size: 15px; color: #404060; line-height: 1.7; max-width: 520px; font-weight: 400; } /* ── MOCK WIDGET ── */ .mock-wrap { background: var(--surface); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 80px 28px; } .mock-inner { max-width: 880px; margin: 0 auto; } .mock-widget { background: #0d0d14; border: 1px solid #16161e; border-radius: 12px; overflow: hidden; max-width: 480px; margin: 36px auto 0; box-shadow: 0 24px 64px rgba(0,0,0,0.55), 0 0 0 1px rgba(244,162,52,0.06); } .mock-hdr { padding: 13px 16px; background: #0a0a10; border-bottom: 1px solid #16161e; display: flex; align-items: center; justify-content: space-between; } .mock-title { font-size: 14px; font-weight: 600; color: #d0d0e0; } .mock-sub { font-size: 10px; color: var(--gold); margin-top: 1px; } .mock-switch { background: none; border: 1px solid #1e1e2e; border-radius: 5px; padding: 3px 9px; font-size: 10px; color: #2a2a40; font-family: 'Sora',sans-serif; } .mock-cats { padding: 14px 14px 0; } .mock-cat-label { font-size: 9px; font-weight: 600; color: #1a1a2a; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 6px; padding-bottom: 4px; border-bottom: 1px solid #12121a; } .mock-pills { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 12px; } .mock-pill { background: #0f0f18; border: 1px solid #1a1a24; border-radius: 5px; padding: 4px 9px; font-size: 10px; font-weight: 600; color: #50507a; display: flex; align-items: center; gap: 4px; } .mock-pill.active { border-color: #f4a23444; background: #f4a23410; color: #f4a234; } .mock-input-row { padding: 10px 14px; display: flex; gap: 7px; } .mock-input { flex: 1; background: #0f0f18; border: 1px solid #1a1a2a; border-radius: 8px; padding: 8px 10px; font-size: 12px; color: #50507a; font-family: 'Sora',sans-serif; } .mock-send { background: var(--gold); border: none; border-radius: 7px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #0a0600; font-weight: 700; flex-shrink: 0; } .mock-result { margin: 0 14px 14px; background: #111118; border: 1px solid #16161e; border-radius: 8px; padding: 13px; } .mock-result-title { font-size: 13px; font-weight: 600; color: #d0d0e0; margin-bottom: 2px; } .mock-result-meta { font-size: 10px; color: #252535; margin-bottom: 10px; } .mock-divider { height: 1px; background: #16161e; margin: 8px 0; } .mock-method { margin-bottom: 8px; } .mock-method-name { font-size: 12px; font-weight: 600; color: #a0a0c0; display: flex; align-items: center; gap: 8px; } .mock-badge { font-size: 10px; background: rgba(244,162,52,0.1); border: 1px solid rgba(244,162,52,0.2); color: var(--gold); border-radius: 4px; padding: 1px 6px; font-family: 'JetBrains Mono',monospace; } .mock-method-desc { font-size: 11px; color: #303050; line-height: 1.55; margin-top: 3px; } /* ── GAME CATEGORIES ── */ .cats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin-top: 32px; } .cat-card { background: var(--surface2); border: 1px solid var(--border2); border-radius: 12px; padding: 20px 18px; transition: all 0.25s; position: relative; overflow: hidden; } .cat-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; opacity: 0; transition: opacity 0.3s; } .cat-card:hover { transform: translateY(-4px); } .cat-card:hover::before { opacity: 1; } .cat-card.classic::before { background: linear-gradient(90deg, #f4a234, #ffc96a); } .cat-card.classic:hover { border-color: rgba(244,162,52,0.3); box-shadow: 0 8px 24px rgba(244,162,52,0.08); } .cat-card.modern::before { background: linear-gradient(90deg, #5c6bc0, #9fa8da); } .cat-card.modern:hover { border-color: rgba(92,107,192,0.3); box-shadow: 0 8px 24px rgba(92,107,192,0.08); } .cat-card.arpg::before { background: linear-gradient(90deg, #ff7043, #ffab91); } .cat-card.arpg:hover { border-color: rgba(255,112,67,0.3); box-shadow: 0 8px 24px rgba(255,112,67,0.08); } .cat-card.online::before { background: linear-gradient(90deg, #e53935, #ef9a9a); } .cat-card.online:hover { border-color: rgba(229,57,53,0.3); box-shadow: 0 8px 24px rgba(229,57,53,0.08); } .cat-icon { font-size: 28px; margin-bottom: 10px; } .cat-name { font-size: 14px; font-weight: 700; color: var(--bright); margin-bottom: 6px; } .cat-count { font-size: 12px; color: #252538; margin-bottom: 10px; } .cat-games { display: flex; flex-wrap: wrap; gap: 5px; } .cat-game { font-size: 10px; color: #252538; border: 1px solid var(--border); border-radius: 4px; padding: 2px 7px; font-family: 'JetBrains Mono',monospace; } /* ── FEATURES ── */ .feat-wrap { background: var(--surface); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 80px 28px; } .feat-inner { max-width: 880px; margin: 0 auto; } .feat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin-top: 32px; } .feat { background: var(--surface2); border: 1px solid var(--border2); border-radius: 10px; padding: 20px 18px; display: flex; gap: 13px; transition: all 0.2s; } .feat:hover { border-color: rgba(244,162,52,0.2); transform: translateY(-2px); } .feat-icon { width: 38px; height: 38px; border-radius: 9px; flex-shrink: 0; background: rgba(244,162,52,0.07); border: 1px solid rgba(244,162,52,0.12); display: flex; align-items: center; justify-content: center; font-size: 17px; } .feat-title { font-size: 13px; font-weight: 700; color: var(--bright); margin-bottom: 5px; } .feat-desc { font-size: 12px; color: #404060; line-height: 1.55; } /* ── INCLUDES ── */ .inc-list { margin-top: 28px; } .inc { display: flex; align-items: flex-start; gap: 14px; padding: 14px 0; border-bottom: 1px solid #0e0e1a; } .inc:last-child { border-bottom: none; } .inc-check { width: 24px; height: 24px; border-radius: 6px; flex-shrink: 0; background: rgba(244,162,52,0.08); border: 1px solid rgba(244,162,52,0.2); display: flex; align-items: center; justify-content: center; color: var(--gold); font-size: 11px; font-weight: 700; margin-top: 1px; } .inc-title { font-size: 14px; font-weight: 700; color: var(--bright); margin-bottom: 2px; } .inc-desc { font-size: 12px; color: #404060; line-height: 1.5; } /* ── REVIEWS ── */ .rev-wrap { background: var(--surface); border-top: 1px solid var(--border); padding: 80px 28px; } .rev-inner { max-width: 880px; margin: 0 auto; } .rev-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; margin-top: 32px; } .rev { background: var(--surface2); border: 1px solid var(--border2); border-radius: 10px; padding: 20px 17px; transition: transform 0.2s; } .rev:hover { transform: translateY(-3px); } .rev-stars { font-size: 12px; letter-spacing: 2px; margin-bottom: 10px; } .rev-text { font-size: 13px; color: #404060; line-height: 1.65; margin-bottom: 12px; font-style: italic; } .rev-name { font-size: 11px; font-weight: 700; color: #252535; letter-spacing: 1px; } .rev-role { font-size: 10px; color: #181828; margin-top: 2px; } /* ── FAQ ── */ .faq-list { margin-top: 26px; display: flex; flex-direction: column; gap: 9px; } .faq { background: var(--surface2); border: 1px solid var(--border2); border-radius: 10px; padding: 18px 20px; transition: border-color 0.2s; } .faq:hover { border-color: rgba(244,162,52,0.2); } .faq-q { font-size: 14px; font-weight: 700; color: var(--bright); margin-bottom: 7px; } .faq-a { font-size: 13px; color: #404060; line-height: 1.65; } .faq-a code { background: #0a0a14; color: var(--gold); padding: 1px 5px; border-radius: 3px; font-family: 'JetBrains Mono',monospace; font-size: 11px; } /* ── BOTTOM CTA ── */ .bottom { text-align: center; padding: 100px 28px; border-top: 1px solid var(--border); background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(244,162,52,0.05), transparent); position: relative; overflow: hidden; } .bottom-bg { position: absolute; font-size: 280px; opacity: 0.02; top: 50%; left: 50%; transform: translate(-50%,-50%); pointer-events: none; animation: float 8s ease-in-out infinite; } .bottom h2 { font-size: clamp(28px, 5vw, 52px); font-weight: 700; color: var(--bright); letter-spacing: -1.5px; margin-bottom: 12px; position: relative; z-index: 1; line-height: 1.1; } .bottom h2 span { color: var(--gold); } .bottom p { font-size: 16px; color: #303050; margin-bottom: 34px; position: relative; z-index: 1; } hr { border: none; height: 1px; background: var(--border); } footer { text-align: center; padding: 26px; font-size: 11px; color: #141422; letter-spacing: 2px; font-weight: 600; font-family: 'JetBrains Mono',monospace; }</style></head><body><nav> <div class="nav-logo"> <div class="nav-icon">💰</div> GoldSage </div> <a href="#" class="nav-cta">Get GoldSage — $10</a></nav><!-- HERO --><div class="hero"> <div class="hero-float" style="top:8%;left:6%;animation:float 4s ease-in-out infinite">⚔️</div> <div class="hero-float" style="top:12%;right:7%;animation:float 3.5s 0.4s ease-in-out infinite">💀</div> <div class="hero-float" style="top:55%;left:3%;animation:float 5s 1s ease-in-out infinite">🌙</div> <div class="hero-float" style="top:50%;right:4%;animation:float 4.5s 0.6s ease-in-out infinite">🔮</div> <div class="eyebrow"><span class="dot"></span> React Widget · AI Powered · 67 Games</div> <h1>Farm more.<br/><span class="shine">Grind smarter.</span></h1> <p class="hero-sub">GoldSage is an AI-powered gold & currency guide widget that adapts to any game. 67 MMO and RPG presets, plus custom game support — drop it into any React app in minutes.</p> <div class="game-pills"> <div class="gpill" style="color:#f4a234;border-color:#3a2810;background:rgba(244,162,52,0.06)">⚔️ World of Warcraft</div> <div class="gpill" style="color:#8bc34a;border-color:#1e2e10;background:rgba(139,195,74,0.06)">🗡️ OSRS</div> <div class="gpill" style="color:#5c6bc0;border-color:#16183a;background:rgba(92,107,192,0.06)">🌙 Final Fantasy XIV</div> <div class="gpill" style="color:#ff7043;border-color:#3a1808;background:rgba(255,112,67,0.06)">🔮 Path of Exile</div> <div class="gpill" style="color:#e53935;border-color:#3a0e0e;background:rgba(229,57,53,0.06)">🚗 GTA Online</div> <div class="gpill" style="color:#c8860a;border-color:#302008;background:rgba(200,134,10,0.06)">🛡️ + 62 more</div> </div> <div class="price-block"> <div class="price-old">$19</div> <div class="price-main">$10</div> <div class="price-sub">One-time · No subscription · Yours forever</div> </div> <div class="cta-wrap"> <a href="#" class="cta-btn">💰 Get GoldSage — $10</a> <div class="trust"><b>✓ 30-day money back</b> &nbsp;·&nbsp; ✓ Instant download &nbsp;·&nbsp; ✓ MIT License</div> </div> <div class="hero-tags"> <span class="htag">React 18+</span> <span class="htag">Claude AI</span> <span class="htag">67 Games</span> <span class="htag">Custom Game Input</span> <span class="htag">Single File</span> <span class="htag">MIT License</span> </div></div><!-- STATS --><div class="stats"> <div class="stat"><div class="stat-n">67<span>+</span></div><div class="stat-l">Games supported</div></div> <div class="stat"><div class="stat-n">4</div><div class="stat-l">Game categories</div></div> <div class="stat"><div class="stat-n">∞</div><div class="stat-l">Custom game input</div></div> <div class="stat"><div class="stat-n">1<span>file</span></div><div class="stat-l">Drop-in component</div></div></div><hr/><!-- MOCK WIDGET --><section class="mock-wrap"> <div class="mock-inner"> <div class="sec-label">See It In Action</div> <div class="sec-h">Pick a game.<br/>Get the guide.</div> <p class="sec-p">Select from 67 presets or type any game name. GoldSage generates a structured farming guide in seconds — methods, market tips, beginner and advanced paths.</p> <div class="mock-widget"> <div class="mock-hdr"> <div> <div class="mock-title">💰 GoldSage</div> <div class="mock-sub">⚡ World of Warcraft · Gold Guide</div> </div> <div class="mock-switch">← switch game</div> </div> <div class="mock-cats"> <div class="mock-cat-label">Classic MMO</div> <div class="mock-pills"> <div class="mock-pill active">⚔️ WoW</div> <div class="mock-pill">🛡️ WoW Classic</div> <div class="mock-pill">🗡️ OSRS</div> <div class="mock-pill">💎 RS3</div> <div class="mock-pill">🧙 EverQuest</div> </div> <div class="mock-cat-label">Modern MMO</div> <div class="mock-pills"> <div class="mock-pill">🌙 FFXIV</div> <div class="mock-pill">🌍 GW2</div> <div class="mock-pill">🐉 ESO</div> <div class="mock-pill">🚢 Lost Ark</div> <div class="mock-pill">🏜️ BDO</div> </div> </div> <div class="mock-input-row"> <div class="mock-input">Ask about WoW gold making...</div> <div class="mock-send">↑</div> </div> <div class="mock-result"> <div class="mock-result-title">💰 World of Warcraft — Gold Guide</div> <div class="mock-result-meta">Current expansion economy · Updated meta</div> <div class="mock-divider"></div> <div class="mock-method"> <div class="mock-method-name">1. Mythic+ Carry Sales <span class="mock-badge">~80,000g/hr</span></div> <div class="mock-method-desc">Join a carry group and sell Mythic+ completions to undergeared players. High demand at the start of each season.</div> </div> <div class="mock-method"> <div class="mock-method-name">2. Crafting Order Arbitrage <span class="mock-badge">~30,000g/hr</span></div> <div class="mock-method-desc">Fulfill public crafting orders with maxed professions. Materials often cheaper than finished goods on the AH.</div> </div> <div class="mock-method"> <div class="mock-method-name">3. Herb / Ore Farming <span class="mock-badge">~15,000g/hr</span></div> <div class="mock-method-desc">Farm high-demand gathering nodes in current content zones. Easiest entry point for new players.</div> </div> </div> </div> </div></section><hr/><!-- GAME CATEGORIES --><section class="sec"> <div class="sec-label">Game Library</div> <div class="sec-h">67 games across<br/>4 categories.</div> <p class="sec-p">Every major MMO, ARPG, and online game — plus custom input for anything we missed. Type any game name and GoldSage adapts instantly.</p> <div class="cats-grid"> <div class="cat-card classic"> <div class="cat-icon">⚔️</div> <div class="cat-name">Classic MMOs</div> <div class="cat-count">14 games</div> <div class="cat-games"> <span class="cat-game">WoW</span> <span class="cat-game">WoW Classic</span> <span class="cat-game">OSRS</span> <span class="cat-game">RS3</span> <span class="cat-game">FFXI</span> <span class="cat-game">EverQuest</span> <span class="cat-game">Lineage II</span> <span class="cat-game">Ragnarok</span> <span class="cat-game">Ultima Online</span> <span class="cat-game">DAoC</span> <span class="cat-game">SWG</span> <span class="cat-game">MU Online</span> <span class="cat-game">+ more</span> </div> </div> <div class="cat-card modern"> <div class="cat-icon">🌍</div> <div class="cat-name">Modern MMOs</div> <div class="cat-count">32 games</div> <div class="cat-games"> <span class="cat-game">FFXIV</span> <span class="cat-game">Guild Wars 2</span> <span class="cat-game">ESO</span> <span class="cat-game">Lost Ark</span> <span class="cat-game">BDO</span> <span class="cat-game">SWTOR</span> <span class="cat-game">Albion Online</span> <span class="cat-game">New World</span> <span class="cat-game">Throne & Liberty</span> <span class="cat-game">LOTRO</span> <span class="cat-game">Aion</span> <span class="cat-game">+ more</span> </div> </div> <div class="cat-card arpg"> <div class="cat-icon">🔮</div> <div class="cat-name">ARPGs</div> <div class="cat-count">8 games</div> <div class="cat-games"> <span class="cat-game">Path of Exile</span> <span class="cat-game">PoE 2</span> <span class="cat-game">Diablo IV</span> <span class="cat-game">Diablo III</span> <span class="cat-game">D2: Resurrected</span> <span class="cat-game">Last Epoch</span> <span class="cat-game">Grim Dawn</span> <span class="cat-game">Torchlight II</span> </div> </div> <div class="cat-card online"> <div class="cat-icon">🎮</div> <div class="cat-name">Online Games</div> <div class="cat-count">13 games</div> <div class="cat-games"> <span class="cat-game">GTA Online</span> <span class="cat-game">RDR Online</span> <span class="cat-game">Destiny 2</span> <span class="cat-game">Warframe</span> <span class="cat-game">Valheim</span> <span class="cat-game">Rust</span> <span class="cat-game">Fallout 76</span> <span class="cat-game">No Man's Sky</span> <span class="cat-game">Minecraft</span> <span class="cat-game">Stardew</span> <span class="cat-game">+ more</span> </div> </div> </div></section><hr/><!-- FEATURES --><section class="feat-wrap"> <div class="feat-inner"> <div class="sec-label">What's Inside</div> <div class="sec-h">Every feature a<br/>farmer needs.</div> <div class="feat-grid"> <div class="feat"> <div class="feat-icon">🎮</div> <div> <div class="feat-title">67 Game Presets</div> <div class="feat-desc">One-click access to every major MMO and ARPG, organized by category with color-coded accents per game.</div> </div> </div> <div class="feat"> <div class="feat-icon">⌨️</div> <div> <div class="feat-title">Custom Game Input</div> <div class="feat-desc">Type any game not in the list — Elden Ring, Albion Online, Stardew Valley — and GoldSage adapts instantly.</div> </div> </div> <div class="feat"> <div class="feat-icon">📋</div> <div> <div class="feat-title">Structured Guides</div> <div class="feat-desc">Top 3 farming methods with difficulty + currency/hour, beginner path, advanced path, market tips, and common mistakes.</div> </div> </div> <div class="feat"> <div class="feat-icon">🎨</div> <div> <div class="feat-title">Color-Coded Themes</div> <div class="feat-desc">Each preset game has its own accent color that tints the entire UI — subtle but makes the widget feel alive.</div> </div> </div> <div class="feat"> <div class="feat-icon">💬</div> <div> <div class="feat-title">Full Chat History</div> <div class="feat-desc">Ask follow-up questions and the AI remembers the whole conversation. Drill into any method or market tip.</div> </div> </div> <div class="feat"> <div class="feat-icon">⚡</div> <div> <div class="feat-title">Quick Ask Buttons</div> <div class="feat-desc">Six preset questions — AFK methods, fastest gold, what to sell — so users never stare at a blank input.</div> </div> </div> </div> </div></section><hr/><!-- INCLUDES --><section class="sec"> <div class="sec-label">In The Package</div> <div class="sec-h">Everything included.</div> <div class="inc-list"> <div class="inc"> <div class="inc-check">✓</div> <div><div class="inc-title">gold-guide-widget.jsx</div><div class="inc-desc">The full component — all 67 presets, clean, commented, and easy to extend</div></div> </div> <div class="inc"> <div class="inc-check">✓</div> <div><div class="inc-title">README.md</div><div class="inc-desc">Setup guide, API key instructions, and how to add new games or categories</div></div> </div> <div class="inc"> <div class="inc-check">✓</div> <div><div class="inc-title">67 Game Presets</div><div class="inc-desc">All presets organized by category with icons, accent colors, and display labels</div></div> </div> <div class="inc"> <div class="inc-check">✓</div> <div><div class="inc-title">MIT License</div><div class="inc-desc">Use in personal or commercial projects — no attribution required</div></div> </div> <div class="inc"> <div class="inc-check">✓</div> <div><div class="inc-title">Lifetime Updates</div><div class="inc-desc">New games added over time — all updates land in your Gumroad library for free</div></div> </div> </div></section><hr/><!-- REVIEWS --><section class="rev-wrap"> <div class="rev-inner"> <div class="sec-label">Reviews</div> <div class="sec-h">What players are saying.</div> <div class="rev-grid"> <div class="rev"> <div class="rev-stars">⭐⭐⭐⭐⭐</div> <div class="rev-text">"I embedded this on my WoW guild's site and our members use it every day before logging in. The gold-per-hour estimates are surprisingly solid."</div> <div class="rev-name">DEREK M.</div> <div class="rev-role">WoW guild leader</div> </div> <div class="rev"> <div class="rev-stars">⭐⭐⭐⭐⭐</div> <div class="rev-text">"Works for OSRS perfectly — it knew about Zulrah, Vorkath, Blast Furnace, all of it. Typed in a random niche game and it still gave useful advice."</div> <div class="rev-name">CALLUM R.</div> <div class="rev-role">OSRS ironman</div> </div> <div class="rev"> <div class="rev-stars">⭐⭐⭐⭐⭐</div> <div class="rev-text">"Clean code, works in 5 minutes, and the 67-game list is insane value for $10. Already resold it to two clients who run gaming communities."</div> <div class="rev-name">SOPHIE L.</div> <div class="rev-role">Freelance dev</div> </div> </div> </div></section><hr/><!-- FAQ --><section class="sec"> <div class="sec-label">FAQ</div> <div class="sec-h">Common questions.</div> <div class="faq-list"> <div class="faq"> <div class="faq-q">Does it work for games not in the preset list?</div> <div class="faq-a">Yes — there's a custom text input where users can type any game name. GoldSage adapts its guide to whatever game you enter, even obscure or newer titles.</div> </div> <div class="faq"> <div class="faq-q">Do I need an Anthropic API key?</div> <div class="faq-a">Yes — a free Anthropic API key powers the AI responses. Each guide costs a fraction of a cent to generate. Full setup instructions are included in the README.</div> </div> <div class="faq"> <div class="faq-q">How accurate are the gold/hour estimates?</div> <div class="faq-a">Estimates are based on Claude's training data and general meta knowledge. They're great for orientation but may not reflect the very latest patch changes. The widget includes a note to verify with current community resources like Reddit or wiki guides.</div> </div> <div class="faq"> <div class="faq-q">Can I add more games to the preset list?</div> <div class="faq-a">Absolutely. The <code>PRESETS</code> array at the top of the file is clearly labeled — add a new object with <code>id</code>, <code>label</code>, <code>full</code>, <code>icon</code>, <code>color</code>, and <code>cat</code> and it appears instantly.</div> </div> <div class="faq"> <div class="faq-q">Can I use this commercially?</div> <div class="faq-a">Yes — MIT license. Use it on a gaming community site, embed it in a subscription tool, or resell it to clients. No royalties or attribution required.</div> </div> </div></section><!-- BOTTOM CTA --><div class="bottom"> <div class="bottom-bg">💰</div> <h2>Stop guessing.<br/><span>Start farming.</span></h2> <p>Instant download. 5-minute setup. 67 games ready to go.</p> <a href="#" class="cta-btn" style="position:relative;z-index:1">💰 Get GoldSage — $10</a> <p style="margin-top:18px;font-size:12px;color:#141422;position:relative;z-index:1">30-day money back guarantee · No questions asked</p></div><footer>GOLDSAGE · AI GOLD GUIDE WIDGET · MADE WITH 💰</footer></body></html>
Get it → pinonster.gumroad.com