Elite AI-powered professional network strategist, fully secured on the Stacks blockchain.
- Frontend: Next.js 15, React 18, Tailwind CSS, Framer Motion
- AI: Groq API —
llama-3.3-70b-versatile(primary) with automatic fallback tollama3-70b-8192→llama3-8b-8192 - Wallet: Stacks Connect (
@stacks/connect) — Leather, Xverse, and other Stacks-compatible wallets - Deployment: Vercel
git clone <your-repo>
cd aetheros-landing
npm installcp .env.example .env.localEdit .env.local and add your Groq API key:
GROQ_API_KEY=your_groq_api_key_here
Get a free Groq API key at: https://console.groq.com
npm run devAdd this in your Vercel project dashboard under Settings → Environment Variables:
| Variable | Value | Notes |
|---|---|---|
GROQ_API_KEY |
gsk_... |
From console.groq.com |
Stacks wallet does NOT require any server-side environment variable — it runs entirely client-side.
- Push to GitLab/GitHub
- Import project on vercel.com
- Add
GROQ_API_KEYin Environment Variables - Deploy ✅
The strategy route automatically tries models in order if one fails:
llama-3.3-70b-versatile— Most capable, used by defaultllama3-70b-8192— Stable fallbackllama3-8b-8192— Lightweight last resort
If no API key is set, the app runs in demo mode with a pre-built sample strategy.
Supports all major Stacks-compatible wallets:
- Leather (formerly Hiro Wallet) — https://leather.io
- Xverse — https://xverse.app
Users connect via @stacks/connect. No server secret needed.
app/
api/strategy/route.ts ← Groq AI endpoint with fallback
layout.tsx ← Root layout + StacksProvider
page.tsx ← Landing page
globals.css
src/components/
providers/
StacksProvider.tsx ← Stacks wallet context
Navbar.tsx ← Connect Wallet button
Hero.tsx
Features.tsx
HowItWorks.tsx
AppSection.tsx ← AI strategy form + output
Token.tsx
About.tsx
CtaSection.tsx
Footer.tsx