From ab65ca690f15e63dfb042c2b996df5454bc75f6f Mon Sep 17 00:00:00 2001 From: Jackson Date: Wed, 4 Mar 2026 15:27:08 +0000 Subject: [PATCH 01/14] feat: implement task 0x99024b4e593404877f via TaskMarket agent #24583 --- landing/index.html | 329 +++++++++++++-------------- landing/script.js | 51 +++++ landing/styles.css | 541 +++++++++++++++++---------------------------- 3 files changed, 426 insertions(+), 495 deletions(-) create mode 100644 landing/script.js diff --git a/landing/index.html b/landing/index.html index a4b9639..b23c9a4 100644 --- a/landing/index.html +++ b/landing/index.html @@ -1,178 +1,185 @@ - + - - - - Queryx — Agent-native search API - - - - - - - -
-
-
x402 payments on Base
-

Search the web.
Pay per query.
No accounts.

-

The search API built for agents. 5x cheaper than Perplexity. Native x402 micropayments on Base.

-
- Try it → - View pricing + + + + Queryx — Agent-native search API + + + + + +
+
+ Queryx + + GitHub +
-
-
+ - -
-
-

Simple pricing

-

Pay per query. No subscriptions. No API keys. No accounts.

-
-
-
/v1/search
-
$0.001
-
Web search + AI synthesis. Fast, structured JSON with sources and confidence scores.
-
-
-
/v1/search/news
-
$0.001
-
News-focused search. Results sorted by recency with publication dates.
-
-
-
/v1/search/deep
-
$0.005
-
Multi-source deep research. Cross-references multiple sources for complex queries.
-
-
-
-

How we compare

-
-
- - Price/query - x402 - No account - Agent JSON -
-
- Queryx - $0.001 - ✓ - ✓ - ✓ -
-
- Perplexity - $0.005–0.014 - × - × - × -
-
- Tavily - $0.004 - × - × - ✓ +
+
+
+

Agent-native search API

+

Search the web. Pay per query. No accounts.

+

+ Queryx uses x402 micropayments on Base so your agent pays only for + what it calls — starting at $0.001 per request. +

+
+ See pricing + + View repo +
-
-
-
+ - -
-
-

Quick start

-

One curl. That's it.

-
-
- bash - -
- 
curl -H "PAYMENT-SIGNATURE: <x402-sig>" \
-  "https://queryx.run/v1/search?q=Fed+rate+decision+2026"
-
-
- View response -
-
- json +
+
+

Simple endpoint pricing

+

+ Flat per-query pricing with no monthly commitment. +

+ +
+
+

/v1/search

+

$0.001/query

+

General web search for fast retrieval.

+

+ Competitors: Perplexity $0.005–$0.014 · Tavily $0.004 +

+
+ +
+

/v1/search/news

+

$0.001/query

+

+ Fresh news-focused results for real-time tasks. +

+

+ Competitors: Perplexity $0.005–$0.014 · Tavily $0.004 +

+
+ +
+

/v1/search/deep

+

$0.005/query

+

+ Deeper retrieval for harder research queries. +

+

+ Competitors: Perplexity $0.005–$0.014 · Tavily $0.004 +

+
- 
{
-  "query": "Fed rate decision 2026",
-  "answer": "The Federal Reserve held rates steady at 4.25-4.50% in its January 2026 meeting, citing persistent inflation concerns...",
-  "sources": [
+
+
+ +
+
+

Quick start

+

+ Make a request with an x402 payment header and get structured JSON. +

+ +
+
+ curl example + +
+ 
curl https://api.queryx.dev/v1/search \
+  -X POST \
+  -H "Content-Type: application/json" \
+  -H "X-Payment: <x402-token>" \
+  -d '{
+    "q": "latest AI model releases",
+    "num_results": 5
+  }'
+ +
+ Show sample JSON response + 
{
+  "query": "latest AI model releases",
+  "results": [
     {
-      "title": "Fed Holds Rates Steady in January 2026",
-      "url": "https://reuters.com/markets/fed-jan-2026",
-      "snippet": "The Federal Reserve maintained its benchmark rate...",
-      "published": "2026-01-29T18:00:00Z"
+      "title": "Model Release Roundup",
+      "url": "https://example.com/model-release-roundup",
+      "snippet": "A breakdown of this week's major foundation model launches.",
+      "source": "Example News",
+      "published_at": "2026-03-01T14:22:00Z"
     }
   ],
-  "confidence": 0.92,
-  "freshness": {
-    "fetchedAt": "2026-02-27T10:30:00Z",
-    "resultsAge": "29d"
-  },
-  "model": "queryx-fast-v1",
-  "tokens": { "in": 312, "out": 187 }
+  "total_results": 1,
+  "latency_ms": 182
 }
+
+
-
-
-
+ - -
-
-

How it works

-
-
-
🔍
-
1
-

Agent sends query

-

Your agent hits the API with a search query and an x402 payment signature.

-
-
→
-
-
⚡
-
2
-

Payment verified

-

x402 USDC micropayment verified on Base in under 100ms. No accounts, no API keys.

-
-
→
-
-
📊
-
3
-

Structured JSON returned

-

Search results synthesized by AI with sources, confidence scores, and freshness metadata.

+
+
+

How it works

+
+
+

1

+

Send a query

+

+ Your agent calls a Queryx endpoint with the query payload. +

+
+
+

2

+

x402 payment on Base

+

+ Request is authorized through x402 micropayment settlement on + Base. +

+
+
+

3

+

Receive structured JSON

+

+ Get normalized search results ready for tools, memory, and + downstream workflows. +

+
+
-
-
-
+ + - - + - - - + + + \ No newline at end of file diff --git a/landing/script.js b/landing/script.js new file mode 100644 index 0000000..74ad5cc --- /dev/null +++ b/landing/script.js @@ -0,0 +1,51 @@ +(function () { + var copyButtons = document.querySelectorAll("[data-copy]"); + for (var i = 0; i < copyButtons.length; i += 1) { + copyButtons[i].addEventListener("click", function (event) { + var button = event.currentTarget; + var selector = button.getAttribute("data-copy"); + if (!selector) return; + + var source = document.querySelector(selector); + if (!source) return; + + var text = source.textContent || ""; + var original = button.textContent; + + function setLabel(label) { + button.textContent = label; + window.setTimeout(function () { + button.textContent = original || "Copy"; + }, 1200); + } + + if (navigator.clipboard && navigator.clipboard.writeText) { + navigator.clipboard + .writeText(text) + .then(function () { + setLabel("Copied"); + }) + .catch(function () { + setLabel("Failed"); + }); + } else { + var temp = document.createElement("textarea"); + temp.value = text; + temp.style.position = "fixed"; + temp.style.opacity = "0"; + document.body.appendChild(temp); + temp.select(); + try { + document.execCommand("copy"); + setLabel("Copied"); + } catch (err) { + setLabel("Failed"); + } + document.body.removeChild(temp); + } + }); + } + + var yearEl = document.getElementById("year"); + if (yearEl) yearEl.textContent = String(new Date().getFullYear()); +})(); \ No newline at end of file diff --git a/landing/styles.css b/landing/styles.css index ed8aeaa..b3ccfa7 100644 --- a/landing/styles.css +++ b/landing/styles.css @@ -1,493 +1,366 @@ -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} - :root { --bg: #0a0a0a; --surface: #141414; - --surface-2: #1a1a1a; - --border: #262626; - --accent: #6366f1; - --accent-glow: rgba(99, 102, 241, 0.15); + --surface-2: #181818; --text: #f4f4f5; - --muted: #71717a; - --green: #10b981; - --red: #ef4444; - --font: 'Inter', system-ui, -apple-system, sans-serif; - --mono: 'JetBrains Mono', 'Fira Code', monospace; + --muted: #a1a1aa; + --accent: #6366f1; + --accent-hover: #7c7ef5; + --border: #262626; + --danger: #ef4444; + --radius: 14px; + --shadow: 0 8px 30px rgba(0, 0, 0, 0.35); +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html, +body { + margin: 0; + padding: 0; } html { + color-scheme: dark; scroll-behavior: smooth; } body { background: var(--bg); color: var(--text); - font-family: var(--font); - line-height: 1.6; + font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, + Noto Sans, "Helvetica Neue", Arial, sans-serif; + line-height: 1.55; + text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } +a { + color: var(--text); + text-decoration: none; +} + .container { - max-width: 1080px; - margin: 0 auto; - padding: 0 24px; + width: min(1120px, calc(100% - 2rem)); + margin-inline: auto; } -/* Hero */ -.hero { - padding: 120px 0 100px; - text-align: center; - position: relative; - overflow: hidden; +.section { + padding: 4rem 0; } -.hero::before { - content: ''; - position: absolute; - top: -200px; - left: 50%; - transform: translateX(-50%); - width: 800px; - height: 800px; - background: radial-gradient(circle, var(--accent-glow) 0%, transparent 70%); - pointer-events: none; +.site-header { + position: sticky; + top: 0; + z-index: 20; + backdrop-filter: blur(8px); + background: rgba(10, 10, 10, 0.75); + border-bottom: 1px solid var(--border); } -.badge { - display: inline-block; - padding: 6px 16px; - border: 1px solid var(--border); - border-radius: 100px; - font-size: 13px; - color: var(--muted); - margin-bottom: 32px; - letter-spacing: 0.02em; +.nav { + min-height: 64px; + display: flex; + align-items: center; + justify-content: space-between; } -.hero h1 { - font-size: clamp(36px, 6vw, 64px); +.brand { font-weight: 700; - line-height: 1.1; - margin-bottom: 24px; - letter-spacing: -0.03em; + letter-spacing: 0.2px; } -.subtitle { - font-size: 18px; +.nav-link { color: var(--muted); - max-width: 520px; - margin: 0 auto 40px; - line-height: 1.7; + font-weight: 500; } -.cta-row { +.nav-link:hover { + color: var(--text); +} + +.hero { + padding-top: 5rem; + padding-bottom: 3rem; +} + +.eyebrow { + color: var(--accent); + font-size: 0.85rem; + font-weight: 600; + letter-spacing: 0.06em; + text-transform: uppercase; + margin: 0 0 0.7rem; +} + +h1 { + font-size: clamp(2rem, 5.5vw, 4rem); + line-height: 1.05; + margin: 0; + max-width: 12ch; + letter-spacing: -0.02em; +} + +.subheadline { + margin-top: 1rem; + color: var(--muted); + max-width: 58ch; + font-size: clamp(1rem, 1.5vw, 1.2rem); +} + +.cta-group { + margin-top: 1.75rem; display: flex; - gap: 16px; - justify-content: center; flex-wrap: wrap; + gap: 0.75rem; } .btn { display: inline-flex; align-items: center; - padding: 12px 28px; - border-radius: 8px; - font-size: 15px; - font-weight: 500; - text-decoration: none; - transition: all 0.2s; - cursor: pointer; - border: none; + justify-content: center; + min-height: 42px; + padding: 0.6rem 1rem; + border-radius: 10px; + font-weight: 600; + font-size: 0.95rem; + border: 1px solid transparent; + transition: 140ms ease; } .btn-primary { background: var(--accent); - color: white; + color: #fff; } .btn-primary:hover { - background: #5558e6; - transform: translateY(-1px); - box-shadow: 0 8px 30px rgba(99, 102, 241, 0.3); + background: var(--accent-hover); } .btn-secondary { - background: var(--surface); + background: transparent; + border-color: var(--border); color: var(--text); - border: 1px solid var(--border); } .btn-secondary:hover { - border-color: #404040; - background: var(--surface-2); -} - -/* Sections */ -section { - padding: 100px 0; + border-color: #3a3a3a; + background: #121212; } h2 { - font-size: 32px; - font-weight: 700; - margin-bottom: 12px; - letter-spacing: -0.02em; + margin: 0; + font-size: clamp(1.45rem, 2.4vw, 2.1rem); + letter-spacing: -0.01em; } -.section-sub { +.section-lead { + margin-top: 0.6rem; + margin-bottom: 1.6rem; color: var(--muted); - font-size: 16px; - margin-bottom: 48px; } -/* Pricing */ -.pricing { - text-align: center; -} - -.price-grid { +.pricing-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); - gap: 20px; - margin-bottom: 64px; + grid-template-columns: repeat(3, minmax(220px, 1fr)); + gap: 1rem; } -.price-card { - background: var(--surface); +.card { + background: linear-gradient(180deg, var(--surface), var(--surface-2)); border: 1px solid var(--border); - border-radius: 12px; - padding: 32px 28px; - text-align: left; - transition: border-color 0.2s; -} - -.price-card:hover { - border-color: #404040; -} - -.price-card.featured { - border-color: var(--accent); - position: relative; -} - -.price-card.featured::before { - content: 'Popular'; - position: absolute; - top: -10px; - right: 20px; - background: var(--accent); - color: white; - font-size: 11px; - font-weight: 600; - padding: 2px 10px; - border-radius: 100px; - letter-spacing: 0.05em; - text-transform: uppercase; + border-radius: var(--radius); + padding: 1.1rem; + box-shadow: var(--shadow); } -.endpoint { - font-family: var(--mono); - font-size: 14px; - color: var(--accent); - margin-bottom: 16px; - font-weight: 500; +.card h3 { + margin: 0; + font-size: 1.04rem; + color: #ddd; + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", + "Courier New", monospace; } .price { - font-size: 36px; + margin: 0.6rem 0 0; + font-size: 1.9rem; font-weight: 700; - margin-bottom: 12px; - letter-spacing: -0.02em; + letter-spacing: -0.015em; } -.price-desc { - color: var(--muted); - font-size: 14px; - line-height: 1.6; -} - -/* Comparison */ -.comparison { - max-width: 700px; - margin: 0 auto; -} - -.comparison h3 { - font-size: 18px; - font-weight: 600; - margin-bottom: 20px; -} - -.comp-table { - border: 1px solid var(--border); - border-radius: 12px; - overflow: hidden; -} - -.comp-row { - display: grid; - grid-template-columns: 1.2fr 1fr 0.7fr 0.7fr 0.7fr; - padding: 14px 20px; - font-size: 14px; - border-bottom: 1px solid var(--border); - align-items: center; -} - -.comp-row:last-child { - border-bottom: none; -} - -.comp-header { - background: var(--surface); +.price span { color: var(--muted); + margin-left: 0.2rem; + font-size: 0.95rem; font-weight: 500; - font-size: 12px; - text-transform: uppercase; - letter-spacing: 0.06em; } -.comp-row.highlight { - background: rgba(99, 102, 241, 0.06); +.description { + margin: 0.55rem 0 0; + color: var(--muted); + font-size: 0.95rem; } -.provider { +.compare { + margin: 0.85rem 0 0; + color: var(--danger); + font-size: 0.89rem; font-weight: 600; } -.cheap { color: var(--green); font-weight: 600; font-family: var(--mono); font-size: 13px; } -.expensive { color: var(--red); font-family: var(--mono); font-size: 13px; } -.yes { color: var(--green); font-size: 18px; font-weight: 700; } -.no { color: var(--red); font-size: 16px; } - -/* Quickstart */ -.quickstart { - text-align: center; -} - -.code-block { - background: var(--surface); +.code-shell { border: 1px solid var(--border); - border-radius: 12px; + border-radius: var(--radius); overflow: hidden; - text-align: left; - max-width: 700px; - margin: 0 auto; + background: #111111; + box-shadow: var(--shadow); } .code-header { display: flex; - justify-content: space-between; align-items: center; - padding: 10px 16px; + justify-content: space-between; + min-height: 44px; + padding: 0.35rem 0.75rem; + background: #101010; border-bottom: 1px solid var(--border); - background: var(--surface-2); -} - -.code-lang { - font-family: var(--mono); - font-size: 12px; color: var(--muted); + font-size: 0.9rem; } .copy-btn { - background: transparent; - border: 1px solid var(--border); - color: var(--muted); - font-size: 12px; - padding: 4px 12px; - border-radius: 6px; cursor: pointer; - font-family: var(--font); - transition: all 0.2s; + color: #fff; + background: var(--accent); + border: 0; + border-radius: 8px; + padding: 0.38rem 0.72rem; + font-size: 0.83rem; + font-weight: 600; } .copy-btn:hover { - color: var(--text); - border-color: #404040; + background: var(--accent-hover); } pre { - padding: 20px; + margin: 0; + padding: 1rem; overflow-x: auto; + font-size: 0.9rem; + line-height: 1.45; } code { - font-family: var(--mono); - font-size: 13px; - line-height: 1.7; - color: #e4e4e7; + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", + "Courier New", monospace; } -.key { color: #818cf8; } -.str { color: #34d399; } -.num { color: #fbbf24; } - .response-toggle { - max-width: 700px; - margin: 16px auto 0; - text-align: left; + border-top: 1px solid var(--border); + background: #101010; } -.response-toggle summary { +.response-toggle > summary { cursor: pointer; + list-style: none; + padding: 0.85rem 1rem; color: var(--muted); - font-size: 14px; - padding: 12px 0; - transition: color 0.2s; + font-weight: 600; } -.response-toggle summary:hover { - color: var(--text); +.response-toggle > summary::-webkit-details-marker { + display: none; } -.response-toggle .code-block { - margin-top: 8px; +.response-toggle > summary::before { + content: "▸"; + display: inline-block; + margin-right: 0.5rem; + transform: translateY(-0.02rem); } -/* How it works */ -.how-it-works { - text-align: center; +.response-toggle[open] > summary::before { + content: "▾"; } .steps { - display: flex; - align-items: flex-start; - justify-content: center; - gap: 20px; - flex-wrap: wrap; + margin-top: 1.25rem; + display: grid; + grid-template-columns: repeat(3, minmax(220px, 1fr)); + gap: 1rem; } .step { - flex: 1; - min-width: 220px; - max-width: 300px; - padding: 32px 24px; - background: var(--surface); border: 1px solid var(--border); - border-radius: 12px; - position: relative; -} - -.step-icon { - font-size: 32px; - margin-bottom: 8px; + border-radius: var(--radius); + background: var(--surface); + padding: 1rem; } -.step-num { +.step-index { + margin: 0; + width: 1.8rem; + height: 1.8rem; display: inline-flex; align-items: center; justify-content: center; - width: 28px; - height: 28px; - border-radius: 50%; - background: var(--accent); - color: white; - font-size: 13px; + border-radius: 999px; + background: rgba(99, 102, 241, 0.2); + color: #a9abff; font-weight: 700; - margin-bottom: 16px; + font-size: 0.9rem; } .step h3 { - font-size: 16px; - font-weight: 600; - margin-bottom: 8px; + margin: 0.7rem 0 0.25rem; + font-size: 1.05rem; } .step p { + margin: 0; color: var(--muted); - font-size: 14px; - line-height: 1.6; -} - -.step-arrow { - color: var(--muted); - font-size: 24px; - align-self: center; - padding-top: 40px; + font-size: 0.94rem; } -/* Footer */ -footer { +.site-footer { border-top: 1px solid var(--border); - padding: 40px 0; + margin-top: 2rem; + padding: 1.1rem 0; } .footer-inner { display: flex; justify-content: space-between; align-items: center; - flex-wrap: wrap; - gap: 16px; -} - -.footer-links { - display: flex; - gap: 24px; -} - -.footer-links a, -.footer-credit a { + gap: 1rem; color: var(--muted); - text-decoration: none; - font-size: 14px; - transition: color 0.2s; + font-size: 0.92rem; } -.footer-links a:hover, -.footer-credit a:hover { +.footer-inner a { color: var(--text); } -.footer-credit { - color: var(--muted); - font-size: 14px; -} - -/* Mobile */ -@media (max-width: 768px) { - .hero { - padding: 80px 0 60px; - } - - section { - padding: 60px 0; - } - - .comp-row { - grid-template-columns: 1.2fr 1fr 0.6fr 0.6fr 0.6fr; - padding: 12px 14px; - font-size: 13px; - } - - .step-arrow { - display: none; - } - +@media (max-width: 900px) { + .pricing-grid, .steps { - flex-direction: column; - align-items: center; - } - - .step { - max-width: 100%; + grid-template-columns: 1fr; } } -@media (max-width: 480px) { - .hero h1 { - font-size: 32px; - } - - .comp-row { - grid-template-columns: 1fr 1fr; - gap: 4px; +@media (max-width: 560px) { + .section { + padding: 3rem 0; } - .comp-row span:nth-child(n+3) { - display: none; + .footer-inner { + flex-direction: column; + align-items: flex-start; } -} +} \ No newline at end of file From 1f9d12dffd8ee562261883f5eaf644aed2bf7ab4 Mon Sep 17 00:00:00 2001 From: Jackson Date: Wed, 4 Mar 2026 15:30:51 +0000 Subject: [PATCH 02/14] feat: implement task 0x99024b4e593404877f via TaskMarket agent #24583 --- landing/index.html | 260 +++++++++++++--------------- landing/styles.css | 415 ++++++++++++++++++++++++--------------------- 2 files changed, 343 insertions(+), 332 deletions(-) diff --git a/landing/index.html b/landing/index.html index b23c9a4..76ab718 100644 --- a/landing/index.html +++ b/landing/index.html @@ -3,183 +3,167 @@ - Queryx — Agent-native search API + Queryx — Agent-Native Search API -
-
- Queryx - - GitHub - -
-
- -
+
-
-

Agent-native search API

-

Search the web. Pay per query. No accounts.

-

- Queryx uses x402 micropayments on Base so your agent pays only for - what it calls — starting at $0.001 per request. -

-
- See pricing - - View repo - -
+

Agent-native search API

+

Search the web. Pay per query. No accounts.

+

+ Queryx lets agents pay with x402 on Base, only when they call the API: + $0.001/query for search and news, + $0.005/query for deep search. +

+
+ Quick start + View pricing
-
-

Simple endpoint pricing

-

- Flat per-query pricing with no monthly commitment. -

+
+

Simple pricing

+

Transparent endpoint pricing. No subscriptions, no seat licenses.

+
-
-
-

/v1/search

-

$0.001/query

-

General web search for fast retrieval.

-

- Competitors: Perplexity $0.005–$0.014 · Tavily $0.004 -

-
+
+
+

/v1/search

+

$0.001

+

per query

+
-
-

/v1/search/news

-

$0.001/query

-

- Fresh news-focused results for real-time tasks. -

-

- Competitors: Perplexity $0.005–$0.014 · Tavily $0.004 -

-
+
+

/v1/search/news

+

$0.001

+

per query

+
-
-

/v1/search/deep

-

$0.005/query

-

- Deeper retrieval for harder research queries. -

-

- Competitors: Perplexity $0.005–$0.014 · Tavily $0.004 -

-
-
+
+

/v1/search/deep

+

$0.005

+

per query

+
+ +
-
+

Quick start

-

- Make a request with an x402 payment header and get structured JSON. -

+

Call Queryx from any agent runtime with a single request.

+
-
-
- curl example - -
- 
curl https://api.queryx.dev/v1/search \
-  -X POST \
+        

+          

+            bash
+            
+          

+          
curl -X POST "$QUERYX_BASE_URL/v1/search" \
   -H "Content-Type: application/json" \
-  -H "X-Payment: <x402-token>" \
+  -H "x402-network: base" \
+  -H "x402-payment: <signed-payment-token>" \
   -d '{
-    "q": "latest AI model releases",
-    "num_results": 5
+    "q": "latest agent-native search APIs",
+    "limit": 5
   }'

 
-            

-              Show sample JSON response
-              
{
-  "query": "latest AI model releases",
+          

+            Show sample JSON response
+            
{
+  "query": "latest agent-native search APIs",
+  "endpoint": "/v1/search",
+  "cost_usd": 0.001,
   "results": [
     {
-      "title": "Model Release Roundup",
-      "url": "https://example.com/model-release-roundup",
-      "snippet": "A breakdown of this week's major foundation model launches.",
-      "source": "Example News",
-      "published_at": "2026-03-01T14:22:00Z"
+      "title": "Queryx Launches Agent-Native Search",
+      "url": "https://example.com/queryx-launch",
+      "snippet": "Queryx introduces x402 micropayments on Base..."
+    },
+    {
+      "title": "How x402 Improves API Monetization",
+      "url": "https://example.com/x402-guide",
+      "snippet": "Per-request payments enable low-friction usage..."
     }
-  ],
-  "total_results": 1,
-  "latency_ms": 182
+  ]
 }

-            

-          

+
-
-
+
+

How it works

-
-
-

1

-

Send a query

-

- Your agent calls a Queryx endpoint with the query payload. -

-
-
-

2

-

x402 payment on Base

-

- Request is authorized through x402 micropayment settlement on - Base. -

-
-
-

3

-

Receive structured JSON

-

- Get normalized search results ready for tools, memory, and - downstream workflows. -

-
-
+
    +
  1. + 1 +

    Send query

    +

    Your agent calls a Queryx endpoint with the search input.

    +
    2. +
  2. + 2 +

    x402 payment on Base

    +

    Each request settles via x402 micropayment on Base.

    +
    3. +
  3. + 3 +

    Get structured JSON

    +

    Receive normalized, machine-ready search results instantly.

    +
    4. +
-
- - GitHub - -

Built by @langoustine69 ·

-
+

+ GitHub + • + Built by @langoustine69 +

- + \ No newline at end of file diff --git a/landing/styles.css b/landing/styles.css index b3ccfa7..f5a4efc 100644 --- a/landing/styles.css +++ b/landing/styles.css @@ -1,15 +1,16 @@ :root { --bg: #0a0a0a; --surface: #141414; - --surface-2: #181818; + --surface-2: #1a1a1a; + --border: #262626; --text: #f4f4f5; --muted: #a1a1aa; --accent: #6366f1; - --accent-hover: #7c7ef5; - --border: #262626; + --accent-strong: #7578ff; --danger: #ef4444; --radius: 14px; - --shadow: 0 8px 30px rgba(0, 0, 0, 0.35); + --radius-sm: 10px; + --shadow: 0 20px 40px rgba(0, 0, 0, 0.35); } *, @@ -22,114 +23,96 @@ html, body { margin: 0; padding: 0; -} - -html { - color-scheme: dark; - scroll-behavior: smooth; + background: var(--bg); + color: var(--text); + font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; } body { - background: var(--bg); - color: var(--text); - font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, - Noto Sans, "Helvetica Neue", Arial, sans-serif; line-height: 1.55; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } -a { - color: var(--text); - text-decoration: none; -} - .container { - width: min(1120px, calc(100% - 2rem)); - margin-inline: auto; + width: min(1080px, 92vw); + margin: 0 auto; + padding: 32px 0 64px; } .section { - padding: 4rem 0; -} - -.site-header { - position: sticky; - top: 0; - z-index: 20; - backdrop-filter: blur(8px); - background: rgba(10, 10, 10, 0.75); - border-bottom: 1px solid var(--border); -} - -.nav { - min-height: 64px; - display: flex; - align-items: center; - justify-content: space-between; -} - -.brand { - font-weight: 700; - letter-spacing: 0.2px; -} - -.nav-link { - color: var(--muted); - font-weight: 500; + margin-top: 40px; + background: var(--surface); + border: 1px solid var(--border); + border-radius: var(--radius); + padding: 28px; + box-shadow: var(--shadow); } -.nav-link:hover { - color: var(--text); +.hero { + padding: 48px 28px; + background: + radial-gradient(900px 280px at 20% -5%, rgba(99, 102, 241, 0.2), transparent 60%), + var(--surface); } -.hero { - padding-top: 5rem; - padding-bottom: 3rem; +.badge { + margin: 0 0 14px; + display: inline-block; + border: 1px solid rgba(99, 102, 241, 0.45); + color: #c7d2fe; + background: rgba(99, 102, 241, 0.12); + border-radius: 999px; + padding: 6px 12px; + font-size: 0.82rem; + letter-spacing: 0.02em; } -.eyebrow { - color: var(--accent); - font-size: 0.85rem; - font-weight: 600; - letter-spacing: 0.06em; - text-transform: uppercase; - margin: 0 0 0.7rem; +h1, +h2, +h3, +p { + margin: 0; } h1 { - font-size: clamp(2rem, 5.5vw, 4rem); - line-height: 1.05; - margin: 0; - max-width: 12ch; + font-size: clamp(1.9rem, 5vw, 3.2rem); + line-height: 1.1; letter-spacing: -0.02em; + max-width: 20ch; } .subheadline { - margin-top: 1rem; + margin-top: 16px; color: var(--muted); - max-width: 58ch; - font-size: clamp(1rem, 1.5vw, 1.2rem); + max-width: 68ch; + font-size: 1.05rem; } -.cta-group { - margin-top: 1.75rem; +.subheadline strong { + color: var(--text); + font-weight: 650; +} + +.hero-actions { display: flex; + gap: 12px; + margin-top: 24px; flex-wrap: wrap; - gap: 0.75rem; } .btn { - display: inline-flex; - align-items: center; - justify-content: center; - min-height: 42px; - padding: 0.6rem 1rem; - border-radius: 10px; - font-weight: 600; + text-decoration: none; + border-radius: var(--radius-sm); + padding: 10px 14px; font-size: 0.95rem; + font-weight: 600; border: 1px solid transparent; - transition: 140ms ease; + transition: transform 120ms ease, background-color 120ms ease, border-color 120ms ease; +} + +.btn:hover { + transform: translateY(-1px); } .btn-primary { @@ -138,229 +121,273 @@ h1 { } .btn-primary:hover { - background: var(--accent-hover); + background: var(--accent-strong); } .btn-secondary { - background: transparent; + background: #111; border-color: var(--border); color: var(--text); } -.btn-secondary:hover { - border-color: #3a3a3a; - background: #121212; +.section-header { + display: grid; + gap: 6px; + margin-bottom: 18px; } -h2 { - margin: 0; - font-size: clamp(1.45rem, 2.4vw, 2.1rem); +.section-header h2 { + font-size: clamp(1.35rem, 3vw, 1.95rem); letter-spacing: -0.01em; } -.section-lead { - margin-top: 0.6rem; - margin-bottom: 1.6rem; +.section-header p { color: var(--muted); } .pricing-grid { display: grid; - grid-template-columns: repeat(3, minmax(220px, 1fr)); - gap: 1rem; + grid-template-columns: repeat(3, minmax(180px, 1fr)); + gap: 14px; } -.card { - background: linear-gradient(180deg, var(--surface), var(--surface-2)); +.price-card { + background: var(--surface-2); border: 1px solid var(--border); - border-radius: var(--radius); - padding: 1.1rem; - box-shadow: var(--shadow); + border-radius: var(--radius-sm); + padding: 18px; } -.card h3 { - margin: 0; - font-size: 1.04rem; - color: #ddd; - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", - "Courier New", monospace; +.price-card.highlight { + border-color: rgba(99, 102, 241, 0.7); + box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.3); +} + +.endpoint { + color: #d4d4d8; + font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; + font-size: 0.92rem; + margin-bottom: 12px; } .price { - margin: 0.6rem 0 0; - font-size: 1.9rem; + font-size: 1.8rem; + line-height: 1.1; + letter-spacing: -0.02em; font-weight: 700; - letter-spacing: -0.015em; } -.price span { +.unit { + margin-top: 4px; color: var(--muted); - margin-left: 0.2rem; - font-size: 0.95rem; - font-weight: 500; + font-size: 0.94rem; } -.description { - margin: 0.55rem 0 0; - color: var(--muted); - font-size: 0.95rem; +.comparison { + margin-top: 16px; + background: var(--surface-2); + border: 1px solid var(--border); + border-radius: var(--radius-sm); + padding: 16px; } -.compare { - margin: 0.85rem 0 0; - color: var(--danger); - font-size: 0.89rem; +.comparison h3 { + font-size: 1rem; + margin-bottom: 10px; + color: #e4e4e7; +} + +.comparison ul { + list-style: none; + margin: 0; + padding: 0; + display: grid; + gap: 8px; +} + +.comparison li { + display: flex; + justify-content: space-between; + gap: 12px; + border-bottom: 1px dashed #2f2f2f; + padding-bottom: 8px; +} + +.comparison li:last-child { + border-bottom: 0; + padding-bottom: 0; +} + +.value { font-weight: 600; + white-space: nowrap; +} + +.danger { + color: var(--danger); +} + +.accent { + color: var(--accent-strong); } -.code-shell { +.code-panel { border: 1px solid var(--border); - border-radius: var(--radius); + border-radius: var(--radius-sm); overflow: hidden; - background: #111111; - box-shadow: var(--shadow); + background: #101010; } -.code-header { +.code-toolbar { display: flex; - align-items: center; justify-content: space-between; - min-height: 44px; - padding: 0.35rem 0.75rem; - background: #101010; + align-items: center; + background: #181818; border-bottom: 1px solid var(--border); + padding: 9px 12px; color: var(--muted); - font-size: 0.9rem; + font-size: 0.88rem; } .copy-btn { - cursor: pointer; - color: #fff; - background: var(--accent); - border: 0; + border: 1px solid var(--border); + background: #111; + color: #ddd; border-radius: 8px; - padding: 0.38rem 0.72rem; - font-size: 0.83rem; - font-weight: 600; + padding: 6px 10px; + cursor: pointer; + font-size: 0.82rem; } -.copy-btn:hover { - background: var(--accent-hover); +.copy-btn:disabled { + opacity: 0.8; + cursor: default; } pre { margin: 0; - padding: 1rem; + padding: 14px; overflow-x: auto; - font-size: 0.9rem; - line-height: 1.45; + font-size: 0.87rem; + line-height: 1.6; } code { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", - "Courier New", monospace; + font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; + color: #e4e4e7; } -.response-toggle { +.response-block { border-top: 1px solid var(--border); - background: #101010; + background: #121212; } -.response-toggle > summary { - cursor: pointer; +.response-block summary { list-style: none; - padding: 0.85rem 1rem; - color: var(--muted); - font-weight: 600; + cursor: pointer; + padding: 10px 14px; + color: #c4c4cc; + font-size: 0.9rem; + user-select: none; } -.response-toggle > summary::-webkit-details-marker { +.response-block summary::-webkit-details-marker { display: none; } -.response-toggle > summary::before { - content: "▸"; +.response-block summary::before { + content: "▶"; display: inline-block; - margin-right: 0.5rem; - transform: translateY(-0.02rem); + margin-right: 8px; + font-size: 0.75rem; + transition: transform 120ms ease; } -.response-toggle[open] > summary::before { - content: "▾"; +.response-block[open] summary::before { + transform: rotate(90deg); } .steps { - margin-top: 1.25rem; + list-style: none; + margin: 0; + padding: 0; display: grid; - grid-template-columns: repeat(3, minmax(220px, 1fr)); - gap: 1rem; + gap: 12px; + grid-template-columns: repeat(3, minmax(180px, 1fr)); } -.step { +.step-card { + background: var(--surface-2); border: 1px solid var(--border); - border-radius: var(--radius); - background: var(--surface); - padding: 1rem; + border-radius: var(--radius-sm); + padding: 16px; } -.step-index { - margin: 0; - width: 1.8rem; - height: 1.8rem; +.step-number { display: inline-flex; align-items: center; justify-content: center; + width: 26px; + height: 26px; border-radius: 999px; background: rgba(99, 102, 241, 0.2); - color: #a9abff; - font-weight: 700; - font-size: 0.9rem; + border: 1px solid rgba(99, 102, 241, 0.5); + color: #d8dbff; + font-size: 0.85rem; + margin-bottom: 10px; } -.step h3 { - margin: 0.7rem 0 0.25rem; - font-size: 1.05rem; +.step-card h3 { + font-size: 1.02rem; + margin-bottom: 6px; } -.step p { - margin: 0; +.step-card p { color: var(--muted); - font-size: 0.94rem; + font-size: 0.95rem; } .site-footer { - border-top: 1px solid var(--border); - margin-top: 2rem; - padding: 1.1rem 0; + width: min(1080px, 92vw); + margin: 0 auto 36px; + color: #9a9aa3; + font-size: 0.92rem; + text-align: center; } -.footer-inner { - display: flex; - justify-content: space-between; - align-items: center; - gap: 1rem; - color: var(--muted); - font-size: 0.92rem; +.site-footer p { + margin: 0; } -.footer-inner a { - color: var(--text); +.site-footer a { + color: #c7d2fe; + text-underline-offset: 3px; +} + +.site-footer span { + margin: 0 6px; + color: #666; } -@media (max-width: 900px) { +@media (max-width: 860px) { .pricing-grid, .steps { grid-template-columns: 1fr; } -} -@media (max-width: 560px) { - .section { - padding: 3rem 0; + .section, + .hero { + padding: 22px; + } + + .hero { + padding-top: 32px; } +} - .footer-inner { - flex-direction: column; - align-items: flex-start; +@media (prefers-reduced-motion: reduce) { + .btn, + .response-block summary::before { + transition: none; } } \ No newline at end of file From 8310976c9e9e46ddfd30a61c0ca6efe4e56ce70d Mon Sep 17 00:00:00 2001 From: Jackson Date: Wed, 4 Mar 2026 15:42:41 +0000 Subject: [PATCH 03/14] feat: implement task 0x99024b4e593404877f via TaskMarket agent #24583 --- landing/index.html | 206 +++++++++++------------ landing/styles.css | 408 ++++++++++++++++++--------------------------- 2 files changed, 265 insertions(+), 349 deletions(-) diff --git a/landing/index.html b/landing/index.html index 76ab718..1851d50 100644 --- a/landing/index.html +++ b/landing/index.html @@ -3,166 +3,166 @@ + Queryx — Agent-Native Search API - - Queryx — Agent-Native Search API -
-
-

Agent-native search API

+
+
+ Queryx + + GitHub + +
+
+ +
+
+

Agent-native search API

Search the web. Pay per query. No accounts.

- Queryx lets agents pay with x402 on Base, only when they call the API: - $0.001/query for search and news, - $0.005/query for deep search. + Built for agents with x402 micropayments on Base. Start at $0.001/query for fast, structured web results.

- Quick start - View pricing + View pricing + Quick start
-
-
-

Simple pricing

-

Transparent endpoint pricing. No subscriptions, no seat licenses.

+
+
+

Pricing

+

Simple endpoint pricing with transparent per-query costs.

-
-

/v1/search

-

$0.001

-

per query

+
+

/v1/search

+

$0.001 /query

+

General web search with structured JSON output.

-
-

/v1/search/news

-

$0.001

-

per query

+
+

/v1/search/news

+

$0.001 /query

+

Fresh news-focused retrieval for real-time tasks.

-
-

/v1/search/deep

-

$0.005

-

per query

+
+

/v1/search/deep

+

$0.005 /query

+

Deeper multi-source search for higher-context answers.

- +
+
+ Queryx (/v1/search, /v1/search/news) + $0.001 +
+
+ Queryx (/v1/search/deep) + $0.005 +
+
+ Perplexity + $0.005 – $0.014 +
+
+ Tavily + $0.004 +
+
+
-
-
-

Quick start

-

Call Queryx from any agent runtime with a single request.

+
+
+

Quick start

+

Send a query, include x402 payment proof on Base, get clean structured results.

-
-
- bash - -
- 
curl -X POST "$QUERYX_BASE_URL/v1/search" \
+        

+          
curl -X POST "$QUERYX_BASE_URL/v1/search" \
   -H "Content-Type: application/json" \
-  -H "x402-network: base" \
-  -H "x402-payment: <signed-payment-token>" \
+  -H "X-402-PAYMENT: <base_payment_proof>" \
   -d '{
-    "q": "latest agent-native search APIs",
-    "limit": 5
+    "query": "latest agent framework updates",
+    "max_results": 5
   }'

 
-          

+          

             Show sample JSON response
             
{
-  "query": "latest agent-native search APIs",
-  "endpoint": "/v1/search",
-  "cost_usd": 0.001,
+  "query": "latest agent framework updates",
   "results": [
     {
-      "title": "Queryx Launches Agent-Native Search",
-      "url": "https://example.com/queryx-launch",
-      "snippet": "Queryx introduces x402 micropayments on Base..."
+      "title": "Framework Release Notes",
+      "url": "https://example.com/release-notes",
+      "snippet": "New tooling for memory, evals, and function calling..."
     },
     {
-      "title": "How x402 Improves API Monetization",
-      "url": "https://example.com/x402-guide",
-      "snippet": "Per-request payments enable low-friction usage..."
+      "title": "Agent Infrastructure Trends",
+      "url": "https://example.com/agent-trends",
+      "snippet": "A 2026 overview of practical agent deployment patterns..."
     }
-  ]
+  ],
+  "meta": {
+    "endpoint": "/v1/search",
+    "cost_usd": 0.001,
+    "network": "Base",
+    "payment": "x402"
+  }
 }
-
-
-

How it works

+
+
+

How it works

-
    -
  1. - 1 + +
    +
    + 1

    Send query

    -

    Your agent calls a Queryx endpoint with the search input.

    -
    2. -
  2. - 2 +

    Call a Queryx endpoint with your search payload.

    + + +
    + 2

    x402 payment on Base

    -

    Each request settles via x402 micropayment on Base.

    -
    3. -
  3. - 3 +

    Attach payment proof for exactly one request.

    + + +
    + 3

    Get structured JSON

    -

    Receive normalized, machine-ready search results instantly.

    -
    4. -
+

Receive concise, machine-friendly search results.

+ +
-

+

GitHub - • - Built by @langoustine69 -

+ Built by @langoustine69 + © Queryx +
diff --git a/landing/styles.css b/landing/styles.css index f5a4efc..540466e 100644 --- a/landing/styles.css +++ b/landing/styles.css @@ -2,15 +2,11 @@ --bg: #0a0a0a; --surface: #141414; --surface-2: #1a1a1a; - --border: #262626; + --accent: #6366f1; --text: #f4f4f5; --muted: #a1a1aa; - --accent: #6366f1; - --accent-strong: #7578ff; --danger: #ef4444; - --radius: 14px; - --radius-sm: 10px; - --shadow: 0 20px 40px rgba(0, 0, 0, 0.35); + --border: #27272a; } *, @@ -23,371 +19,291 @@ html, body { margin: 0; padding: 0; - background: var(--bg); - color: var(--text); - font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; +} + +html { + color-scheme: dark; + scroll-behavior: smooth; } body { + font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; + background: var(--bg); + color: var(--text); line-height: 1.55; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } +a { + color: inherit; + text-decoration: none; +} + .container { - width: min(1080px, 92vw); - margin: 0 auto; - padding: 32px 0 64px; + width: min(1100px, 92%); + margin-inline: auto; } -.section { - margin-top: 40px; - background: var(--surface); - border: 1px solid var(--border); - border-radius: var(--radius); - padding: 28px; - box-shadow: var(--shadow); +.site-header { + position: sticky; + top: 0; + z-index: 10; + backdrop-filter: blur(8px); + background: color-mix(in srgb, var(--bg) 85%, transparent); + border-bottom: 1px solid var(--border); +} + +.nav { + min-height: 64px; + display: flex; + align-items: center; + justify-content: space-between; +} + +.brand { + font-weight: 700; + letter-spacing: 0.2px; +} + +.github-link { + font-size: 0.95rem; + color: var(--muted); +} +.github-link:hover { + color: var(--text); } .hero { - padding: 48px 28px; - background: - radial-gradient(900px 280px at 20% -5%, rgba(99, 102, 241, 0.2), transparent 60%), - var(--surface); + padding: 6rem 0 3rem; } -.badge { - margin: 0 0 14px; +.eyebrow { display: inline-block; - border: 1px solid rgba(99, 102, 241, 0.45); - color: #c7d2fe; - background: rgba(99, 102, 241, 0.12); + margin: 0 0 0.85rem; + padding: 0.25rem 0.6rem; + border: 1px solid var(--border); border-radius: 999px; - padding: 6px 12px; - font-size: 0.82rem; - letter-spacing: 0.02em; + background: var(--surface); + color: var(--muted); + font-size: 0.85rem; } h1, h2, -h3, -p { - margin: 0; +h3 { + line-height: 1.15; + margin: 0 0 0.8rem; } h1 { - font-size: clamp(1.9rem, 5vw, 3.2rem); - line-height: 1.1; - letter-spacing: -0.02em; - max-width: 20ch; + font-size: clamp(2rem, 5vw, 3.7rem); + max-width: 16ch; } .subheadline { - margin-top: 16px; color: var(--muted); - max-width: 68ch; - font-size: 1.05rem; -} - -.subheadline strong { - color: var(--text); - font-weight: 650; + font-size: 1.08rem; + max-width: 62ch; + margin: 0.5rem 0 1.5rem; } .hero-actions { display: flex; - gap: 12px; - margin-top: 24px; + gap: 0.75rem; flex-wrap: wrap; } .btn { - text-decoration: none; - border-radius: var(--radius-sm); - padding: 10px 14px; - font-size: 0.95rem; + display: inline-block; + border-radius: 10px; + padding: 0.62rem 0.95rem; + border: 1px solid var(--border); font-weight: 600; - border: 1px solid transparent; transition: transform 120ms ease, background-color 120ms ease, border-color 120ms ease; } - .btn:hover { transform: translateY(-1px); } - .btn-primary { background: var(--accent); - color: #fff; + border-color: transparent; } - .btn-primary:hover { - background: var(--accent-strong); + background: #5558df; } - .btn-secondary { - background: #111; - border-color: var(--border); - color: var(--text); + background: var(--surface); } - -.section-header { - display: grid; - gap: 6px; - margin-bottom: 18px; +.btn-secondary:hover { + border-color: #3a3a3f; } -.section-header h2 { - font-size: clamp(1.35rem, 3vw, 1.95rem); - letter-spacing: -0.01em; +.section { + padding: 2rem 0 2.6rem; } -.section-header p { +.section-head h2 { + font-size: clamp(1.5rem, 3vw, 2rem); +} +.section-head p { + margin: 0; color: var(--muted); } .pricing-grid { + margin-top: 1.25rem; display: grid; - grid-template-columns: repeat(3, minmax(180px, 1fr)); - gap: 14px; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1rem; } -.price-card { - background: var(--surface-2); +.card { + background: var(--surface); border: 1px solid var(--border); - border-radius: var(--radius-sm); - padding: 18px; -} - -.price-card.highlight { - border-color: rgba(99, 102, 241, 0.7); - box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.3); + border-radius: 14px; + padding: 1rem; } -.endpoint { - color: #d4d4d8; - font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; - font-size: 0.92rem; - margin-bottom: 12px; +.endpoint-card h3 { + font-size: 1.05rem; + margin-bottom: 0.55rem; } - .price { - font-size: 1.8rem; - line-height: 1.1; - letter-spacing: -0.02em; + margin: 0 0 0.35rem; + color: var(--accent); + font-size: 1.5rem; font-weight: 700; } - -.unit { - margin-top: 4px; +.price span { + font-size: 0.9rem; + font-weight: 500; + color: var(--muted); +} +.muted { + margin: 0; color: var(--muted); - font-size: 0.94rem; } .comparison { - margin-top: 16px; - background: var(--surface-2); - border: 1px solid var(--border); - border-radius: var(--radius-sm); - padding: 16px; + margin-top: 1rem; } - .comparison h3 { - font-size: 1rem; - margin-bottom: 10px; - color: #e4e4e7; + margin-bottom: 0.65rem; } - -.comparison ul { - list-style: none; - margin: 0; - padding: 0; +.comparison-rows { display: grid; - gap: 8px; + gap: 0.45rem; } - -.comparison li { +.row { display: flex; justify-content: space-between; - gap: 12px; - border-bottom: 1px dashed #2f2f2f; - padding-bottom: 8px; -} - -.comparison li:last-child { - border-bottom: 0; - padding-bottom: 0; + gap: 1rem; + padding: 0.55rem 0.7rem; + border-radius: 10px; + background: var(--surface-2); + border: 1px solid var(--border); + font-size: 0.95rem; } - -.value { - font-weight: 600; +.row strong { white-space: nowrap; } - -.danger { +.row.competitor { color: var(--danger); + border-color: color-mix(in srgb, var(--danger) 45%, var(--border)); } -.accent { - color: var(--accent-strong); -} - -.code-panel { - border: 1px solid var(--border); - border-radius: var(--radius-sm); - overflow: hidden; - background: #101010; -} - -.code-toolbar { - display: flex; - justify-content: space-between; - align-items: center; - background: #181818; - border-bottom: 1px solid var(--border); - padding: 9px 12px; - color: var(--muted); - font-size: 0.88rem; -} - -.copy-btn { - border: 1px solid var(--border); - background: #111; - color: #ddd; - border-radius: 8px; - padding: 6px 10px; - cursor: pointer; - font-size: 0.82rem; -} - -.copy-btn:disabled { - opacity: 0.8; - cursor: default; +.code-wrap { + margin-top: 1.25rem; } - pre { margin: 0; - padding: 14px; overflow-x: auto; - font-size: 0.87rem; - line-height: 1.6; + background: #0f0f0f; + border: 1px solid var(--border); + border-radius: 10px; + padding: 0.95rem; } - code { - font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; - color: #e4e4e7; + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace; + font-size: 0.9rem; } -.response-block { - border-top: 1px solid var(--border); - background: #121212; +.response-details { + margin-top: 0.9rem; } - -.response-block summary { - list-style: none; +.response-details > summary { cursor: pointer; - padding: 10px 14px; - color: #c4c4cc; - font-size: 0.9rem; user-select: none; + color: var(--muted); + margin-bottom: 0.65rem; } - -.response-block summary::-webkit-details-marker { - display: none; -} - -.response-block summary::before { - content: "▶"; - display: inline-block; - margin-right: 8px; - font-size: 0.75rem; - transition: transform 120ms ease; -} - -.response-block[open] summary::before { - transform: rotate(90deg); +.response-details[open] > summary { + color: var(--text); } .steps { - list-style: none; - margin: 0; - padding: 0; + margin-top: 1.25rem; display: grid; - gap: 12px; - grid-template-columns: repeat(3, minmax(180px, 1fr)); -} - -.step-card { - background: var(--surface-2); - border: 1px solid var(--border); - border-radius: var(--radius-sm); - padding: 16px; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1rem; } -.step-number { - display: inline-flex; - align-items: center; - justify-content: center; - width: 26px; - height: 26px; +.step-num { + width: 1.6rem; + height: 1.6rem; + display: grid; + place-items: center; border-radius: 999px; - background: rgba(99, 102, 241, 0.2); - border: 1px solid rgba(99, 102, 241, 0.5); - color: #d8dbff; + background: var(--accent); font-size: 0.85rem; - margin-bottom: 10px; + font-weight: 700; + margin-bottom: 0.5rem; } -.step-card h3 { - font-size: 1.02rem; - margin-bottom: 6px; +.step h3 { + font-size: 1rem; + margin-bottom: 0.4rem; } - -.step-card p { +.step p { + margin: 0; color: var(--muted); - font-size: 0.95rem; } .site-footer { - width: min(1080px, 92vw); - margin: 0 auto 36px; - color: #9a9aa3; - font-size: 0.92rem; - text-align: center; -} - -.site-footer p { - margin: 0; + border-top: 1px solid var(--border); + margin-top: 1.5rem; } - -.site-footer a { - color: #c7d2fe; - text-underline-offset: 3px; +.footer-content { + min-height: 64px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.75rem; + color: var(--muted); + font-size: 0.92rem; + flex-wrap: wrap; } - -.site-footer span { - margin: 0 6px; - color: #666; +.footer-content a:hover { + color: var(--text); } -@media (max-width: 860px) { +@media (max-width: 900px) { .pricing-grid, .steps { grid-template-columns: 1fr; } - .section, .hero { - padding: 22px; + padding-top: 4.8rem; } - .hero { - padding-top: 32px; + .row { + flex-direction: column; + align-items: flex-start; } -} -@media (prefers-reduced-motion: reduce) { - .btn, - .response-block summary::before { - transition: none; + .footer-content { + justify-content: center; } } \ No newline at end of file From fd2485c7827ba9cdbb9565c45b56ff4809d88df3 Mon Sep 17 00:00:00 2001 From: Jackson Date: Wed, 4 Mar 2026 15:56:54 +0000 Subject: [PATCH 04/14] feat: implement task 0x99024b4e593404877f via TaskMarket agent #24583 --- landing/index.html | 271 ++++++++++++++++++++---------------- landing/styles.css | 337 ++++++++++++++++++++++++++++----------------- 2 files changed, 360 insertions(+), 248 deletions(-) diff --git a/landing/index.html b/landing/index.html index 1851d50..e2f9247 100644 --- a/landing/index.html +++ b/landing/index.html @@ -8,161 +8,194 @@ name="description" content="Queryx is an agent-native search API with x402 micropayments on Base. Search the web, pay per query, no accounts." /> + -
-
- Queryx - - GitHub - -
-
- -
-
-

Agent-native search API

-

Search the web. Pay per query. No accounts.

-

- Built for agents with x402 micropayments on Base. Start at $0.001/query for fast, structured web results. -

-
- View pricing - Quick start -
-
+
+
+ -
-
-

Pricing

-

Simple endpoint pricing with transparent per-query costs.

+
+

Agent-native search API

+

Search the web. Pay per query. No accounts.

+

+ Queryx uses x402 micropayments on Base so your agents can buy search + results in real time from $0.001/query — no API keys + to provision, no monthly lock-in. +

+
+ Start in 30 seconds + + GitHub + +
+
+
-
-
-

/v1/search

-

$0.001 /query

-

General web search with structured JSON output.

-
+
+
+
+

Simple, transparent pricing

+

+ Same interface, different depth levels. Pay only for what you call. +

-
-

/v1/search/news

-

$0.001 /query

-

Fresh news-focused retrieval for real-time tasks.

-
+
+
+
+

/v1/search

+

$0.001/query

+
+

Fast general web search for most agent workflows.

+

+ Competitors: Perplexity $0.005–$0.014 · Tavily $0.004 +

+
-
-

/v1/search/deep

-

$0.005 /query

-

Deeper multi-source search for higher-context answers.

-
-
+
+
+

/v1/search/news

+

$0.001/query

+
+

Fresh news-focused retrieval with structured output.

+

+ Competitors: Perplexity $0.005–$0.014 · Tavily $0.004 +

+
-
-

Competitor comparison

-
-
- Queryx (/v1/search, /v1/search/news) - $0.001 -
-
- Queryx (/v1/search/deep) - $0.005 -
-
- Perplexity - $0.005 – $0.014 -
-
- Tavily - $0.004 -
+
+
+

/v1/search/deep

+

$0.005/query

+
+

Deeper multi-source retrieval for high-confidence tasks.

+

+ Competitors: Perplexity $0.005–$0.014 · Tavily $0.004 +

+
-
-
-

Quick start

-

Send a query, include x402 payment proof on Base, get clean structured results.

-
+
+
+

Quick start

+

+ Drop in a request, attach x402 payment context on Base, and receive + structured JSON. +

-
- 
curl -X POST "$QUERYX_BASE_URL/v1/search" \
+          

+            

+              curl
+              
+            

+            
curl -sS "$QUERYX_BASE_URL/v1/search" \
+  -X POST \
   -H "Content-Type: application/json" \
-  -H "X-402-PAYMENT: <base_payment_proof>" \
+  -H "X402-Network: base" \
+  -H "X402-Max-Price: 0.001" \
   -d '{
-    "query": "latest agent framework updates",
-    "max_results": 5
+    "q": "latest ai agent evaluation benchmarks",
+    "limit": 5
   }'

+          

 
-          

-            Show sample JSON response
+          

+            Sample JSON response
             
{
-  "query": "latest agent framework updates",
+  "query": "latest ai agent evaluation benchmarks",
+  "endpoint": "/v1/search",
+  "cost_usd": 0.001,
+  "network": "base",
   "results": [
     {
-      "title": "Framework Release Notes",
-      "url": "https://example.com/release-notes",
-      "snippet": "New tooling for memory, evals, and function calling..."
-    },
-    {
-      "title": "Agent Infrastructure Trends",
-      "url": "https://example.com/agent-trends",
-      "snippet": "A 2026 overview of practical agent deployment patterns..."
+      "title": "Comprehensive agent benchmark roundup",
+      "url": "https://example.com/benchmarks",
+      "snippet": "A side-by-side view of modern agent eval suites...",
+      "published_at": "2026-02-26T10:11:12Z"
     }
-  ],
-  "meta": {
-    "endpoint": "/v1/search",
-    "cost_usd": 0.001,
-    "network": "Base",
-    "payment": "x402"
-  }
+  ]
 }
-
-
-

How it works

-
- -
-
- 1 -

Send query

-

Call a Queryx endpoint with your search payload.

-
- -
- 2 -

x402 payment on Base

-

Attach payment proof for exactly one request.

-
- -
- 3 -

Get structured JSON

-

Receive concise, machine-friendly search results.

-
+
+
+

How it works

+
+
+ 1 +

Send query

+

Your agent calls a Queryx endpoint with a natural-language query.

+
+
+ 2 +

x402 payment on Base

+

Payment is settled via x402 on Base at the request-level price.

+
+
+ 3 +

Get structured JSON

+

Receive clean, machine-usable results ready for your workflow.

+
+
-
-
- GitHub - Built by @langoustine69 - © Queryx + diff --git a/landing/styles.css b/landing/styles.css index 540466e..cf749fa 100644 --- a/landing/styles.css +++ b/landing/styles.css @@ -1,12 +1,15 @@ :root { --bg: #0a0a0a; --surface: #141414; - --surface-2: #1a1a1a; - --accent: #6366f1; + --surface-2: #101010; --text: #f4f4f5; --muted: #a1a1aa; + --accent: #6366f1; + --accent-strong: #7c7ff8; --danger: #ef4444; - --border: #27272a; + --border: #252525; + --radius: 14px; + --shadow: 0 10px 40px rgba(0, 0, 0, 0.35); } *, @@ -22,17 +25,15 @@ body { } html { - color-scheme: dark; scroll-behavior: smooth; } body { - font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background: var(--bg); color: var(--text); + font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; line-height: 1.55; text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; } a { @@ -41,250 +42,302 @@ a { } .container { - width: min(1100px, 92%); + width: min(1120px, calc(100% - 2rem)); margin-inline: auto; } -.site-header { - position: sticky; - top: 0; - z-index: 10; - backdrop-filter: blur(8px); - background: color-mix(in srgb, var(--bg) 85%, transparent); - border-bottom: 1px solid var(--border); +.hero { + background: + radial-gradient(900px 450px at 15% -10%, rgba(99, 102, 241, 0.2), transparent 60%), + radial-gradient(700px 380px at 85% 0%, rgba(99, 102, 241, 0.14), transparent 65%), + var(--bg); + padding-top: 1rem; } -.nav { - min-height: 64px; +.topbar { display: flex; align-items: center; justify-content: space-between; + min-height: 64px; + border-bottom: 1px solid var(--border); } .brand { font-weight: 700; letter-spacing: 0.2px; + font-size: 1.03rem; } -.github-link { - font-size: 0.95rem; +.nav-links { + margin: 0; + padding: 0; + list-style: none; + display: flex; + gap: 1rem; +} + +.nav-links a { color: var(--muted); + font-size: 0.95rem; } -.github-link:hover { + +.nav-links a:hover { color: var(--text); } -.hero { - padding: 6rem 0 3rem; +.hero-content { + padding: 4.5rem 0 4rem; + max-width: 780px; } .eyebrow { - display: inline-block; - margin: 0 0 0.85rem; - padding: 0.25rem 0.6rem; - border: 1px solid var(--border); - border-radius: 999px; - background: var(--surface); - color: var(--muted); - font-size: 0.85rem; -} - -h1, -h2, -h3 { - line-height: 1.15; - margin: 0 0 0.8rem; + margin: 0; + color: var(--accent-strong); + font-weight: 600; + letter-spacing: 0.3px; + font-size: 0.9rem; } h1 { - font-size: clamp(2rem, 5vw, 3.7rem); - max-width: 16ch; + font-size: clamp(2rem, 4.8vw, 3.5rem); + line-height: 1.1; + margin: 0.8rem 0 1rem; + letter-spacing: -0.02em; } .subheadline { + margin: 0 0 1.8rem; color: var(--muted); - font-size: 1.08rem; - max-width: 62ch; - margin: 0.5rem 0 1.5rem; + max-width: 65ch; + font-size: clamp(1rem, 1.25vw, 1.15rem); } .hero-actions { display: flex; - gap: 0.75rem; flex-wrap: wrap; + gap: 0.75rem; } .btn { - display: inline-block; - border-radius: 10px; - padding: 0.62rem 0.95rem; border: 1px solid var(--border); + border-radius: 11px; + padding: 0.72rem 1rem; font-weight: 600; - transition: transform 120ms ease, background-color 120ms ease, border-color 120ms ease; + font-size: 0.95rem; + transition: transform 120ms ease, border-color 120ms ease, background-color 120ms ease; } + .btn:hover { transform: translateY(-1px); } + .btn-primary { background: var(--accent); border-color: transparent; + color: #fff; } + .btn-primary:hover { - background: #5558df; + background: var(--accent-strong); } -.btn-secondary { + +.btn-ghost { background: var(--surface); -} -.btn-secondary:hover { - border-color: #3a3a3f; + color: var(--text); } .section { - padding: 2rem 0 2.6rem; + padding: 3.6rem 0; } -.section-head h2 { - font-size: clamp(1.5rem, 3vw, 2rem); -} -.section-head p { +h2 { margin: 0; + font-size: clamp(1.35rem, 2.5vw, 2rem); + letter-spacing: -0.01em; +} + +.section-copy { + margin: 0.7rem 0 1.8rem; color: var(--muted); } .pricing-grid { - margin-top: 1.25rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .card { - background: var(--surface); + background: linear-gradient(180deg, rgba(255, 255, 255, 0.015), transparent 45%), var(--surface); border: 1px solid var(--border); - border-radius: 14px; - padding: 1rem; + border-radius: var(--radius); + padding: 1.1rem; + box-shadow: var(--shadow); } -.endpoint-card h3 { +.card-head { + display: flex; + justify-content: space-between; + align-items: baseline; + gap: 1rem; +} + +.card h3 { + margin: 0; font-size: 1.05rem; - margin-bottom: 0.55rem; } + .price { - margin: 0 0 0.35rem; - color: var(--accent); - font-size: 1.5rem; + margin: 0; + color: var(--accent-strong); + font-size: 1.15rem; font-weight: 700; + white-space: nowrap; } + .price span { - font-size: 0.9rem; - font-weight: 500; color: var(--muted); + font-weight: 500; + font-size: 0.85rem; + margin-left: 0.2rem; } -.muted { - margin: 0; + +.card-copy { color: var(--muted); + margin: 0.9rem 0 1rem; + font-size: 0.95rem; } -.comparison { - margin-top: 1rem; -} -.comparison h3 { - margin-bottom: 0.65rem; +.competitor { + margin: 0; + color: var(--danger); + font-size: 0.88rem; } -.comparison-rows { - display: grid; - gap: 0.45rem; + +.code-shell { + border: 1px solid var(--border); + background: var(--surface); + border-radius: var(--radius); + overflow: hidden; + box-shadow: var(--shadow); } -.row { + +.code-toolbar { display: flex; + align-items: center; justify-content: space-between; - gap: 1rem; - padding: 0.55rem 0.7rem; - border-radius: 10px; background: var(--surface-2); - border: 1px solid var(--border); - font-size: 0.95rem; -} -.row strong { - white-space: nowrap; + border-bottom: 1px solid var(--border); + padding: 0.65rem 0.8rem; + color: var(--muted); + font-size: 0.9rem; } -.row.competitor { - color: var(--danger); - border-color: color-mix(in srgb, var(--danger) 45%, var(--border)); + +.copy-btn { + border: 1px solid var(--border); + background: #191919; + color: var(--text); + border-radius: 9px; + padding: 0.4rem 0.75rem; + font-size: 0.82rem; + cursor: pointer; } -.code-wrap { - margin-top: 1.25rem; +.copy-btn:hover { + border-color: #3a3a3a; } + pre { margin: 0; + padding: 1rem; overflow-x: auto; - background: #0f0f0f; - border: 1px solid var(--border); - border-radius: 10px; - padding: 0.95rem; + font-size: 0.88rem; + line-height: 1.5; + color: #e4e4e7; } + code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace; - font-size: 0.9rem; } -.response-details { - margin-top: 0.9rem; +.json-details { + margin-top: 1rem; + border: 1px solid var(--border); + border-radius: 12px; + background: var(--surface); + overflow: hidden; } -.response-details > summary { + +.json-details summary { cursor: pointer; - user-select: none; - color: var(--muted); - margin-bottom: 0.65rem; -} -.response-details[open] > summary { + list-style: none; + padding: 0.8rem 1rem; + font-weight: 600; color: var(--text); + border-bottom: 1px solid transparent; +} + +.json-details[open] summary { + border-bottom-color: var(--border); +} + +.json-details summary::-webkit-details-marker { + display: none; } .steps { - margin-top: 1.25rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } -.step-num { - width: 1.6rem; - height: 1.6rem; - display: grid; - place-items: center; +.step { + border: 1px solid var(--border); + border-radius: var(--radius); + background: var(--surface); + padding: 1rem; +} + +.step-index { + display: inline-flex; + width: 1.7rem; + height: 1.7rem; border-radius: 999px; - background: var(--accent); - font-size: 0.85rem; + align-items: center; + justify-content: center; + background: rgba(99, 102, 241, 0.2); + color: var(--accent-strong); font-weight: 700; - margin-bottom: 0.5rem; + font-size: 0.85rem; + margin-bottom: 0.6rem; } .step h3 { + margin: 0 0 0.45rem; font-size: 1rem; - margin-bottom: 0.4rem; } + .step p { margin: 0; color: var(--muted); + font-size: 0.95rem; } -.site-footer { +.footer { border-top: 1px solid var(--border); - margin-top: 1.5rem; + margin-top: 2rem; } -.footer-content { - min-height: 64px; + +.footer-inner { + min-height: 72px; display: flex; - align-items: center; justify-content: space-between; - gap: 0.75rem; + align-items: center; color: var(--muted); - font-size: 0.92rem; - flex-wrap: wrap; + gap: 0.75rem; } -.footer-content a:hover { + +.footer a { color: var(--text); } @@ -294,16 +347,42 @@ code { grid-template-columns: 1fr; } - .hero { - padding-top: 4.8rem; + .hero-content { + padding-top: 3.25rem; } +} - .row { - flex-direction: column; - align-items: flex-start; +@media (max-width: 620px) { + .topbar { + min-height: 56px; + } + + .nav-links { + gap: 0.65rem; + } + + .nav-links a { + font-size: 0.88rem; } - .footer-content { + .section { + padding: 2.8rem 0; + } + + .footer-inner { + flex-direction: column; justify-content: center; + text-align: center; + padding: 0.9rem 0; + } +} + +@media (prefers-reduced-motion: reduce) { + html { + scroll-behavior: auto; + } + + .btn { + transition: none; } } \ No newline at end of file From 1f71d645d21747080a27f69f014afd7fe62d069c Mon Sep 17 00:00:00 2001 From: Jackson Date: Wed, 4 Mar 2026 16:02:40 +0000 Subject: [PATCH 05/14] feat: implement task 0x99024b4e593404877f via TaskMarket agent #24583 --- landing/index.html | 213 +++++++++----------------- landing/styles.css | 374 ++++++++++++++++----------------------------- 2 files changed, 198 insertions(+), 389 deletions(-) diff --git a/landing/index.html b/landing/index.html index e2f9247..38579ee 100644 --- a/landing/index.html +++ b/landing/index.html @@ -3,200 +3,125 @@ - Queryx — Agent-Native Search API + Queryx — Agent-native search API - -
+
- - -
-

Agent-native search API

-

Search the web. Pay per query. No accounts.

-

- Queryx uses x402 micropayments on Base so your agents can buy search - results in real time from $0.001/query — no API keys - to provision, no monthly lock-in. -

-
- Start in 30 seconds - - GitHub - -
-
+

Agent-native search API

+

Search the web. Pay per query. No accounts.

+

+ Queryx uses x402 on Base for instant micropayments. Start at $0.001/query with structured JSON output built for agents. +

-
+
-

Simple, transparent pricing

-

- Same interface, different depth levels. Pay only for what you call. -

- -
-
-
-

/v1/search

-

$0.001/query

-
-

Fast general web search for most agent workflows.

-

- Competitors: Perplexity $0.005–$0.014 · Tavily $0.004 -

+

Simple endpoint pricing

+
+
+

/v1/search

+

$0.001 / query

+

Competitors: Perplexity $0.005–$0.014 · Tavily $0.004

-
-
-

/v1/search/news

-

$0.001/query

-
-

Fresh news-focused retrieval with structured output.

-

- Competitors: Perplexity $0.005–$0.014 · Tavily $0.004 -

+
+

/v1/search/news

+

$0.001 / query

+

Competitors: Perplexity $0.005–$0.014 · Tavily $0.004

-
-
-

/v1/search/deep

-

$0.005/query

-
-

Deeper multi-source retrieval for high-confidence tasks.

-

- Competitors: Perplexity $0.005–$0.014 · Tavily $0.004 -

+
+

/v1/search/deep

+

$0.005 / query

+

Competitors: Perplexity $0.005–$0.014 · Tavily $0.004

-
+
-

Quick start

-

- Drop in a request, attach x402 payment context on Base, and receive - structured JSON. -

- -
-
- curl - -
- 
curl -sS "$QUERYX_BASE_URL/v1/search" \
-  -X POST \
+          
Quick start

+          

+            
curl -sS https://api.queryx.xyz/v1/search \
   -H "Content-Type: application/json" \
-  -H "X402-Network: base" \
-  -H "X402-Max-Price: 0.001" \
+  -H "X402-Payment: <base-signed-payment-token>" \
   -d '{
-    "q": "latest ai agent evaluation benchmarks",
+    "q": "best lightweight llm eval libraries",
     "limit": 5
   }'

-          

 
-          

-            Sample JSON response
-            
{
-  "query": "latest ai agent evaluation benchmarks",
-  "endpoint": "/v1/search",
-  "cost_usd": 0.001,
-  "network": "base",
+            

+              Show sample JSON response
+              
{
+  "query": "best lightweight llm eval libraries",
   "results": [
     {
-      "title": "Comprehensive agent benchmark roundup",
-      "url": "https://example.com/benchmarks",
-      "snippet": "A side-by-side view of modern agent eval suites...",
-      "published_at": "2026-02-26T10:11:12Z"
+      "title": "LangSmith Evals",
+      "url": "https://example.com/langsmith-evals",
+      "snippet": "Flexible eval primitives for LLM applications."
+    },
+    {
+      "title": "OpenEvals",
+      "url": "https://example.com/openevals",
+      "snippet": "Open-source toolkit for lightweight evaluation runs."
     }
-  ]
+  ],
+  "usage": {
+    "endpoint": "/v1/search",
+    "cost_usd": 0.001,
+    "payment_method": "x402",
+    "network": "base"
+  },
+  "took_ms": 184
 }

-          

+            

+
-
+
-

How it works

-
-
- 1 -

Send query

-

Your agent calls a Queryx endpoint with a natural-language query.

+

How it works

+
+
+

1

+

Query

+

Send your search prompt to a Queryx endpoint.

-
- 2 +
+

2

x402 payment on Base

-

Payment is settled via x402 on Base at the request-level price.

+

Attach payment proof through x402. No account signup required.

-
- 3 -

Get structured JSON

-

Receive clean, machine-usable results ready for your workflow.

+
+

3

+

Structured JSON

+

Get normalized, agent-ready search results back in milliseconds.

-
+ \ No newline at end of file diff --git a/landing/styles.css b/landing/styles.css index cf749fa..5f5889f 100644 --- a/landing/styles.css +++ b/landing/styles.css @@ -1,15 +1,14 @@ :root { --bg: #0a0a0a; --surface: #141414; - --surface-2: #101010; + --surface-2: #171717; + --accent: #6366f1; --text: #f4f4f5; --muted: #a1a1aa; - --accent: #6366f1; - --accent-strong: #7c7ff8; + --border: #232323; --danger: #ef4444; - --border: #252525; --radius: 14px; - --shadow: 0 10px 40px rgba(0, 0, 0, 0.35); + --shadow: 0 10px 30px rgba(0, 0, 0, 0.28); } *, @@ -18,362 +17,244 @@ box-sizing: border-box; } -html, -body { - margin: 0; - padding: 0; -} - html { + color-scheme: dark; scroll-behavior: smooth; } body { + margin: 0; background: var(--bg); color: var(--text); - font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; + font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.55; text-rendering: optimizeLegibility; } -a { - color: inherit; - text-decoration: none; -} - .container { - width: min(1120px, calc(100% - 2rem)); + width: min(1100px, calc(100% - 2rem)); margin-inline: auto; } -.hero { - background: - radial-gradient(900px 450px at 15% -10%, rgba(99, 102, 241, 0.2), transparent 60%), - radial-gradient(700px 380px at 85% 0%, rgba(99, 102, 241, 0.14), transparent 65%), - var(--bg); - padding-top: 1rem; -} - -.topbar { - display: flex; - align-items: center; - justify-content: space-between; - min-height: 64px; - border-bottom: 1px solid var(--border); -} - -.brand { - font-weight: 700; - letter-spacing: 0.2px; - font-size: 1.03rem; -} - -.nav-links { - margin: 0; - padding: 0; - list-style: none; - display: flex; - gap: 1rem; -} - -.nav-links a { - color: var(--muted); - font-size: 0.95rem; +.section { + padding: 4rem 0; } -.nav-links a:hover { - color: var(--text); +.hero { + padding-top: 6rem; + padding-bottom: 3rem; } -.hero-content { - padding: 4.5rem 0 4rem; - max-width: 780px; +.badge { + display: inline-flex; + margin: 0 0 1rem; + padding: 0.35rem 0.7rem; + border: 1px solid rgba(99, 102, 241, 0.35); + border-radius: 999px; + background: rgba(99, 102, 241, 0.14); + color: #c7d2fe; + font-size: 0.875rem; + letter-spacing: 0.01em; } -.eyebrow { +h1, +h2, +h3 { margin: 0; - color: var(--accent-strong); - font-weight: 600; - letter-spacing: 0.3px; - font-size: 0.9rem; + line-height: 1.15; } h1 { - font-size: clamp(2rem, 4.8vw, 3.5rem); - line-height: 1.1; - margin: 0.8rem 0 1rem; + max-width: 20ch; + font-size: clamp(2rem, 5vw, 3.9rem); + font-weight: 750; letter-spacing: -0.02em; } .subheadline { - margin: 0 0 1.8rem; + max-width: 62ch; + margin-top: 1.1rem; color: var(--muted); - max-width: 65ch; - font-size: clamp(1rem, 1.25vw, 1.15rem); -} - -.hero-actions { - display: flex; - flex-wrap: wrap; - gap: 0.75rem; -} - -.btn { - border: 1px solid var(--border); - border-radius: 11px; - padding: 0.72rem 1rem; - font-weight: 600; - font-size: 0.95rem; - transition: transform 120ms ease, border-color 120ms ease, background-color 120ms ease; -} - -.btn:hover { - transform: translateY(-1px); -} - -.btn-primary { - background: var(--accent); - border-color: transparent; - color: #fff; -} - -.btn-primary:hover { - background: var(--accent-strong); -} - -.btn-ghost { - background: var(--surface); - color: var(--text); -} - -.section { - padding: 3.6rem 0; + font-size: clamp(1.02rem, 2vw, 1.2rem); } h2 { - margin: 0; - font-size: clamp(1.35rem, 2.5vw, 2rem); + margin-bottom: 1.35rem; + font-size: clamp(1.45rem, 2.8vw, 2.1rem); letter-spacing: -0.01em; } -.section-copy { - margin: 0.7rem 0 1.8rem; - color: var(--muted); +.card { + background: linear-gradient(180deg, var(--surface), var(--surface-2)); + border: 1px solid var(--border); + border-radius: var(--radius); + box-shadow: var(--shadow); } .pricing-grid { display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; + grid-template-columns: repeat(3, minmax(0, 1fr)); } -.card { - background: linear-gradient(180deg, rgba(255, 255, 255, 0.015), transparent 45%), var(--surface); - border: 1px solid var(--border); - border-radius: var(--radius); - padding: 1.1rem; - box-shadow: var(--shadow); +.pricing-card { + padding: 1.2rem; } -.card-head { - display: flex; - justify-content: space-between; - align-items: baseline; - gap: 1rem; +.pricing-card.featured { + border-color: rgba(99, 102, 241, 0.55); + box-shadow: 0 12px 35px rgba(99, 102, 241, 0.15); } -.card h3 { - margin: 0; - font-size: 1.05rem; +.endpoint { + margin: 0 0 0.8rem; + font-size: 0.97rem; + color: #d4d4d8; + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; } .price { margin: 0; - color: var(--accent-strong); - font-size: 1.15rem; - font-weight: 700; - white-space: nowrap; + font-size: 2.05rem; + font-weight: 760; + letter-spacing: -0.015em; } .price span { color: var(--muted); font-weight: 500; - font-size: 0.85rem; - margin-left: 0.2rem; -} - -.card-copy { - color: var(--muted); - margin: 0.9rem 0 1rem; - font-size: 0.95rem; + font-size: 1rem; + margin-left: 0.3rem; } -.competitor { - margin: 0; +.comparison { + margin: 0.95rem 0 0; + font-size: 0.92rem; color: var(--danger); - font-size: 0.88rem; } -.code-shell { - border: 1px solid var(--border); - background: var(--surface); - border-radius: var(--radius); +.code-card { + padding: 1rem; overflow: hidden; - box-shadow: var(--shadow); -} - -.code-toolbar { - display: flex; - align-items: center; - justify-content: space-between; - background: var(--surface-2); - border-bottom: 1px solid var(--border); - padding: 0.65rem 0.8rem; - color: var(--muted); - font-size: 0.9rem; -} - -.copy-btn { - border: 1px solid var(--border); - background: #191919; - color: var(--text); - border-radius: 9px; - padding: 0.4rem 0.75rem; - font-size: 0.82rem; - cursor: pointer; -} - -.copy-btn:hover { - border-color: #3a3a3a; } pre { margin: 0; padding: 1rem; + border-radius: 10px; + border: 1px solid var(--border); + background: #0b0b0b; overflow-x: auto; - font-size: 0.88rem; - line-height: 1.5; - color: #e4e4e7; + font-size: 0.9rem; + line-height: 1.45; } code { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace; + color: #e4e4e7; + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; } -.json-details { - margin-top: 1rem; - border: 1px solid var(--border); - border-radius: 12px; - background: var(--surface); - overflow: hidden; +.response { + margin-top: 0.85rem; } -.json-details summary { +.response > summary { cursor: pointer; - list-style: none; - padding: 0.8rem 1rem; + color: #c7d2fe; + user-select: none; font-weight: 600; - color: var(--text); - border-bottom: 1px solid transparent; -} - -.json-details[open] summary { - border-bottom-color: var(--border); + padding: 0.35rem 0.15rem; } -.json-details summary::-webkit-details-marker { - display: none; +.response > summary::marker { + color: var(--accent); } .steps { display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; + grid-template-columns: repeat(3, minmax(0, 1fr)); } .step { - border: 1px solid var(--border); - border-radius: var(--radius); - background: var(--surface); - padding: 1rem; -} - -.step-index { - display: inline-flex; - width: 1.7rem; - height: 1.7rem; - border-radius: 999px; - align-items: center; - justify-content: center; - background: rgba(99, 102, 241, 0.2); - color: var(--accent-strong); + position: relative; + padding: 1.2rem; +} + +.step-num { + width: 2rem; + height: 2rem; + margin: 0 0 0.75rem; + display: inline-grid; + place-items: center; + border-radius: 50%; + background: rgba(99, 102, 241, 0.16); + color: #c7d2fe; + border: 1px solid rgba(99, 102, 241, 0.4); font-weight: 700; - font-size: 0.85rem; - margin-bottom: 0.6rem; } .step h3 { - margin: 0 0 0.45rem; - font-size: 1rem; + font-size: 1.1rem; + margin-bottom: 0.35rem; } .step p { margin: 0; color: var(--muted); - font-size: 0.95rem; } .footer { - border-top: 1px solid var(--border); - margin-top: 2rem; + padding-top: 2rem; + padding-bottom: 2.4rem; } .footer-inner { - min-height: 72px; display: flex; - justify-content: space-between; align-items: center; - color: var(--muted); - gap: 0.75rem; + justify-content: space-between; + gap: 0.8rem; + border-top: 1px solid var(--border); + padding-top: 1.2rem; + flex-wrap: wrap; } .footer a { - color: var(--text); + color: #c7d2fe; + text-decoration: none; } -@media (max-width: 900px) { - .pricing-grid, - .steps { - grid-template-columns: 1fr; - } +.footer a:hover { + color: #e0e7ff; +} - .hero-content { - padding-top: 3.25rem; - } +.footer p { + margin: 0; } -@media (max-width: 620px) { - .topbar { - min-height: 56px; - } +.muted { + color: var(--muted); +} - .nav-links { - gap: 0.65rem; - } +a:focus-visible, +summary:focus-visible { + outline: 2px solid var(--accent); + outline-offset: 2px; + border-radius: 6px; +} - .nav-links a { - font-size: 0.88rem; +@media (max-width: 900px) { + .pricing-grid, + .steps { + grid-template-columns: 1fr; } - .section { - padding: 2.8rem 0; + .hero { + padding-top: 4.75rem; } - .footer-inner { - flex-direction: column; - justify-content: center; - text-align: center; - padding: 0.9rem 0; + .section { + padding: 3rem 0; } } @@ -382,7 +263,10 @@ code { scroll-behavior: auto; } - .btn { - transition: none; + *, + *::before, + *::after { + animation: none !important; + transition: none !important; } } \ No newline at end of file From 9622722794854a640348572804193b0c8c8eae58 Mon Sep 17 00:00:00 2001 From: Jackson Date: Wed, 4 Mar 2026 16:08:41 +0000 Subject: [PATCH 06/14] feat: implement task 0x99024b4e593404877f via TaskMarket agent #24583 --- landing/index.html | 180 +++++++++++++-------- landing/styles.css | 385 +++++++++++++++++++++++++++++---------------- 2 files changed, 369 insertions(+), 196 deletions(-) diff --git a/landing/index.html b/landing/index.html index 38579ee..d5ba148 100644 --- a/landing/index.html +++ b/landing/index.html @@ -3,125 +3,181 @@ - Queryx — Agent-native search API + Queryx — Agent-native Search API -
-
-

Agent-native search API

-

Search the web. Pay per query. No accounts.

-

- Queryx uses x402 on Base for instant micropayments. Start at $0.001/query with structured JSON output built for agents. -

+
+
+ Queryx + + GitHub +
-
-
+
+
+
+

Agent-native search API

+

Search the web. Pay per query. No accounts.

+

+ Built for agents with x402 micropayments on Base. Start at + $0.001/query for structured, reliable web search. +

+
+ View pricing + Quick start +
+
+
+ +
-

Simple endpoint pricing

+

Pricing

+

Simple endpoint pricing with no subscription lock-in.

+
-
+

/v1/search

-

$0.001 / query

-

Competitors: Perplexity $0.005–$0.014 · Tavily $0.004

+

$0.001

+

per query

+

+ Lower than Perplexity ($0.005–$0.014) and Tavily ($0.004) +

-
+

/v1/search/news

-

$0.001 / query

-

Competitors: Perplexity $0.005–$0.014 · Tavily $0.004

+

$0.001

+

per query

+

+ Lower than Perplexity ($0.005–$0.014) and Tavily ($0.004) +

-
+

/v1/search/deep

-

$0.005 / query

-

Competitors: Perplexity $0.005–$0.014 · Tavily $0.004

+

$0.005

+

per query

+

+ Matches or beats Perplexity high-tier ($0.005–$0.014), near Tavily ($0.004) +

+ +
+

Competitors: Perplexity $0.005–$0.014, Tavily $0.004

+
-
+
-

Quick start

+

Quick start

+

Send a query and receive structured JSON immediately.

+
- 
curl -sS https://api.queryx.xyz/v1/search \
-  -H "Content-Type: application/json" \
-  -H "X402-Payment: <base-signed-payment-token>" \
+            
curl -X POST "https://api.queryx.ai/v1/search" \
+  -H "content-type: application/json" \
+  -H "x402-payment: <signed_payment_on_base>" \
   -d '{
-    "q": "best lightweight llm eval libraries",
-    "limit": 5
+    "query": "latest L2 throughput benchmarks",
+    "top_k": 5
   }'

 
-            

-              Show sample JSON response
-              
{
-  "query": "best lightweight llm eval libraries",
+            
+
+            
-
-
+
-

How it works

-
+

How it works

+
-

1

+

1

Query

-

Send your search prompt to a Queryx endpoint.

+

Your agent calls a Queryx endpoint with the search prompt.

-

2

+

2

x402 payment on Base

-

Attach payment proof through x402. No account signup required.

+

Per-request micropayment is validated via x402 on Base.

-

3

+

3

Structured JSON

-

Get normalized, agent-ready search results back in milliseconds.

+

Receive normalized, model-friendly JSON results instantly.

-
-
- GitHub + \ No newline at end of file diff --git a/landing/styles.css b/landing/styles.css index 5f5889f..9539392 100644 --- a/landing/styles.css +++ b/landing/styles.css @@ -1,14 +1,16 @@ :root { --bg: #0a0a0a; --surface: #141414; - --surface-2: #171717; - --accent: #6366f1; + --surface-2: #181818; --text: #f4f4f5; --muted: #a1a1aa; - --border: #232323; + --border: #242424; + --accent: #6366f1; + --accent-2: #818cf8; --danger: #ef4444; + --max-width: 1120px; --radius: 14px; - --shadow: 0 10px 30px rgba(0, 0, 0, 0.28); + --radius-sm: 10px; } *, @@ -24,237 +26,355 @@ html { body { margin: 0; + font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, + Noto Sans, Arial, sans-serif; background: var(--bg); color: var(--text); - font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - line-height: 1.55; + line-height: 1.5; text-rendering: optimizeLegibility; } .container { - width: min(1100px, calc(100% - 2rem)); + width: min(100% - 2rem, var(--max-width)); margin-inline: auto; } -.section { - padding: 4rem 0; -} - -.hero { - padding-top: 6rem; - padding-bottom: 3rem; +.row { + display: flex; + align-items: center; + justify-content: space-between; + gap: 1rem; } -.badge { - display: inline-flex; - margin: 0 0 1rem; - padding: 0.35rem 0.7rem; - border: 1px solid rgba(99, 102, 241, 0.35); - border-radius: 999px; - background: rgba(99, 102, 241, 0.14); - color: #c7d2fe; - font-size: 0.875rem; - letter-spacing: 0.01em; +.section { + padding: 4.5rem 0; } h1, h2, -h3 { +h3, +p { margin: 0; - line-height: 1.15; } h1 { - max-width: 20ch; - font-size: clamp(2rem, 5vw, 3.9rem); - font-weight: 750; + font-size: clamp(1.95rem, 4vw, 3.6rem); + line-height: 1.08; + letter-spacing: -0.03em; + max-width: 18ch; +} + +h2 { + font-size: clamp(1.45rem, 2.2vw, 2.1rem); letter-spacing: -0.02em; + margin-bottom: 0.7rem; } -.subheadline { - max-width: 62ch; - margin-top: 1.1rem; +h3 { + font-size: 1.1rem; + margin-bottom: 0.4rem; +} + +.section-copy { color: var(--muted); - font-size: clamp(1.02rem, 2vw, 1.2rem); + margin-bottom: 1.5rem; + max-width: 70ch; } -h2 { - margin-bottom: 1.35rem; - font-size: clamp(1.45rem, 2.8vw, 2.1rem); +.site-header { + position: sticky; + top: 0; + z-index: 20; + backdrop-filter: saturate(150%) blur(10px); + background: color-mix(in srgb, var(--bg) 88%, transparent); + border-bottom: 1px solid var(--border); +} + +.site-header .container { + min-height: 4rem; +} + +.brand { + font-weight: 700; + color: var(--text); + text-decoration: none; letter-spacing: -0.01em; } +.ghost-link { + color: var(--muted); + text-decoration: none; + border: 1px solid var(--border); + background: var(--surface); + border-radius: 999px; + padding: 0.45rem 0.9rem; +} + +.ghost-link:hover { + color: var(--text); + border-color: #303030; +} + +.hero { + position: relative; + overflow: clip; + padding-top: 6rem; + padding-bottom: 4.2rem; +} + +.hero::before { + content: ""; + position: absolute; + inset: -20% auto auto 50%; + transform: translateX(-50%); + width: min(60rem, 90vw); + height: 20rem; + background: radial-gradient(circle at center, rgba(99, 102, 241, 0.16), transparent 62%); + pointer-events: none; +} + +.hero-content { + position: relative; + z-index: 1; +} + +.eyebrow { + display: inline-block; + font-size: 0.84rem; + text-transform: uppercase; + letter-spacing: 0.1em; + color: var(--accent-2); + margin-bottom: 0.85rem; +} + +.subheadline { + color: var(--muted); + max-width: 65ch; + margin-top: 1rem; + font-size: clamp(1rem, 1.5vw, 1.2rem); +} + +.subheadline strong { + color: var(--text); +} + +.hero-actions { + display: flex; + flex-wrap: wrap; + gap: 0.85rem; + margin-top: 1.5rem; +} + +.btn { + appearance: none; + border: 1px solid transparent; + border-radius: 12px; + text-decoration: none; + font-weight: 600; + padding: 0.7rem 1rem; + cursor: pointer; + transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease; + display: inline-flex; + align-items: center; + justify-content: center; +} + +.btn:hover { + transform: translateY(-1px); +} + +.btn:focus-visible { + outline: 2px solid var(--accent-2); + outline-offset: 2px; +} + +.btn-primary { + color: #ffffff; + background: var(--accent); + border-color: color-mix(in srgb, var(--accent) 80%, black); +} + +.btn-primary:hover { + background: #5b5eea; +} + +.btn-secondary { + color: var(--text); + background: var(--surface); + border-color: var(--border); +} + +.btn-secondary:hover { + border-color: #363636; + background: var(--surface-2); +} + +.btn.small { + padding: 0.5rem 0.8rem; + border-radius: 10px; + font-size: 0.92rem; +} + .card { - background: linear-gradient(180deg, var(--surface), var(--surface-2)); + background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); - box-shadow: var(--shadow); } .pricing-grid { display: grid; - gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1rem; } -.pricing-card { +.endpoint-card { padding: 1.2rem; } -.pricing-card.featured { - border-color: rgba(99, 102, 241, 0.55); - box-shadow: 0 12px 35px rgba(99, 102, 241, 0.15); -} - .endpoint { - margin: 0 0 0.8rem; - font-size: 0.97rem; - color: #d4d4d8; - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; + color: var(--text); + font-weight: 650; + font-size: 1.02rem; + margin-bottom: 0.55rem; } .price { - margin: 0; - font-size: 2.05rem; - font-weight: 760; - letter-spacing: -0.015em; + font-size: 2.1rem; + font-weight: 750; + line-height: 1; + letter-spacing: -0.02em; + margin-bottom: 0.35rem; + color: #ffffff; } -.price span { +.unit { color: var(--muted); - font-weight: 500; - font-size: 1rem; - margin-left: 0.3rem; + margin-bottom: 0.9rem; } .comparison { - margin: 0.95rem 0 0; + color: var(--danger); font-size: 0.92rem; +} + +.endpoint-card.featured { + border-color: color-mix(in srgb, var(--accent) 60%, var(--border)); + box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.2) inset; +} + +.comparison-strip { + margin-top: 1rem; + padding: 0.9rem 1rem; +} + +.comparison-strip p { color: var(--danger); + font-weight: 500; +} + +.comparison-strip span { + color: #f87171; + font-weight: 700; } .code-card { padding: 1rem; - overflow: hidden; } pre { margin: 0; - padding: 1rem; - border-radius: 10px; - border: 1px solid var(--border); - background: #0b0b0b; overflow-x: auto; - font-size: 0.9rem; - line-height: 1.45; + border: 1px solid #232323; + border-radius: var(--radius-sm); + background: #0f0f0f; } -code { +pre code { + display: block; + padding: 1rem; color: #e4e4e7; - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; -} - -.response { - margin-top: 0.85rem; + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, + monospace; + font-size: 0.9rem; + line-height: 1.5; + white-space: pre; } -.response > summary { - cursor: pointer; - color: #c7d2fe; - user-select: none; - font-weight: 600; - padding: 0.35rem 0.15rem; +#toggleResponse { + margin-top: 0.9rem; + margin-bottom: 0.9rem; } -.response > summary::marker { - color: var(--accent); +.response-block { + margin-top: 0.1rem; } -.steps { +.steps-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); } .step { - position: relative; - padding: 1.2rem; + padding: 1.15rem; } -.step-num { - width: 2rem; - height: 2rem; - margin: 0 0 0.75rem; - display: inline-grid; - place-items: center; - border-radius: 50%; - background: rgba(99, 102, 241, 0.16); - color: #c7d2fe; - border: 1px solid rgba(99, 102, 241, 0.4); +.step-number { + width: 1.8rem; + height: 1.8rem; + border-radius: 999px; + display: inline-flex; + justify-content: center; + align-items: center; + background: rgba(99, 102, 241, 0.2); + color: var(--accent-2); font-weight: 700; -} - -.step h3 { - font-size: 1.1rem; - margin-bottom: 0.35rem; + margin-bottom: 0.6rem; } .step p { - margin: 0; color: var(--muted); } -.footer { - padding-top: 2rem; - padding-bottom: 2.4rem; +.site-footer { + border-top: 1px solid var(--border); + margin-top: 1.8rem; } -.footer-inner { +.footer-row { + min-height: 4.2rem; display: flex; - align-items: center; - justify-content: space-between; - gap: 0.8rem; - border-top: 1px solid var(--border); - padding-top: 1.2rem; flex-wrap: wrap; + gap: 0.9rem; + justify-content: space-between; + align-items: center; } -.footer a { - color: #c7d2fe; +.site-footer a { + color: var(--accent-2); text-decoration: none; } -.footer a:hover { - color: #e0e7ff; -} - -.footer p { - margin: 0; +.site-footer a:hover { + color: var(--text); } -.muted { +.site-footer p { color: var(--muted); } -a:focus-visible, -summary:focus-visible { - outline: 2px solid var(--accent); - outline-offset: 2px; - border-radius: 6px; -} - -@media (max-width: 900px) { +@media (max-width: 940px) { .pricing-grid, - .steps { + .steps-grid { grid-template-columns: 1fr; } - .hero { - padding-top: 4.75rem; + .section { + padding: 3.8rem 0; } - .section { - padding: 3rem 0; + .hero { + padding-top: 5rem; } } @@ -263,10 +383,7 @@ summary:focus-visible { scroll-behavior: auto; } - *, - *::before, - *::after { - animation: none !important; - transition: none !important; + .btn { + transition: none; } } \ No newline at end of file From 045d7a0fed03627c121420148224a64a3e25fa46 Mon Sep 17 00:00:00 2001 From: Jackson Date: Wed, 4 Mar 2026 16:15:00 +0000 Subject: [PATCH 07/14] feat: implement task 0x99024b4e593404877f via TaskMarket agent #24583 --- landing/index.html | 257 +++++++++++++++------------- landing/styles.css | 404 ++++++++++++++++++++------------------------- 2 files changed, 323 insertions(+), 338 deletions(-) diff --git a/landing/index.html b/landing/index.html index d5ba148..0003c4c 100644 --- a/landing/index.html +++ b/landing/index.html @@ -1,21 +1,22 @@ - - - Queryx — Agent-native Search API + + + + Queryx — Agent-native search API
-
- Queryx +
+ Queryx
-
-
-
-

Agent-native search API

-

Search the web. Pay per query. No accounts.

-

- Built for agents with x402 micropayments on Base. Start at - $0.001/query for structured, reliable web search. -

-
- View pricing - Quick start -
+
+
+

Agent-native search API

+

Search the web. Pay per query. No accounts.

+

+ Queryx uses x402 micropayments on Base so agents can settle payment + per request and get structured search results from + $0.001/query. +

+
+ Quick start + View pricing
-
-
+
+

Pricing

-

Simple endpoint pricing with no subscription lock-in.

- -
-
-

/v1/search

-

$0.001

-

per query

-

- Lower than Perplexity ($0.005–$0.014) and Tavily ($0.004) -

-
+

+ Simple endpoint pricing. No subscriptions. + + Perplexity: $0.005–$0.014 • Tavily: $0.004 + +

+
-
-

/v1/search/news

-

$0.001

-

per query

-

- Lower than Perplexity ($0.005–$0.014) and Tavily ($0.004) -

-
+
+
+

/v1/search

+

$0.001/query

+

General web search for fast agent calls.

+

Competitors: $0.004–$0.014/query

+
-
-

/v1/search/deep

-

$0.005

-

per query

-

- Matches or beats Perplexity high-tier ($0.005–$0.014), near Tavily ($0.004) -

-
-
+
+

/v1/search/news

+

$0.001/query

+

News-focused search with recent coverage.

+

Competitors: $0.004–$0.014/query

+
-
-

Competitors: Perplexity $0.005–$0.014, Tavily $0.004

-
+
+

/v1/search/deep

+

$0.005/query

+

Deeper retrieval for harder questions.

+

Perplexity can be up to $0.014/query

+
-
-
+
+

Quick start

-

Send a query and receive structured JSON immediately.

+

One request in, structured JSON out.

+
-
- 
curl -X POST "https://api.queryx.ai/v1/search" \
-  -H "content-type: application/json" \
-  -H "x402-payment: <signed_payment_on_base>" \
+        

+          cURL request + JSON response
+          

+            
+          

+          

+            

+              
Request

+              
curl -X POST "$QUERYX_BASE_URL/v1/search" \
+  -H "Content-Type: application/json" \
+  -H "x402-payment: $SIGNED_PAYMENT_ON_BASE" \
   -d '{
-    "query": "latest L2 throughput benchmarks",
-    "top_k": 5
+    "query": "latest AI agent research",
+    "num_results": 5
   }'

-
-            
-
-            

+            

+              
Response

+              
{
+  "query": "latest AI agent research",
+  "cost_usd": 0.001,
+  "network": "base",
   "results": [
     {
-      "title": "Benchmark roundup",
-      "url": "https://example.com/benchmark-roundup",
-      "snippet": "A comparative report on rollup performance...",
-      "source": "web",
-      "published_at": "2026-02-10T14:03:00Z"
+      "title": "Example result",
+      "snippet": "Concise summary text...",
+      "source": "news",
+      "published_at": "2026-03-04T10:12:00Z"
     }
-  ],
-  "total_results": 1
+  ]
 }

+            

           

-
+
-
-
+
+

How it works

-
-
-

1

-

Query

-

Your agent calls a Queryx endpoint with the search prompt.

-
-
-

2

-

x402 payment on Base

-

Per-request micropayment is validated via x402 on Base.

-
-
-

3

-

Structured JSON

-

Receive normalized, model-friendly JSON results instantly.

-
-
+
+
+
+ 1 +

Send a query

+

Call a Queryx endpoint with your search payload.

+
+
+ 2 +

x402 payment on Base

+

+ Attach the x402 payment proof and settle instantly on Base. +

+
+
+ 3 +

Get structured JSON

+

Receive machine-friendly results for direct agent use.

+
-
+
Structured JSON diff --git a/landing/styles.css b/landing/styles.css index 9539392..52b1e64 100644 --- a/landing/styles.css +++ b/landing/styles.css @@ -1,16 +1,12 @@ :root { --bg: #0a0a0a; --surface: #141414; - --surface-2: #181818; + --surface-2: #1a1a1a; + --border: #252525; --text: #f4f4f5; - --muted: #a1a1aa; - --border: #242424; + --muted: #b3b3b8; --accent: #6366f1; - --accent-2: #818cf8; - --danger: #ef4444; - --max-width: 1120px; - --radius: 14px; - --radius-sm: 10px; + --danger: #f87171; } *, @@ -19,371 +15,335 @@ box-sizing: border-box; } +html, +body { + margin: 0; + padding: 0; +} + html { - color-scheme: dark; scroll-behavior: smooth; } body { - margin: 0; - font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, - Noto Sans, Arial, sans-serif; + font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background: var(--bg); color: var(--text); line-height: 1.5; text-rendering: optimizeLegibility; } -.container { - width: min(100% - 2rem, var(--max-width)); - margin-inline: auto; -} - -.row { - display: flex; - align-items: center; - justify-content: space-between; - gap: 1rem; -} - -.section { - padding: 4.5rem 0; -} - -h1, -h2, -h3, -p { - margin: 0; -} - -h1 { - font-size: clamp(1.95rem, 4vw, 3.6rem); - line-height: 1.08; - letter-spacing: -0.03em; - max-width: 18ch; -} - -h2 { - font-size: clamp(1.45rem, 2.2vw, 2.1rem); - letter-spacing: -0.02em; - margin-bottom: 0.7rem; -} - -h3 { - font-size: 1.1rem; - margin-bottom: 0.4rem; +a { + color: inherit; + text-decoration: none; } -.section-copy { - color: var(--muted); - margin-bottom: 1.5rem; - max-width: 70ch; +.container { + width: min(1100px, 92%); + margin: 0 auto; } .site-header { position: sticky; top: 0; z-index: 20; - backdrop-filter: saturate(150%) blur(10px); - background: color-mix(in srgb, var(--bg) 88%, transparent); + backdrop-filter: blur(8px); + background: color-mix(in srgb, var(--bg) 82%, transparent); border-bottom: 1px solid var(--border); } -.site-header .container { - min-height: 4rem; +.header-inner { + min-height: 64px; + display: flex; + align-items: center; + justify-content: space-between; } .brand { font-weight: 700; - color: var(--text); - text-decoration: none; - letter-spacing: -0.01em; + letter-spacing: 0.2px; } -.ghost-link { +.header-link { color: var(--muted); - text-decoration: none; - border: 1px solid var(--border); - background: var(--surface); - border-radius: 999px; - padding: 0.45rem 0.9rem; + transition: color 0.2s ease; } -.ghost-link:hover { +.header-link:hover { color: var(--text); - border-color: #303030; } .hero { - position: relative; - overflow: clip; - padding-top: 6rem; - padding-bottom: 4.2rem; -} - -.hero::before { - content: ""; - position: absolute; - inset: -20% auto auto 50%; - transform: translateX(-50%); - width: min(60rem, 90vw); - height: 20rem; - background: radial-gradient(circle at center, rgba(99, 102, 241, 0.16), transparent 62%); - pointer-events: none; -} - -.hero-content { - position: relative; - z-index: 1; + padding: 4.5rem 0 2.5rem; + text-align: center; } .eyebrow { display: inline-block; - font-size: 0.84rem; - text-transform: uppercase; - letter-spacing: 0.1em; - color: var(--accent-2); - margin-bottom: 0.85rem; + margin: 0 0 1rem; + color: var(--accent); + background: color-mix(in srgb, var(--accent) 12%, transparent); + border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border)); + border-radius: 999px; + padding: 0.35rem 0.75rem; + font-size: 0.85rem; + font-weight: 600; +} + +.hero h1 { + margin: 0; + font-size: clamp(1.9rem, 5vw, 3.5rem); + line-height: 1.1; } .subheadline { + max-width: 760px; + margin: 1rem auto 0; color: var(--muted); - max-width: 65ch; - margin-top: 1rem; - font-size: clamp(1rem, 1.5vw, 1.2rem); + font-size: clamp(1rem, 2.3vw, 1.18rem); } -.subheadline strong { - color: var(--text); +.accent { + color: var(--accent); + font-weight: 600; } .hero-actions { + margin-top: 1.6rem; display: flex; + gap: 0.8rem; + justify-content: center; flex-wrap: wrap; - gap: 0.85rem; - margin-top: 1.5rem; } .btn { - appearance: none; - border: 1px solid transparent; - border-radius: 12px; - text-decoration: none; + border-radius: 10px; + padding: 0.72rem 1rem; font-weight: 600; - padding: 0.7rem 1rem; - cursor: pointer; - transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease; - display: inline-flex; - align-items: center; - justify-content: center; + border: 1px solid transparent; + transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease; } .btn:hover { transform: translateY(-1px); } -.btn:focus-visible { - outline: 2px solid var(--accent-2); - outline-offset: 2px; -} - .btn-primary { - color: #ffffff; background: var(--accent); - border-color: color-mix(in srgb, var(--accent) 80%, black); + color: #fff; } .btn-primary:hover { - background: #5b5eea; + background: color-mix(in srgb, var(--accent) 88%, white); } -.btn-secondary { - color: var(--text); - background: var(--surface); +.btn-ghost { border-color: var(--border); + background: var(--surface); + color: var(--text); } -.btn-secondary:hover { - border-color: #363636; - background: var(--surface-2); +.btn-ghost:hover { + border-color: color-mix(in srgb, var(--accent) 55%, var(--border)); } -.btn.small { - padding: 0.5rem 0.8rem; - border-radius: 10px; - font-size: 0.92rem; +.section { + padding: 2rem 0; } -.card { - background: var(--surface); - border: 1px solid var(--border); - border-radius: var(--radius); +.section-head h2 { + margin: 0; + font-size: clamp(1.4rem, 3vw, 2rem); +} + +.section-head p { + margin: 0.5rem 0 0; + color: var(--muted); +} + +.competitor { + color: var(--danger); } .pricing-grid { + margin-top: 1rem; display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; + grid-template-columns: repeat(3, minmax(0, 1fr)); } -.endpoint-card { - padding: 1.2rem; +.card { + background: linear-gradient(180deg, var(--surface), var(--surface-2)); + border: 1px solid var(--border); + border-radius: 14px; + padding: 1rem; } .endpoint { - color: var(--text); - font-weight: 650; - font-size: 1.02rem; - margin-bottom: 0.55rem; + margin: 0; + color: var(--muted); + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; } .price { - font-size: 2.1rem; - font-weight: 750; - line-height: 1; - letter-spacing: -0.02em; - margin-bottom: 0.35rem; - color: #ffffff; + margin: 0.25rem 0 0; + font-size: 1.8rem; + font-weight: 700; + color: var(--text); } -.unit { +.price span { + margin-left: 0.2rem; + font-size: 0.95rem; color: var(--muted); - margin-bottom: 0.9rem; + font-weight: 500; } -.comparison { - color: var(--danger); - font-size: 0.92rem; +.card-copy { + margin: 0.55rem 0 0.6rem; + color: var(--muted); } -.endpoint-card.featured { - border-color: color-mix(in srgb, var(--accent) 60%, var(--border)); - box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.2) inset; +.code-panel { + margin-top: 1rem; + background: var(--surface); + border: 1px solid var(--border); + border-radius: 14px; + overflow: hidden; } -.comparison-strip { - margin-top: 1rem; - padding: 0.9rem 1rem; +.code-panel > summary { + cursor: pointer; + list-style: none; + user-select: none; + padding: 0.95rem 1rem; + font-weight: 600; + border-bottom: 1px solid var(--border); } -.comparison-strip p { - color: var(--danger); - font-weight: 500; +.code-panel > summary::-webkit-details-marker { + display: none; } -.comparison-strip span { - color: #f87171; - font-weight: 700; +.code-toolbar { + display: flex; + justify-content: flex-end; + padding: 0.75rem 1rem 0; } -.code-card { - padding: 1rem; +.copy-btn { + border: 1px solid var(--border); + background: var(--surface-2); + color: var(--text); + border-radius: 8px; + font-size: 0.85rem; + padding: 0.42rem 0.62rem; + cursor: pointer; } -pre { - margin: 0; - overflow-x: auto; - border: 1px solid #232323; - border-radius: var(--radius-sm); - background: #0f0f0f; +.copy-btn:hover { + border-color: color-mix(in srgb, var(--accent) 55%, var(--border)); } -pre code { - display: block; - padding: 1rem; - color: #e4e4e7; - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, - monospace; +.code-grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 0.8rem; + padding: 0.75rem 1rem 1rem; +} + +.code-grid h3 { + margin: 0 0 0.45rem; font-size: 0.9rem; - line-height: 1.5; - white-space: pre; + color: var(--muted); } -#toggleResponse { - margin-top: 0.9rem; - margin-bottom: 0.9rem; +pre { + margin: 0; + background: #0f0f0f; + border: 1px solid #1f1f1f; + border-radius: 10px; + padding: 0.85rem; + overflow: auto; } -.response-block { - margin-top: 0.1rem; +code { + font-size: 0.82rem; + line-height: 1.45; + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; + color: #e7e7ea; } -.steps-grid { +.steps { + margin-top: 1rem; display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); } .step { - padding: 1.15rem; + border: 1px solid var(--border); + border-radius: 14px; + background: var(--surface); + padding: 1rem; } .step-number { - width: 1.8rem; - height: 1.8rem; - border-radius: 999px; + width: 28px; + height: 28px; + border-radius: 50%; + background: color-mix(in srgb, var(--accent) 18%, var(--surface)); + border: 1px solid color-mix(in srgb, var(--accent) 65%, var(--border)); + color: var(--accent); display: inline-flex; - justify-content: center; align-items: center; - background: rgba(99, 102, 241, 0.2); - color: var(--accent-2); + justify-content: center; font-weight: 700; - margin-bottom: 0.6rem; + font-size: 0.85rem; +} + +.step h3 { + margin: 0.7rem 0 0.3rem; } .step p { + margin: 0; color: var(--muted); } .site-footer { + margin-top: 2.2rem; border-top: 1px solid var(--border); - margin-top: 1.8rem; } -.footer-row { - min-height: 4.2rem; +.footer-inner { + min-height: 64px; display: flex; - flex-wrap: wrap; - gap: 0.9rem; - justify-content: space-between; align-items: center; + justify-content: space-between; + gap: 1rem; } -.site-footer a { - color: var(--accent-2); - text-decoration: none; -} - -.site-footer a:hover { +.footer-inner a { color: var(--text); } -.site-footer p { +.footer-inner p { + margin: 0; color: var(--muted); } -@media (max-width: 940px) { +@media (max-width: 900px) { .pricing-grid, - .steps-grid { + .steps { grid-template-columns: 1fr; } - .section { - padding: 3.8rem 0; + .code-grid { + grid-template-columns: 1fr; } .hero { - padding-top: 5rem; - } -} - -@media (prefers-reduced-motion: reduce) { - html { - scroll-behavior: auto; - } - - .btn { - transition: none; + padding-top: 3.2rem; } } \ No newline at end of file From 263ff6779a701c6bef6a304f19b3f6f90aeaefc5 Mon Sep 17 00:00:00 2001 From: Jackson Date: Wed, 4 Mar 2026 16:20:37 +0000 Subject: [PATCH 08/14] feat: implement task 0x99024b4e593404877f via TaskMarket agent #24583 --- landing/index.html | 248 +++++++++++++-------------------- landing/styles.css | 338 ++++++++++++++++++--------------------------- 2 files changed, 233 insertions(+), 353 deletions(-) diff --git a/landing/index.html b/landing/index.html index 0003c4c..99dff1f 100644 --- a/landing/index.html +++ b/landing/index.html @@ -3,204 +3,154 @@ - + Queryx — Agent-native Search API - Queryx — Agent-native search API +
-
+
Queryx - - GitHub -
-
-

Agent-native search API

-

Search the web. Pay per query. No accounts.

-

- Queryx uses x402 micropayments on Base so agents can settle payment - per request and get structured search results from - $0.001/query. -

-
- Quick start - View pricing +
+
+

Agent-native search API

+

Search the web. Pay per query. No accounts.

+

+ Queryx uses x402 payments on Base so agents can pay exactly for what they use — + starting at $0.001/query, with structured JSON in every response. +

+ See quick start
-
-
-

Pricing

-

- Simple endpoint pricing. No subscriptions. - - Perplexity: $0.005–$0.014 • Tavily: $0.004 - -

-
+
+
+

Simple, transparent pricing

+

No subscriptions. No hidden tiers. Just per-request billing.

-
-
-

/v1/search

-

$0.001/query

-

General web search for fast agent calls.

-

Competitors: $0.004–$0.014/query

-
+
+
+

/v1/search

+

$0.001 / query

+

General web search for agents and apps.

+

Competitors: Perplexity $0.005–0.014, Tavily $0.004

+
-
-

/v1/search/news

-

$0.001/query

-

News-focused search with recent coverage.

-

Competitors: $0.004–$0.014/query

-
+
+

/v1/search/news

+

$0.001 / query

+

Fresh news discovery with clean metadata.

+

Competitors: Perplexity $0.005–0.014, Tavily $0.004

+
-
-

/v1/search/deep

-

$0.005/query

-

Deeper retrieval for harder questions.

-

Perplexity can be up to $0.014/query

-
+
+

/v1/search/deep

+

$0.005 / query

+

Higher-depth retrieval for demanding tasks.

+

Competitors: Perplexity $0.005–0.014, Tavily $0.004

+
+
-
-
+
+

Quick start

-

One request in, structured JSON out.

-
+

Run one request and get normalized JSON back.

-
- cURL request + JSON response -
- -
-
-
-

Request

- 
curl -X POST "$QUERYX_BASE_URL/v1/search" \
+          
+
+
+
-
-
+
+

How it works

-
-
-
- 1 -

Send a query

-

Call a Queryx endpoint with your search payload.

-
-
- 2 -

x402 payment on Base

-

- Attach the x402 payment proof and settle instantly on Base. -

-
-
- 3 -

Get structured JSON

-

Receive machine-friendly results for direct agent use.

-
+
+
+ 1 +

Send query

+

Your agent calls a Queryx endpoint with a search prompt.

+
+
+ 2 +

x402 payment on Base

+

Payment is attached to the request using x402 over Base rails.

+
+
+ 3 +

Get structured JSON

+

Receive normalized results ready for tool use and chaining.

+
+
diff --git a/landing/styles.css b/landing/styles.css index 52b1e64..ee29da5 100644 --- a/landing/styles.css +++ b/landing/styles.css @@ -1,17 +1,17 @@ :root { --bg: #0a0a0a; --surface: #141414; - --surface-2: #1a1a1a; - --border: #252525; + --surface-2: #101010; --text: #f4f4f5; - --muted: #b3b3b8; + --muted: #a1a1aa; --accent: #6366f1; - --danger: #f87171; + --danger: #ef4444; + --border: #242424; + --radius: 14px; + --container: 1100px; } -*, -*::before, -*::after { +* { box-sizing: border-box; } @@ -27,20 +27,23 @@ html { body { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; - background: var(--bg); + background: radial-gradient(1200px 500px at 50% -180px, #1d1d2d 0%, var(--bg) 55%) fixed; color: var(--text); - line-height: 1.5; + line-height: 1.55; text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; } -a { - color: inherit; - text-decoration: none; +.container { + width: min(calc(100% - 2rem), var(--container)); + margin-inline: auto; } -.container { - width: min(1100px, 92%); - margin: 0 auto; +.row, +.footer-row { + display: flex; + align-items: center; + justify-content: space-between; } .site-header { @@ -48,125 +51,89 @@ a { top: 0; z-index: 20; backdrop-filter: blur(8px); - background: color-mix(in srgb, var(--bg) 82%, transparent); + background: color-mix(in srgb, var(--bg), transparent 30%); border-bottom: 1px solid var(--border); } -.header-inner { - min-height: 64px; - display: flex; - align-items: center; - justify-content: space-between; -} - .brand { + color: var(--text); font-weight: 700; letter-spacing: 0.2px; + text-decoration: none; + padding: 0.95rem 0; } -.header-link { - color: var(--muted); - transition: color 0.2s ease; +.section { + padding: 4.5rem 0; } -.header-link:hover { - color: var(--text); +h1, +h2, +h3, +p { + margin: 0; } -.hero { - padding: 4.5rem 0 2.5rem; - text-align: center; +h1 { + font-size: clamp(2rem, 5vw, 3.7rem); + line-height: 1.08; + letter-spacing: -0.02em; + max-width: 16ch; } -.eyebrow { - display: inline-block; - margin: 0 0 1rem; - color: var(--accent); - background: color-mix(in srgb, var(--accent) 12%, transparent); - border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border)); - border-radius: 999px; - padding: 0.35rem 0.75rem; - font-size: 0.85rem; - font-weight: 600; +h2 { + font-size: clamp(1.5rem, 3.2vw, 2.2rem); + letter-spacing: -0.01em; + margin-bottom: 0.65rem; } -.hero h1 { - margin: 0; - font-size: clamp(1.9rem, 5vw, 3.5rem); - line-height: 1.1; +h3 { + font-size: 1.12rem; + margin-bottom: 0.6rem; } -.subheadline { - max-width: 760px; - margin: 1rem auto 0; - color: var(--muted); - font-size: clamp(1rem, 2.3vw, 1.18rem); +.eyebrow { + display: inline-flex; + margin-bottom: 1rem; + padding: 0.35rem 0.65rem; + border: 1px solid #2b2b2b; + border-radius: 999px; + color: #d4d4d8; + background: #111113; + font-size: 0.8rem; } -.accent { - color: var(--accent); - font-weight: 600; +.subheadline { + margin-top: 1rem; + color: var(--muted); + font-size: clamp(1.05rem, 2vw, 1.2rem); + max-width: 70ch; } -.hero-actions { - margin-top: 1.6rem; - display: flex; - gap: 0.8rem; - justify-content: center; - flex-wrap: wrap; +.section-copy { + color: var(--muted); + margin-bottom: 1.3rem; } -.btn { +.cta { + display: inline-block; + margin-top: 1.5rem; + text-decoration: none; + color: white; + background: var(--accent); + border: 1px solid #7275ff; border-radius: 10px; - padding: 0.72rem 1rem; + padding: 0.68rem 1rem; font-weight: 600; - border: 1px solid transparent; - transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease; + transition: transform 0.12s ease, filter 0.2s ease; } -.btn:hover { +.cta:hover { + filter: brightness(1.08); transform: translateY(-1px); } -.btn-primary { - background: var(--accent); - color: #fff; -} - -.btn-primary:hover { - background: color-mix(in srgb, var(--accent) 88%, white); -} - -.btn-ghost { - border-color: var(--border); - background: var(--surface); - color: var(--text); -} - -.btn-ghost:hover { - border-color: color-mix(in srgb, var(--accent) 55%, var(--border)); -} - -.section { - padding: 2rem 0; -} - -.section-head h2 { - margin: 0; - font-size: clamp(1.4rem, 3vw, 2rem); -} - -.section-head p { - margin: 0.5rem 0 0; - color: var(--muted); -} - -.competitor { - color: var(--danger); -} - .pricing-grid { - margin-top: 1rem; display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); @@ -175,162 +142,123 @@ a { .card { background: linear-gradient(180deg, var(--surface), var(--surface-2)); border: 1px solid var(--border); - border-radius: 14px; - padding: 1rem; -} - -.endpoint { - margin: 0; - color: var(--muted); - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; + border-radius: var(--radius); + padding: 1.2rem; } .price { - margin: 0.25rem 0 0; - font-size: 1.8rem; + font-size: 1.6rem; font-weight: 700; - color: var(--text); + margin-bottom: 0.4rem; } .price span { - margin-left: 0.2rem; - font-size: 0.95rem; color: var(--muted); + font-size: 0.95rem; font-weight: 500; } -.card-copy { - margin: 0.55rem 0 0.6rem; +.muted { color: var(--muted); } -.code-panel { - margin-top: 1rem; - background: var(--surface); - border: 1px solid var(--border); - border-radius: 14px; - overflow: hidden; -} - -.code-panel > summary { - cursor: pointer; - list-style: none; - user-select: none; - padding: 0.95rem 1rem; +.competitor { + margin-top: 0.8rem; + color: var(--danger); font-weight: 600; - border-bottom: 1px solid var(--border); -} - -.code-panel > summary::-webkit-details-marker { - display: none; -} - -.code-toolbar { - display: flex; - justify-content: flex-end; - padding: 0.75rem 1rem 0; + font-size: 0.95rem; } -.copy-btn { - border: 1px solid var(--border); - background: var(--surface-2); +.collapse-btn { + border: 1px solid #2b2b2b; + background: #161616; color: var(--text); - border-radius: 8px; - font-size: 0.85rem; - padding: 0.42rem 0.62rem; + border-radius: 10px; + padding: 0.65rem 0.9rem; cursor: pointer; + font-weight: 600; + margin-bottom: 1rem; } -.copy-btn:hover { - border-color: color-mix(in srgb, var(--accent) 55%, var(--border)); +.collapse-btn:hover { + border-color: #3a3a3a; } -.code-grid { +.quickstart-content { display: grid; - grid-template-columns: 1fr 1fr; - gap: 0.8rem; - padding: 0.75rem 1rem 1rem; + gap: 1rem; } -.code-grid h3 { - margin: 0 0 0.45rem; - font-size: 0.9rem; - color: var(--muted); +.code-wrap { + background: #0d0d0d; + border: 1px solid #282828; + border-radius: var(--radius); + overflow: hidden; +} + +.code-label { + font-size: 0.83rem; + letter-spacing: 0.03em; + text-transform: uppercase; + color: #d4d4d8; + background: #131313; + border-bottom: 1px solid #252525; + padding: 0.65rem 0.85rem; } pre { margin: 0; - background: #0f0f0f; - border: 1px solid #1f1f1f; - border-radius: 10px; - padding: 0.85rem; - overflow: auto; + padding: 0.95rem 1rem; + overflow-x: auto; + font-size: 0.9rem; + line-height: 1.5; } code { - font-size: 0.82rem; - line-height: 1.45; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; - color: #e7e7ea; + color: #e4e4e7; } .steps { - margin-top: 1rem; display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); } .step { - border: 1px solid var(--border); - border-radius: 14px; background: var(--surface); + border: 1px solid var(--border); + border-radius: var(--radius); padding: 1rem; } .step-number { - width: 28px; - height: 28px; - border-radius: 50%; - background: color-mix(in srgb, var(--accent) 18%, var(--surface)); - border: 1px solid color-mix(in srgb, var(--accent) 65%, var(--border)); - color: var(--accent); - display: inline-flex; - align-items: center; - justify-content: center; + width: 1.8rem; + height: 1.8rem; + display: inline-grid; + place-items: center; + border-radius: 999px; + background: #20224b; + color: #d6d7ff; + border: 1px solid #343675; font-weight: 700; - font-size: 0.85rem; -} - -.step h3 { - margin: 0.7rem 0 0.3rem; -} - -.step p { - margin: 0; - color: var(--muted); + margin-bottom: 0.65rem; } .site-footer { - margin-top: 2.2rem; border-top: 1px solid var(--border); + padding: 1.1rem 0 1.4rem; + color: var(--muted); } -.footer-inner { - min-height: 64px; - display: flex; - align-items: center; - justify-content: space-between; - gap: 1rem; -} - -.footer-inner a { +.site-footer a { color: var(--text); + text-decoration: none; } -.footer-inner p { - margin: 0; - color: var(--muted); +.site-footer a:hover { + text-decoration: underline; + text-underline-offset: 2px; } @media (max-width: 900px) { @@ -339,11 +267,13 @@ code { grid-template-columns: 1fr; } - .code-grid { - grid-template-columns: 1fr; + .section { + padding: 3.4rem 0; } - .hero { - padding-top: 3.2rem; + .footer-row { + flex-direction: column; + align-items: flex-start; + gap: 0.35rem; } } \ No newline at end of file From a41d2f8bbc94df48231b369692b4c39a9c7e2854 Mon Sep 17 00:00:00 2001 From: Jackson Date: Wed, 4 Mar 2026 16:26:40 +0000 Subject: [PATCH 09/14] feat: implement task 0x99024b4e593404877f via TaskMarket agent #24583 --- landing/index.html | 212 ++++++++++++++++----------- landing/styles.css | 354 +++++++++++++++++++++++++++------------------ 2 files changed, 336 insertions(+), 230 deletions(-) diff --git a/landing/index.html b/landing/index.html index 99dff1f..87d97ed 100644 --- a/landing/index.html +++ b/landing/index.html @@ -1,107 +1,127 @@ - - - Queryx — Agent-native Search API + + + Queryx — Agent-native search API -
-
- Queryx + + +
+
+

Queryx

+

Search the web. Pay per query. No accounts.

+

+ Agent-native search API with x402 payments on Base. + Simple pricing, instant access, and structured JSON output from every query. +

+
+ Quick start + View pricing +
-
-
+
+
-

Agent-native search API

-

Search the web. Pay per query. No accounts.

-

- Queryx uses x402 payments on Base so agents can pay exactly for what they use — - starting at $0.001/query, with structured JSON in every response. +

Pricing

+

+ One API, three endpoints, predictable costs.

- See quick start -
-
- -
-
-

Simple, transparent pricing

-

No subscriptions. No hidden tiers. Just per-request billing.

-
+

/v1/search

-

$0.001 / query

-

General web search for agents and apps.

-

Competitors: Perplexity $0.005–0.014, Tavily $0.004

+

$0.001 / query

+

General web search with structured JSON.

+

Perplexity: $0.005–$0.014 · Tavily: $0.004

-
+

/v1/search/news

-

$0.001 / query

-

Fresh news discovery with clean metadata.

-

Competitors: Perplexity $0.005–0.014, Tavily $0.004

+

$0.001 / query

+

Fresh news-focused results for real-time agents.

+

Perplexity: $0.005–$0.014 · Tavily: $0.004

-
+

/v1/search/deep

-

$0.005 / query

-

Higher-depth retrieval for demanding tasks.

-

Competitors: Perplexity $0.005–0.014, Tavily $0.004

+

$0.005 / query

+

Deeper retrieval for harder questions and synthesis.

+

Perplexity: $0.005–$0.014 · Tavily: $0.004

-
+

Quick start

-

Run one request and get normalized JSON back.

- - - -
-
+

How it works

-
-
- 1 -

Send query

-

Your agent calls a Queryx endpoint with a search prompt.

+
+
+

1

+

Send a query

+

Call a Queryx endpoint with a plain-language search request.

-
- 2 + +
+

2

x402 payment on Base

-

Payment is attached to the request using x402 over Base rails.

+

Each request pays per query using x402 on Base — no account setup required.

-
- 3 -

Get structured JSON

-

Receive normalized results ready for tool use and chaining.

+ +
+

3

+

Receive structured JSON

+

Your agent gets clean, machine-readable results ready for next-step reasoning.

-
-
- GitHub +
+
+ GitHub

Built by @langoustine69

diff --git a/landing/styles.css b/landing/styles.css index ee29da5..76f617c 100644 --- a/landing/styles.css +++ b/landing/styles.css @@ -1,17 +1,22 @@ :root { --bg: #0a0a0a; --surface: #141414; - --surface-2: #101010; + --surface-2: #191919; --text: #f4f4f5; --muted: #a1a1aa; --accent: #6366f1; + --accent-2: #4f46e5; --danger: #ef4444; - --border: #242424; + --border: #27272a; --radius: 14px; - --container: 1100px; + --radius-sm: 10px; + --container: 1080px; + --shadow: 0 10px 25px rgba(0, 0, 0, 0.35); } -* { +*, +*::before, +*::after { box-sizing: border-box; } @@ -19,261 +24,322 @@ html, body { margin: 0; padding: 0; -} - -html { - scroll-behavior: smooth; -} - -body { - font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; - background: radial-gradient(1200px 500px at 50% -180px, #1d1d2d 0%, var(--bg) 55%) fixed; + background: var(--bg); color: var(--text); - line-height: 1.55; + font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } +body { + line-height: 1.5; +} + .container { - width: min(calc(100% - 2rem), var(--container)); + width: min(var(--container), calc(100% - 2rem)); margin-inline: auto; } -.row, -.footer-row { - display: flex; - align-items: center; - justify-content: space-between; +.section { + padding: 4rem 0; } -.site-header { - position: sticky; - top: 0; - z-index: 20; - backdrop-filter: blur(8px); - background: color-mix(in srgb, var(--bg), transparent 30%); - border-bottom: 1px solid var(--border); +.hero { + padding-top: 5.5rem; + padding-bottom: 3.5rem; } -.brand { - color: var(--text); +.eyebrow { + display: inline-block; + margin: 0 0 0.75rem; + color: #c4b5fd; font-weight: 700; - letter-spacing: 0.2px; - text-decoration: none; - padding: 0.95rem 0; -} - -.section { - padding: 4.5rem 0; + letter-spacing: 0.03em; + text-transform: uppercase; + font-size: 0.78rem; } h1, h2, h3, p { - margin: 0; + margin-top: 0; } h1 { - font-size: clamp(2rem, 5vw, 3.7rem); - line-height: 1.08; + font-size: clamp(2rem, 5vw, 3.25rem); + line-height: 1.1; letter-spacing: -0.02em; - max-width: 16ch; + max-width: 20ch; + margin-bottom: 1rem; } h2 { - font-size: clamp(1.5rem, 3.2vw, 2.2rem); + font-size: clamp(1.35rem, 3vw, 2rem); letter-spacing: -0.01em; - margin-bottom: 0.65rem; + margin-bottom: 0.5rem; } h3 { - font-size: 1.12rem; - margin-bottom: 0.6rem; -} - -.eyebrow { - display: inline-flex; - margin-bottom: 1rem; - padding: 0.35rem 0.65rem; - border: 1px solid #2b2b2b; - border-radius: 999px; - color: #d4d4d8; - background: #111113; - font-size: 0.8rem; + font-size: 1.05rem; + margin-bottom: 0.35rem; } .subheadline { - margin-top: 1rem; + max-width: 64ch; color: var(--muted); - font-size: clamp(1.05rem, 2vw, 1.2rem); - max-width: 70ch; + margin-bottom: 1.5rem; + font-size: 1.02rem; } -.section-copy { +.section-subtitle { color: var(--muted); margin-bottom: 1.3rem; } -.cta { - display: inline-block; - margin-top: 1.5rem; - text-decoration: none; - color: white; - background: var(--accent); - border: 1px solid #7275ff; +.hero-cta-row { + display: flex; + flex-wrap: wrap; + gap: 0.75rem; +} + +.btn { + border: 1px solid transparent; border-radius: 10px; - padding: 0.68rem 1rem; + padding: 0.65rem 0.95rem; + color: var(--text); + text-decoration: none; + cursor: pointer; + transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.12s ease; font-weight: 600; - transition: transform 0.12s ease, filter 0.2s ease; + font-size: 0.92rem; + line-height: 1; + background: transparent; +} + +.btn:focus-visible, +.skip-link:focus-visible, +.footer-link:focus-visible { + outline: 2px solid var(--accent); + outline-offset: 2px; +} + +.btn:active { + transform: translateY(1px); +} + +.btn-primary { + background: var(--accent); + border-color: var(--accent); +} + +.btn-primary:hover { + background: var(--accent-2); + border-color: var(--accent-2); } -.cta:hover { - filter: brightness(1.08); - transform: translateY(-1px); +.btn-secondary { + background: var(--surface); + border-color: var(--border); +} + +.btn-secondary:hover { + border-color: #3f3f46; + background: #1f1f1f; } -.pricing-grid { +.btn-small { + padding: 0.52rem 0.75rem; + font-size: 0.82rem; +} + +.pricing-grid, +.steps-grid { display: grid; - gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 0.9rem; } .card { - background: linear-gradient(180deg, var(--surface), var(--surface-2)); + background: linear-gradient(180deg, var(--surface) 0%, #111111 100%); border: 1px solid var(--border); border-radius: var(--radius); - padding: 1.2rem; + padding: 1rem; + box-shadow: var(--shadow); +} + +.endpoint-card { + min-height: 180px; +} + +.endpoint-card-featured { + border-color: #3c3ee6; + box-shadow: 0 10px 28px rgba(79, 70, 229, 0.18); } .price { - font-size: 1.6rem; + font-size: 1.65rem; font-weight: 700; - margin-bottom: 0.4rem; + margin: 0.2rem 0 0.45rem; + letter-spacing: -0.01em; } -.price span { +.unit { + font-size: 0.96rem; color: var(--muted); - font-size: 0.95rem; font-weight: 500; } .muted { color: var(--muted); + margin-bottom: 0.85rem; } .competitor { - margin-top: 0.8rem; color: var(--danger); - font-weight: 600; - font-size: 0.95rem; -} - -.collapse-btn { - border: 1px solid #2b2b2b; - background: #161616; - color: var(--text); - border-radius: 10px; - padding: 0.65rem 0.9rem; - cursor: pointer; - font-weight: 600; - margin-bottom: 1rem; + margin: 0; + font-size: 0.9rem; } -.collapse-btn:hover { - border-color: #3a3a3a; +.code-card { + padding: 0.75rem; + overflow: hidden; } -.quickstart-content { - display: grid; - gap: 1rem; +.code-toolbar { + display: flex; + justify-content: space-between; + align-items: center; + gap: 0.75rem; + padding: 0.35rem 0.35rem 0.7rem; } -.code-wrap { - background: #0d0d0d; - border: 1px solid #282828; - border-radius: var(--radius); - overflow: hidden; +.code-toolbar.secondary { + padding: 0.9rem 0.35rem 0.45rem; } .code-label { - font-size: 0.83rem; - letter-spacing: 0.03em; + color: var(--muted); + font-size: 0.82rem; text-transform: uppercase; - color: #d4d4d8; - background: #131313; - border-bottom: 1px solid #252525; - padding: 0.65rem 0.85rem; + letter-spacing: 0.08em; + font-weight: 700; +} + +.toolbar-actions { + display: flex; + gap: 0.5rem; } pre { margin: 0; - padding: 0.95rem 1rem; - overflow-x: auto; - font-size: 0.9rem; - line-height: 1.5; + overflow: auto; + background: #0d0d0d; + border: 1px solid #222; + border-radius: var(--radius-sm); + padding: 0.9rem; + scrollbar-width: thin; } code { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace; + font-size: 0.84rem; color: #e4e4e7; } -.steps { - display: grid; - gap: 1rem; - grid-template-columns: repeat(3, minmax(0, 1fr)); +.json-panel { + margin-top: 0.65rem; } -.step { - background: var(--surface); - border: 1px solid var(--border); - border-radius: var(--radius); - padding: 1rem; +.step-card { + display: flex; + flex-direction: column; + gap: 0.15rem; } -.step-number { - width: 1.8rem; - height: 1.8rem; - display: inline-grid; - place-items: center; +.step-num { + display: inline-flex; + width: 1.9rem; + height: 1.9rem; + align-items: center; + justify-content: center; + margin-bottom: 0.45rem; border-radius: 999px; - background: #20224b; - color: #d6d7ff; - border: 1px solid #343675; + background: rgba(99, 102, 241, 0.18); + border: 1px solid rgba(99, 102, 241, 0.45); + color: #c7d2fe; font-weight: 700; - margin-bottom: 0.65rem; } -.site-footer { - border-top: 1px solid var(--border); - padding: 1.1rem 0 1.4rem; +.footer { + padding-top: 2rem; + padding-bottom: 2.5rem; +} + +.footer-inner { + display: flex; + align-items: center; + justify-content: space-between; + gap: 1rem; color: var(--muted); + font-size: 0.93rem; + border-top: 1px solid var(--border); + padding-top: 1.2rem; } -.site-footer a { +.footer-link { color: var(--text); text-decoration: none; + border-bottom: 1px solid transparent; +} + +.footer-link:hover { + border-bottom-color: var(--text); +} + +.skip-link { + position: absolute; + left: -9999px; + top: 0.5rem; + background: var(--accent); + color: white; + padding: 0.45rem 0.65rem; + border-radius: 8px; + text-decoration: none; + z-index: 10; } -.site-footer a:hover { - text-decoration: underline; - text-underline-offset: 2px; +.skip-link:focus { + left: 0.6rem; } -@media (max-width: 900px) { +@media (max-width: 860px) { .pricing-grid, - .steps { + .steps-grid { grid-template-columns: 1fr; } .section { - padding: 3.4rem 0; + padding: 3rem 0; + } + + .hero { + padding-top: 4.2rem; + padding-bottom: 2.4rem; } - .footer-row { + .footer-inner { flex-direction: column; align-items: flex-start; - gap: 0.35rem; + } +} + +@media (prefers-reduced-motion: reduce) { + *, + *::before, + *::after { + transition: none !important; + animation: none !important; + scroll-behavior: auto !important; } } \ No newline at end of file From 3742035b72f307fc3ec7164487fda1dcf6598e38 Mon Sep 17 00:00:00 2001 From: Jackson Date: Wed, 4 Mar 2026 16:32:35 +0000 Subject: [PATCH 10/14] feat: implement task 0x99024b4e593404877f via TaskMarket agent #24583 --- landing/index.html | 239 +++++++++++++---------------- landing/styles.css | 372 ++++++++++++++++++++------------------------- 2 files changed, 277 insertions(+), 334 deletions(-) diff --git a/landing/index.html b/landing/index.html index 87d97ed..18b6738 100644 --- a/landing/index.html +++ b/landing/index.html @@ -1,198 +1,177 @@ - - - Queryx — Agent-native search API + + + Queryx — Agent-native Search API - - -
-
-

Queryx

-

Search the web. Pay per query. No accounts.

-

- Agent-native search API with x402 payments on Base. - Simple pricing, instant access, and structured JSON output from every query. -

-
- Quick start - View pricing -
+
+
+ Queryx + + GitHub +
-
-
+
+
+
+

Agent-native search API

+

Search the web. Pay per query. No accounts.

+

+ Queryx uses x402 micropayments on Base so you only pay for what you + use — starting at $0.001 per request. +

+ Try quick start +
+
+ +

Pricing

-

- One API, three endpoints, predictable costs. +

+ Simple endpoint pricing with transparent competitor comparison.

-
-

/v1/search

-

$0.001 / query

-

General web search with structured JSON.

-

Perplexity: $0.005–$0.014 · Tavily: $0.004

+
+

/v1/search

+

$0.001 / query

+
    +
  • General web results
    • +
  • Perplexity: $0.005–$0.014 / query
    • +
  • Tavily: $0.004 / query
    • +
-
-

/v1/search/news

-

$0.001 / query

-

Fresh news-focused results for real-time agents.

-

Perplexity: $0.005–$0.014 · Tavily: $0.004

+
+

/v1/search/news

+

$0.001 / query

+
    +
  • News-focused retrieval
    • +
  • Perplexity: $0.005–$0.014 / query
    • +
  • Tavily: $0.004 / query
    • +
-
-

/v1/search/deep

-

$0.005 / query

-

Deeper retrieval for harder questions and synthesis.

-

Perplexity: $0.005–$0.014 · Tavily: $0.004

+
+

/v1/search/deep

+

$0.005 / query

+
    +
  • Deeper multi-source analysis
    • +
  • Perplexity: $0.005–$0.014 / query
    • +
  • Tavily: $0.004 / query
    • +
-
+

Quick start

-

Run a single paid request and get JSON back.

- -
-
- cURL -
- - -
-
+

+ Make a request with a single curl command. Payment is handled by + x402 on Base. +

- 
curl -X POST "https://api.queryx.dev/v1/search" \
+          

+            
curl -X POST https://api.queryx.dev/v1/search \
   -H "Content-Type: application/json" \
-  -H "X402-Network: base" \
+  -H "x402-network: base" \
   -d '{
-    "q": "latest advances in battery recycling",
+    "query": "latest AI agent frameworks",
     "limit": 5
   }'

 
-            
+
-
+

How it works

-
-
-

1

-

Send a query

-

Call a Queryx endpoint with a plain-language search request.

+
+
+ 1 +

Send your query

+

+ Call a Queryx endpoint with your search intent and optional + parameters. +

- -
-

2

+
+ 2

x402 payment on Base

-

Each request pays per query using x402 on Base — no account setup required.

+

+ Queryx settles per-request micropayments over x402 on Base — + no account setup required. +

- -
-

3

+
+ 3

Receive structured JSON

-

Your agent gets clean, machine-readable results ready for next-step reasoning.

+

+ Get clean, machine-friendly results you can directly pipe into + agents and workflows. +

-
-
- GitHub + - - \ No newline at end of file diff --git a/landing/styles.css b/landing/styles.css index 76f617c..6298a7b 100644 --- a/landing/styles.css +++ b/landing/styles.css @@ -1,17 +1,12 @@ :root { --bg: #0a0a0a; --surface: #141414; - --surface-2: #191919; + --surface-2: #1a1a1a; --text: #f4f4f5; --muted: #a1a1aa; --accent: #6366f1; - --accent-2: #4f46e5; --danger: #ef4444; --border: #27272a; - --radius: 14px; - --radius-sm: 10px; - --container: 1080px; - --shadow: 0 10px 25px rgba(0, 0, 0, 0.35); } *, @@ -20,326 +15,295 @@ box-sizing: border-box; } -html, +html { + color-scheme: dark; +} + body { margin: 0; - padding: 0; + min-height: 100vh; + font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background: var(--bg); color: var(--text); - font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; + line-height: 1.55; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } -body { - line-height: 1.5; +a { + color: var(--text); + text-decoration: none; } .container { - width: min(var(--container), calc(100% - 2rem)); - margin-inline: auto; + width: min(1100px, 92vw); + margin: 0 auto; } .section { - padding: 4rem 0; -} - -.hero { - padding-top: 5.5rem; - padding-bottom: 3.5rem; -} - -.eyebrow { - display: inline-block; - margin: 0 0 0.75rem; - color: #c4b5fd; - font-weight: 700; - letter-spacing: 0.03em; - text-transform: uppercase; - font-size: 0.78rem; + padding: 64px 0; } -h1, -h2, -h3, -p { - margin-top: 0; +.site-header { + position: sticky; + top: 0; + z-index: 20; + backdrop-filter: blur(8px); + background: rgb(10 10 10 / 78%); + border-bottom: 1px solid var(--border); } -h1 { - font-size: clamp(2rem, 5vw, 3.25rem); - line-height: 1.1; - letter-spacing: -0.02em; - max-width: 20ch; - margin-bottom: 1rem; +.nav { + height: 64px; + display: flex; + align-items: center; + justify-content: space-between; } -h2 { - font-size: clamp(1.35rem, 3vw, 2rem); - letter-spacing: -0.01em; - margin-bottom: 0.5rem; +.brand { + font-weight: 700; + letter-spacing: 0.2px; + font-size: 1.06rem; } -h3 { - font-size: 1.05rem; - margin-bottom: 0.35rem; +.ghost-link { + color: var(--muted); + transition: color 120ms ease; } -.subheadline { - max-width: 64ch; - color: var(--muted); - margin-bottom: 1.5rem; - font-size: 1.02rem; +.ghost-link:hover, +.ghost-link:focus-visible { + color: var(--text); } -.section-subtitle { - color: var(--muted); - margin-bottom: 1.3rem; +.hero { + padding-top: 88px; + padding-bottom: 56px; } -.hero-cta-row { - display: flex; - flex-wrap: wrap; - gap: 0.75rem; +.hero-content { + max-width: 760px; } -.btn { - border: 1px solid transparent; - border-radius: 10px; - padding: 0.65rem 0.95rem; - color: var(--text); - text-decoration: none; - cursor: pointer; - transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.12s ease; +.eyebrow { + margin: 0 0 10px; + color: var(--accent); + font-size: 0.94rem; + letter-spacing: 0.3px; + text-transform: uppercase; font-weight: 600; - font-size: 0.92rem; - line-height: 1; - background: transparent; } -.btn:focus-visible, -.skip-link:focus-visible, -.footer-link:focus-visible { - outline: 2px solid var(--accent); - outline-offset: 2px; +h1 { + margin: 0; + font-size: clamp(2rem, 5vw, 3.3rem); + line-height: 1.05; + letter-spacing: -0.02em; } -.btn:active { - transform: translateY(1px); +.subheadline { + margin-top: 18px; + margin-bottom: 26px; + color: var(--muted); + font-size: clamp(1rem, 2.4vw, 1.16rem); + max-width: 65ch; } -.btn-primary { +.cta { + display: inline-block; background: var(--accent); - border-color: var(--accent); -} - -.btn-primary:hover { - background: var(--accent-2); - border-color: var(--accent-2); + color: #fff; + font-weight: 600; + padding: 12px 18px; + border-radius: 10px; + transition: transform 120ms ease, filter 120ms ease; } -.btn-secondary { - background: var(--surface); - border-color: var(--border); +.cta:hover, +.cta:focus-visible { + filter: brightness(1.08); + transform: translateY(-1px); } -.btn-secondary:hover { - border-color: #3f3f46; - background: #1f1f1f; +h2 { + margin: 0 0 8px; + font-size: clamp(1.5rem, 3vw, 2rem); + letter-spacing: -0.01em; } -.btn-small { - padding: 0.52rem 0.75rem; - font-size: 0.82rem; +.section-intro { + margin: 0 0 26px; + color: var(--muted); } -.pricing-grid, -.steps-grid { +.pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); - gap: 0.9rem; + gap: 16px; } .card { - background: linear-gradient(180deg, var(--surface) 0%, #111111 100%); + background: linear-gradient(180deg, var(--surface), var(--surface-2)); border: 1px solid var(--border); - border-radius: var(--radius); - padding: 1rem; - box-shadow: var(--shadow); + border-radius: 14px; + padding: 22px 20px; } -.endpoint-card { - min-height: 180px; +.card h3 { + margin: 0; + font-size: 1.02rem; + color: #e4e4e7; } -.endpoint-card-featured { - border-color: #3c3ee6; - box-shadow: 0 10px 28px rgba(79, 70, 229, 0.18); +.card code { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace; + font-size: 0.95rem; } .price { - font-size: 1.65rem; + margin: 12px 0; font-weight: 700; - margin: 0.2rem 0 0.45rem; - letter-spacing: -0.01em; + font-size: 1.6rem; } -.unit { - font-size: 0.96rem; +.price span { + font-size: 0.9rem; color: var(--muted); font-weight: 500; } -.muted { - color: var(--muted); - margin-bottom: 0.85rem; +.meta { + list-style: none; + margin: 0; + padding: 0; + display: grid; + gap: 8px; + font-size: 0.95rem; + color: #d4d4d8; } -.competitor { +.danger { color: var(--danger); - margin: 0; - font-size: 0.9rem; } .code-card { - padding: 0.75rem; + background: var(--surface); + border: 1px solid var(--border); + border-radius: 14px; overflow: hidden; } -.code-toolbar { - display: flex; - justify-content: space-between; - align-items: center; - gap: 0.75rem; - padding: 0.35rem 0.35rem 0.7rem; +pre { + margin: 0; + padding: 18px; + overflow-x: auto; + font-size: 0.9rem; + line-height: 1.55; + color: #e4e4e7; + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace; + background: #101010; } -.code-toolbar.secondary { - padding: 0.9rem 0.35rem 0.45rem; +.collapsible { + border-top: 1px solid var(--border); + background: #121212; } -.code-label { +.collapsible summary { + cursor: pointer; + padding: 14px 18px; color: var(--muted); - font-size: 0.82rem; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 700; + font-weight: 600; + list-style: none; } -.toolbar-actions { - display: flex; - gap: 0.5rem; +.collapsible summary::-webkit-details-marker { + display: none; } -pre { - margin: 0; - overflow: auto; - background: #0d0d0d; - border: 1px solid #222; - border-radius: var(--radius-sm); - padding: 0.9rem; - scrollbar-width: thin; +.collapsible summary::after { + content: " +"; + color: var(--accent); } -code { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace; - font-size: 0.84rem; - color: #e4e4e7; +.collapsible[open] summary::after { + content: " −"; } -.json-panel { - margin-top: 0.65rem; +.steps { + display: grid; + gap: 14px; + grid-template-columns: repeat(3, minmax(0, 1fr)); } -.step-card { - display: flex; - flex-direction: column; - gap: 0.15rem; +.step { + background: var(--surface); + border: 1px solid var(--border); + border-radius: 14px; + padding: 20px; } .step-num { - display: inline-flex; - width: 1.9rem; - height: 1.9rem; - align-items: center; - justify-content: center; - margin-bottom: 0.45rem; + display: inline-grid; + place-items: center; + width: 28px; + height: 28px; border-radius: 999px; - background: rgba(99, 102, 241, 0.18); - border: 1px solid rgba(99, 102, 241, 0.45); + background: rgb(99 102 241 / 22%); color: #c7d2fe; font-weight: 700; + font-size: 0.9rem; } -.footer { - padding-top: 2rem; - padding-bottom: 2.5rem; +.step h3 { + margin: 12px 0 8px; + font-size: 1.04rem; } -.footer-inner { - display: flex; - align-items: center; - justify-content: space-between; - gap: 1rem; +.step p { + margin: 0; color: var(--muted); - font-size: 0.93rem; - border-top: 1px solid var(--border); - padding-top: 1.2rem; } -.footer-link { - color: var(--text); - text-decoration: none; - border-bottom: 1px solid transparent; +.site-footer { + border-top: 1px solid var(--border); + padding: 24px 0 30px; } -.footer-link:hover { - border-bottom-color: var(--text); +.footer-content { + display: flex; + align-items: center; + justify-content: space-between; + gap: 12px; } -.skip-link { - position: absolute; - left: -9999px; - top: 0.5rem; - background: var(--accent); - color: white; - padding: 0.45rem 0.65rem; - border-radius: 8px; - text-decoration: none; - z-index: 10; +.site-footer a { + color: #c7d2fe; } -.skip-link:focus { - left: 0.6rem; +.site-footer p { + margin: 0; + color: var(--muted); + font-size: 0.94rem; } -@media (max-width: 860px) { +@media (max-width: 920px) { .pricing-grid, - .steps-grid { + .steps { grid-template-columns: 1fr; } .section { - padding: 3rem 0; + padding: 52px 0; } .hero { - padding-top: 4.2rem; - padding-bottom: 2.4rem; + padding-top: 72px; + padding-bottom: 36px; } - .footer-inner { + .footer-content { flex-direction: column; align-items: flex-start; } -} - -@media (prefers-reduced-motion: reduce) { - *, - *::before, - *::after { - transition: none !important; - animation: none !important; - scroll-behavior: auto !important; - } } \ No newline at end of file From b2da0799be73b9dafd005f5c4ae4c501ee8502f1 Mon Sep 17 00:00:00 2001 From: Jackson Date: Wed, 4 Mar 2026 16:38:47 +0000 Subject: [PATCH 11/14] feat: implement task 0x99024b4e593404877f via TaskMarket agent #24583 --- landing/index.html | 217 +++++++++++++------------ landing/styles.css | 391 +++++++++++++++++++++++++++++---------------- 2 files changed, 365 insertions(+), 243 deletions(-) diff --git a/landing/index.html b/landing/index.html index 18b6738..521caa8 100644 --- a/landing/index.html +++ b/landing/index.html @@ -1,160 +1,156 @@ - - + + + Queryx — Agent-Native Search API - Queryx — Agent-native Search API + +
-
- Queryx - - GitHub - +
+
+ + Queryx +
+
-
-
-
+
+
+

Agent-native search API

Search the web. Pay per query. No accounts.

-

- Queryx uses x402 micropayments on Base so you only pay for what you - use — starting at $0.001 per request. +

+ Queryx uses x402 micropayments on Base so agents can pay exactly for each request. + No API keys. No subscriptions. Predictable, transparent pricing from $0.001/query.

- Try quick start +
+ Get started + View pricing +
-
+
-

Pricing

-

- Simple endpoint pricing with transparent competitor comparison. -

+

Simple endpoint pricing

+

One API. Three endpoints. Pay only for what you call.

-
-
+
+

/v1/search

$0.001 / query

-
    -
  • General web results
    • -
  • Perplexity: $0.005–$0.014 / query
    • -
  • Tavily: $0.004 / query
    • -
+

General web search for agents and automations.

-
+

/v1/search/news

$0.001 / query

-
    -
  • News-focused retrieval
    • -
  • Perplexity: $0.005–$0.014 / query
    • -
  • Tavily: $0.004 / query
    • -
+

Fresh headlines and recent coverage.

-
+

/v1/search/deep

$0.005 / query

-
    -
  • Deeper multi-source analysis
    • -
  • Perplexity: $0.005–$0.014 / query
    • -
  • Tavily: $0.004 / query
    • -
+

Deeper retrieval for complex questions.

+ +
+

Competitor comparison

+
    +
  • Perplexity: $0.005–$0.014 / query
    • +
  • Tavily: $0.004 / query
    • +
+
-
+

Quick start

-

- Make a request with a single curl command. Payment is handled by - x402 on Base. -

+

Run a query in seconds. Expand for request + response.

-
- 
curl -X POST https://api.queryx.dev/v1/search \
+          

+            Show cURL example and JSON response
+
+            

+              

+                Request
+                
+              

+              
curl -X POST https://api.queryx.dev/v1/search \
   -H "Content-Type: application/json" \
   -H "x402-network: base" \
   -d '{
-    "query": "latest AI agent frameworks",
+    "query": "latest ai agent frameworks",
     "limit": 5
   }'

+            

 
-            

-              Show sample JSON response
-              
{
-  "query": "latest AI agent frameworks",
+            

+              

+                Response
+                
+              

+              
{
+  "query": "latest ai agent frameworks",
+  "count": 2,
   "results": [
     {
-      "title": "Agent Framework Overview",
-      "url": "https://example.com/agent-frameworks",
-      "snippet": "Comparison of modern frameworks for autonomous agents.",
-      "score": 0.92
+      "title": "A practical guide to modern agent frameworks",
+      "url": "https://example.com/agents-guide",
+      "snippet": "A comparison of orchestration, memory, and tool-calling stacks."
     },
     {
-      "title": "State of AI Agents 2026",
-      "url": "https://example.com/ai-agents-2026",
-      "snippet": "Recent trends in tooling, orchestration, and evaluation.",
-      "score": 0.88
+      "title": "State of agent tooling",
+      "url": "https://example.com/agent-tooling-2026",
+      "snippet": "Benchmarks and production lessons from agent-native apps."
     }
   ],
-  "usage": {
+  "meta": {
     "endpoint": "/v1/search",
-    "price_usd": 0.001,
-    "network": "base",
-    "payment_method": "x402"
+    "chain": "base",
+    "cost_usd": 0.001
   }
 }

-            

-
+
+
-
+

How it works

-
-
- 1 -

Send your query

-

- Call a Queryx endpoint with your search intent and optional - parameters. -

+
+
+

1

+

Send query

+

Call a Queryx endpoint with your search input.

-
- 2 +
+

2

x402 payment on Base

-

- Queryx settles per-request micropayments over x402 on Base — - no account setup required. -

+

Micropayment settles on Base per request, not per month.

-
- 3 -

Receive structured JSON

-

- Get clean, machine-friendly results you can directly pipe into - agents and workflows. -

+
+

3

+

Structured JSON

+

Receive machine-ready results for agents and workflows.

@@ -162,16 +158,35 @@

Receive structured JSON

+ + \ No newline at end of file diff --git a/landing/styles.css b/landing/styles.css index 6298a7b..ff16127 100644 --- a/landing/styles.css +++ b/landing/styles.css @@ -3,10 +3,12 @@ --surface: #141414; --surface-2: #1a1a1a; --text: #f4f4f5; - --muted: #a1a1aa; + --muted: #b8b8c0; --accent: #6366f1; --danger: #ef4444; --border: #27272a; + --radius: 14px; + --container: 1120px; } *, @@ -15,249 +17,340 @@ box-sizing: border-box; } +html, +body { + margin: 0; + padding: 0; +} + html { color-scheme: dark; + scroll-behavior: smooth; } body { - margin: 0; - min-height: 100vh; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background: var(--bg); color: var(--text); - line-height: 1.55; + line-height: 1.5; text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; } -a { - color: var(--text); - text-decoration: none; +.skip-link { + position: absolute; + left: -9999px; + top: 0; } -.container { - width: min(1100px, 92vw); - margin: 0 auto; +.skip-link:focus { + left: 12px; + top: 12px; + z-index: 1000; + background: var(--surface); + color: var(--text); + border: 1px solid var(--border); + border-radius: 8px; + padding: 0.5rem 0.75rem; } -.section { - padding: 64px 0; +.container { + width: min(var(--container), calc(100% - 2rem)); + margin-inline: auto; } .site-header { position: sticky; top: 0; - z-index: 20; + z-index: 50; + background: color-mix(in srgb, var(--bg) 84%, transparent); backdrop-filter: blur(8px); - background: rgb(10 10 10 / 78%); - border-bottom: 1px solid var(--border); + border-bottom: 1px solid #121214; } -.nav { - height: 64px; +.header-inner { display: flex; + min-height: 64px; align-items: center; justify-content: space-between; + gap: 1rem; } .brand { + display: inline-flex; + align-items: center; + gap: 0.6rem; font-weight: 700; letter-spacing: 0.2px; - font-size: 1.06rem; } -.ghost-link { +.brand-dot { + width: 10px; + height: 10px; + border-radius: 50%; + background-color: var(--accent); + box-shadow: 0 0 22px var(--accent); +} + +.nav { + display: inline-flex; + gap: 1rem; + align-items: center; + flex-wrap: wrap; +} + +.nav a { color: var(--muted); - transition: color 120ms ease; + text-decoration: none; + font-size: 0.94rem; } -.ghost-link:hover, -.ghost-link:focus-visible { +.nav a:hover, +.nav a:focus-visible { color: var(--text); } .hero { - padding-top: 88px; - padding-bottom: 56px; -} - -.hero-content { - max-width: 760px; + padding: 5rem 0 3rem; + border-bottom: 1px solid #121214; + background: + radial-gradient(1000px 480px at 80% -20%, rgba(99, 102, 241, 0.14), transparent 65%), + var(--bg); } .eyebrow { - margin: 0 0 10px; color: var(--accent); - font-size: 0.94rem; - letter-spacing: 0.3px; - text-transform: uppercase; font-weight: 600; + margin: 0 0 0.5rem; + letter-spacing: 0.3px; } -h1 { +h1, +h2, +h3 { + line-height: 1.2; margin: 0; - font-size: clamp(2rem, 5vw, 3.3rem); - line-height: 1.05; - letter-spacing: -0.02em; } -.subheadline { - margin-top: 18px; - margin-bottom: 26px; +h1 { + font-size: clamp(2rem, 3.5vw, 3.2rem); + max-width: 18ch; +} + +.hero-subhead { + margin: 1rem 0 0; color: var(--muted); - font-size: clamp(1rem, 2.4vw, 1.16rem); - max-width: 65ch; + max-width: 62ch; + font-size: clamp(1rem, 1.1vw, 1.12rem); } -.cta { - display: inline-block; +.hero-actions { + display: flex; + gap: 0.8rem; + margin-top: 1.6rem; + flex-wrap: wrap; +} + +.btn { + border: 1px solid var(--border); + border-radius: 10px; + padding: 0.65rem 1rem; + text-decoration: none; + font-weight: 600; + font-size: 0.95rem; + transition: transform 120ms ease, border-color 120ms ease, color 120ms ease; +} + +.btn:hover { + transform: translateY(-1px); +} + +.btn-primary { background: var(--accent); color: #fff; - font-weight: 600; - padding: 12px 18px; - border-radius: 10px; - transition: transform 120ms ease, filter 120ms ease; + border-color: transparent; } -.cta:hover, -.cta:focus-visible { +.btn-primary:hover, +.btn-primary:focus-visible { filter: brightness(1.08); - transform: translateY(-1px); } -h2 { - margin: 0 0 8px; - font-size: clamp(1.5rem, 3vw, 2rem); - letter-spacing: -0.01em; +.btn-ghost { + color: var(--text); + background: var(--surface); } -.section-intro { - margin: 0 0 26px; +.section { + padding: 3rem 0; +} + +.section h2 { + font-size: clamp(1.5rem, 2vw, 2rem); +} + +.section-subhead { color: var(--muted); + margin-top: 0.55rem; + margin-bottom: 1.4rem; } .pricing-grid { display: grid; + gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); - gap: 16px; } .card { - background: linear-gradient(180deg, var(--surface), var(--surface-2)); + background: var(--surface); border: 1px solid var(--border); - border-radius: 14px; - padding: 22px 20px; -} - -.card h3 { - margin: 0; - font-size: 1.02rem; - color: #e4e4e7; + border-radius: var(--radius); + padding: 1rem 1rem 1.1rem; } .card code { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace; + color: #e4e4ff; font-size: 0.95rem; } .price { - margin: 12px 0; - font-weight: 700; - font-size: 1.6rem; + font-size: 1.75rem; + margin: 0.5rem 0 0.3rem; + font-weight: 750; + letter-spacing: -0.2px; } .price span { - font-size: 0.9rem; - color: var(--muted); + font-size: 1rem; font-weight: 500; + color: var(--muted); } -.meta { - list-style: none; +.muted { + color: var(--muted); margin: 0; - padding: 0; - display: grid; - gap: 8px; - font-size: 0.95rem; - color: #d4d4d8; +} + +.featured { + border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); + box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.3); +} + +.comparison { + margin-top: 1rem; + background: var(--surface-2); +} + +.comparison h3 { + margin-bottom: 0.65rem; +} + +.comparison ul { + margin: 0; + padding-left: 1.1rem; +} + +.comparison li + li { + margin-top: 0.45rem; } .danger { color: var(--danger); + font-weight: 700; } -.code-card { - background: var(--surface); +.code-panel { border: 1px solid var(--border); - border-radius: 14px; + background: var(--surface); + border-radius: var(--radius); overflow: hidden; } -pre { - margin: 0; - padding: 18px; - overflow-x: auto; - font-size: 0.9rem; - line-height: 1.55; - color: #e4e4e7; - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace; - background: #101010; +.code-panel summary { + cursor: pointer; + list-style: none; + font-weight: 650; + padding: 0.9rem 1rem; + user-select: none; } -.collapsible { - border-top: 1px solid var(--border); - background: #121212; +.code-panel summary::-webkit-details-marker { + display: none; } -.collapsible summary { - cursor: pointer; - padding: 14px 18px; +.code-panel summary::after { + content: "▾"; + float: right; color: var(--muted); - font-weight: 600; - list-style: none; } -.collapsible summary::-webkit-details-marker { - display: none; +.code-panel[open] summary::after { + content: "▴"; } -.collapsible summary::after { - content: " +"; - color: var(--accent); +.code-block-wrap + .code-block-wrap { + border-top: 1px solid var(--border); } -.collapsible[open] summary::after { - content: " −"; +.code-block-head { + display: flex; + align-items: center; + justify-content: space-between; + gap: 0.8rem; + padding: 0.7rem 1rem; + border-top: 1px solid var(--border); + background: #101012; + color: var(--muted); + font-size: 0.9rem; } -.steps { - display: grid; - gap: 14px; - grid-template-columns: repeat(3, minmax(0, 1fr)); +pre { + margin: 0; + padding: 0.95rem 1rem 1.1rem; + overflow: auto; + background: #0f0f10; + font-size: 0.86rem; + line-height: 1.5; } -.step { - background: var(--surface); +code { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; +} + +.copy-btn { border: 1px solid var(--border); - border-radius: 14px; - padding: 20px; + background: #171719; + color: var(--text); + border-radius: 8px; + padding: 0.3rem 0.6rem; + font-size: 0.82rem; + cursor: pointer; +} + +.copy-btn:hover, +.copy-btn:focus-visible { + border-color: var(--accent); +} + +.steps-grid { + display: grid; + gap: 1rem; + grid-template-columns: repeat(3, minmax(0, 1fr)); } .step-num { - display: inline-grid; - place-items: center; - width: 28px; - height: 28px; + margin: 0 0 0.45rem; + width: 1.9rem; + height: 1.9rem; border-radius: 999px; - background: rgb(99 102 241 / 22%); - color: #c7d2fe; + display: grid; + place-items: center; + background: rgba(99, 102, 241, 0.2); + color: #c7c8ff; font-weight: 700; - font-size: 0.9rem; } .step h3 { - margin: 12px 0 8px; - font-size: 1.04rem; + margin-bottom: 0.35rem; } .step p { @@ -266,43 +359,57 @@ pre { } .site-footer { - border-top: 1px solid var(--border); - padding: 24px 0 30px; + border-top: 1px solid #121214; + padding: 1.2rem 0 1.4rem; + margin-top: 1rem; } -.footer-content { +.footer-inner { display: flex; align-items: center; justify-content: space-between; - gap: 12px; + gap: 1rem; + color: var(--muted); } -.site-footer a { - color: #c7d2fe; +.footer-inner a { + color: var(--text); + text-decoration: none; } -.site-footer p { - margin: 0; - color: var(--muted); - font-size: 0.94rem; +.footer-inner a:hover, +.footer-inner a:focus-visible { + color: var(--accent); } -@media (max-width: 920px) { +@media (max-width: 900px) { .pricing-grid, - .steps { + .steps-grid { grid-template-columns: 1fr; } - .section { - padding: 52px 0; + .hero { + padding-top: 4rem; } +} - .hero { - padding-top: 72px; - padding-bottom: 36px; +@media (max-width: 640px) { + .header-inner { + align-items: flex-start; + padding: 0.7rem 0; + flex-direction: column; + } + + .nav { + width: 100%; + gap: 0.8rem; + } + + .section { + padding: 2.3rem 0; } - .footer-content { + .footer-inner { flex-direction: column; align-items: flex-start; } From 90f554cfd580c2b217dd6220b0cfce6ed4a43669 Mon Sep 17 00:00:00 2001 From: Jackson Date: Wed, 4 Mar 2026 16:44:47 +0000 Subject: [PATCH 12/14] feat: implement task 0x99024b4e593404877f via TaskMarket agent #24583 --- landing/index.html | 308 +++++++++++++++++-------------------- landing/styles.css | 375 +++++++++++++++------------------------------ 2 files changed, 271 insertions(+), 412 deletions(-) diff --git a/landing/index.html b/landing/index.html index 521caa8..e4ac90b 100644 --- a/landing/index.html +++ b/landing/index.html @@ -1,192 +1,172 @@ - - - - Queryx — Agent-Native Search API - - - - - - + + + + Queryx — Agent-native search API + + + + +
+
+
Queryx
+ + GitHub + +
+
-
-
-
- - Queryx +
+
+
+

Agent-native search API

+

Search the web. Pay per query. No accounts.

+

+ Queryx uses x402 payments on Base so agents can call search endpoints instantly and only + pay for what they use, starting at $0.001 per query. +

+
+ x402 Native + Base Settlement + Structured JSON
-
-
+
-
-
-
-

Agent-native search API

-

Search the web. Pay per query. No accounts.

-

- Queryx uses x402 micropayments on Base so agents can pay exactly for each request. - No API keys. No subscriptions. Predictable, transparent pricing from $0.001/query. -

-
- Get started - View pricing -
-
-
- -
-
-

Simple endpoint pricing

-

One API. Three endpoints. Pay only for what you call.

- -
-
-

/v1/search

-

$0.001 / query

-

General web search for agents and automations.

-
+
+
+

Pricing

+

Simple endpoint pricing with transparent per-query costs.

-
-

/v1/search/news

-

$0.001 / query

-

Fresh headlines and recent coverage.

-
+
+
+
/v1/search
+
$0.001
+

General web search

+

Competitors: Perplexity $0.005–$0.014 • Tavily $0.004

+
-
-

/v1/search/deep

-

$0.005 / query

-

Deeper retrieval for complex questions.

-
-
+
+
/v1/search/news
+
$0.001
+

News-focused search

+

Competitors: Perplexity $0.005–$0.014 • Tavily $0.004

+
-
-

Competitor comparison

-
    -
  • Perplexity: $0.005–$0.014 / query
    • -
  • Tavily: $0.004 / query
    • -
-
+
+
/v1/search/deep
+
$0.005
+

Higher-depth retrieval

+

Competitors: Perplexity $0.005–$0.014 • Tavily $0.004

+
-
- -
-
-

Quick start

-

Run a query in seconds. Expand for request + response.

+
+
-
- Show cURL example and JSON response +
+
+

Quick start

+

Call Queryx with x402 payment headers and receive structured results.

-
-
- Request - -
- 
curl -X POST https://api.queryx.dev/v1/search \
+        

+
curl "$QUERYX_BASE_URL/v1/search" \
+  -X POST \
   -H "Content-Type: application/json" \
-  -H "x402-network: base" \
+  -H "X402-Network: base" \
+  -H "X402-Payment: $SIGNED_PAYMENT" \
   -d '{
-    "query": "latest ai agent frameworks",
-    "limit": 5
+    "q": "best llm eval tools 2026",
+    "max_results": 5
   }'

-            

+
-
-
- Response - -
- 
{
-  "query": "latest ai agent frameworks",
-  "count": 2,
+        
+
+        
-
-
+
+
-
-
-

How it works

-
-
-

1

-

Send query

-

Call a Queryx endpoint with your search input.

-
-
-

2

-

x402 payment on Base

-

Micropayment settles on Base per request, not per month.

-
-
-

3

-

Structured JSON

-

Receive machine-ready results for agents and workflows.

-
-
+
+
+

How it works

+
+
+ 1 +

Query

+

Your agent sends a request to a Queryx endpoint.

+
+
+ 2 +

x402 payment on Base

+

Payment metadata is attached and settled on Base.

+
+
+ 3 +

Structured JSON

+

Receive normalized search results ready for downstream tools.

+
-
-
- - +
+
+ + + + - + toggle.addEventListener('click', function () { + var isHidden = panel.classList.toggle('hidden'); + toggle.setAttribute('aria-expanded', String(!isHidden)); + toggle.textContent = isHidden ? 'Show sample JSON response' : 'Hide sample JSON response'; + }); + })(); + + \ No newline at end of file diff --git a/landing/styles.css b/landing/styles.css index ff16127..5772f13 100644 --- a/landing/styles.css +++ b/landing/styles.css @@ -1,14 +1,12 @@ :root { --bg: #0a0a0a; --surface: #141414; - --surface-2: #1a1a1a; + --surface-2: #18181b; --text: #f4f4f5; - --muted: #b8b8c0; + --muted: #a1a1aa; --accent: #6366f1; --danger: #ef4444; --border: #27272a; - --radius: 14px; - --container: 1120px; } *, @@ -25,332 +23,234 @@ body { html { color-scheme: dark; - scroll-behavior: smooth; } body { - font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background: var(--bg); color: var(--text); + font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.5; text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; } -.skip-link { - position: absolute; - left: -9999px; - top: 0; -} - -.skip-link:focus { - left: 12px; - top: 12px; - z-index: 1000; - background: var(--surface); - color: var(--text); - border: 1px solid var(--border); - border-radius: 8px; - padding: 0.5rem 0.75rem; +a { + color: inherit; } .container { - width: min(var(--container), calc(100% - 2rem)); + width: min(1120px, 92vw); margin-inline: auto; } .site-header { position: sticky; top: 0; - z-index: 50; - background: color-mix(in srgb, var(--bg) 84%, transparent); - backdrop-filter: blur(8px); - border-bottom: 1px solid #121214; + z-index: 10; + background: color-mix(in srgb, var(--bg) 82%, transparent); + backdrop-filter: blur(6px); + border-bottom: 1px solid var(--border); } -.header-inner { - display: flex; +.nav { min-height: 64px; + display: flex; align-items: center; justify-content: space-between; - gap: 1rem; } .brand { - display: inline-flex; - align-items: center; - gap: 0.6rem; font-weight: 700; letter-spacing: 0.2px; } -.brand-dot { - width: 10px; - height: 10px; - border-radius: 50%; - background-color: var(--accent); - box-shadow: 0 0 22px var(--accent); -} - -.nav { - display: inline-flex; - gap: 1rem; - align-items: center; - flex-wrap: wrap; -} - -.nav a { - color: var(--muted); +.github-link { text-decoration: none; - font-size: 0.94rem; + border: 1px solid var(--border); + padding: 0.5rem 0.75rem; + border-radius: 10px; + transition: border-color 120ms ease, color 120ms ease, background-color 120ms ease; } -.nav a:hover, -.nav a:focus-visible { +.github-link:hover, +.github-link:focus-visible { + border-color: var(--accent); color: var(--text); + background: color-mix(in srgb, var(--accent) 12%, transparent); + outline: none; +} + +.section { + padding: 3.5rem 0; } .hero { - padding: 5rem 0 3rem; - border-bottom: 1px solid #121214; - background: - radial-gradient(1000px 480px at 80% -20%, rgba(99, 102, 241, 0.14), transparent 65%), - var(--bg); + padding-top: 5rem; } .eyebrow { color: var(--accent); + margin: 0 0 0.75rem; font-weight: 600; - margin: 0 0 0.5rem; letter-spacing: 0.3px; } -h1, -h2, -h3 { - line-height: 1.2; - margin: 0; -} - h1 { - font-size: clamp(2rem, 3.5vw, 3.2rem); + margin: 0; + font-size: clamp(1.9rem, 3.5vw, 3.25rem); + line-height: 1.12; + letter-spacing: -0.02em; max-width: 18ch; } -.hero-subhead { - margin: 1rem 0 0; +.subheadline { + margin-top: 1rem; color: var(--muted); - max-width: 62ch; - font-size: clamp(1rem, 1.1vw, 1.12rem); + font-size: clamp(1rem, 1.5vw, 1.15rem); + max-width: 68ch; } -.hero-actions { +.hero-chips { + margin-top: 1.4rem; display: flex; - gap: 0.8rem; - margin-top: 1.6rem; flex-wrap: wrap; + gap: 0.55rem; } -.btn { +.chip { + background: var(--surface-2); border: 1px solid var(--border); - border-radius: 10px; - padding: 0.65rem 1rem; - text-decoration: none; - font-weight: 600; - font-size: 0.95rem; - transition: transform 120ms ease, border-color 120ms ease, color 120ms ease; -} - -.btn:hover { - transform: translateY(-1px); -} - -.btn-primary { - background: var(--accent); - color: #fff; - border-color: transparent; -} - -.btn-primary:hover, -.btn-primary:focus-visible { - filter: brightness(1.08); -} - -.btn-ghost { + border-radius: 999px; + padding: 0.32rem 0.72rem; + font-size: 0.86rem; color: var(--text); - background: var(--surface); -} - -.section { - padding: 3rem 0; } -.section h2 { - font-size: clamp(1.5rem, 2vw, 2rem); +h2 { + margin: 0; + font-size: clamp(1.35rem, 2.5vw, 2rem); + letter-spacing: -0.015em; } -.section-subhead { +.section-lead { + margin-top: 0.6rem; color: var(--muted); - margin-top: 0.55rem; - margin-bottom: 1.4rem; + max-width: 70ch; } .pricing-grid { + margin-top: 1.3rem; display: grid; - gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1rem; } .card { background: var(--surface); border: 1px solid var(--border); - border-radius: var(--radius); - padding: 1rem 1rem 1.1rem; + border-radius: 14px; + padding: 1rem; } -.card code { - color: #e4e4ff; - font-size: 0.95rem; +.endpoint { + color: var(--text); + font-size: 0.96rem; + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .price { - font-size: 1.75rem; - margin: 0.5rem 0 0.3rem; - font-weight: 750; - letter-spacing: -0.2px; -} - -.price span { - font-size: 1rem; - font-weight: 500; - color: var(--muted); + margin-top: 0.35rem; + color: var(--accent); + font-size: 1.65rem; + font-weight: 700; + letter-spacing: -0.02em; } -.muted { +.meta { + margin: 0.4rem 0 0; color: var(--muted); - margin: 0; -} - -.featured { - border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); - box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.3); -} - -.comparison { - margin-top: 1rem; - background: var(--surface-2); -} - -.comparison h3 { - margin-bottom: 0.65rem; -} - -.comparison ul { - margin: 0; - padding-left: 1.1rem; -} - -.comparison li + li { - margin-top: 0.45rem; + font-size: 0.95rem; } -.danger { +.competitor { + margin: 0.75rem 0 0; color: var(--danger); - font-weight: 700; + font-size: 0.88rem; } .code-panel { - border: 1px solid var(--border); + margin-top: 1rem; background: var(--surface); - border-radius: var(--radius); - overflow: hidden; -} - -.code-panel summary { - cursor: pointer; - list-style: none; - font-weight: 650; - padding: 0.9rem 1rem; - user-select: none; -} - -.code-panel summary::-webkit-details-marker { - display: none; -} - -.code-panel summary::after { - content: "▾"; - float: right; - color: var(--muted); -} - -.code-panel[open] summary::after { - content: "▴"; -} - -.code-block-wrap + .code-block-wrap { - border-top: 1px solid var(--border); -} - -.code-block-head { - display: flex; - align-items: center; - justify-content: space-between; - gap: 0.8rem; - padding: 0.7rem 1rem; - border-top: 1px solid var(--border); - background: #101012; - color: var(--muted); - font-size: 0.9rem; + border: 1px solid var(--border); + border-radius: 12px; + overflow-x: auto; } pre { margin: 0; - padding: 0.95rem 1rem 1.1rem; - overflow: auto; - background: #0f0f10; - font-size: 0.86rem; - line-height: 1.5; + padding: 1rem; } code { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; + font-size: 0.9rem; + color: var(--text); + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } -.copy-btn { - border: 1px solid var(--border); - background: #171719; +.toggle-btn { + margin-top: 0.85rem; + background: transparent; color: var(--text); - border-radius: 8px; - padding: 0.3rem 0.6rem; - font-size: 0.82rem; + border: 1px solid var(--border); + border-radius: 10px; + padding: 0.5rem 0.8rem; cursor: pointer; + font-size: 0.92rem; + transition: border-color 120ms ease, background-color 120ms ease; } -.copy-btn:hover, -.copy-btn:focus-visible { +.toggle-btn:hover, +.toggle-btn:focus-visible { border-color: var(--accent); + background: color-mix(in srgb, var(--accent) 10%, transparent); + outline: none; } -.steps-grid { +.hidden { + display: none; +} + +.steps { + margin-top: 1.2rem; display: grid; - gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1rem; +} + +.step { + background: var(--surface); + border: 1px solid var(--border); + border-radius: 14px; + padding: 1rem; } -.step-num { - margin: 0 0 0.45rem; - width: 1.9rem; - height: 1.9rem; +.step-index { + width: 1.8rem; + height: 1.8rem; + display: inline-flex; + align-items: center; + justify-content: center; border-radius: 999px; - display: grid; - place-items: center; - background: rgba(99, 102, 241, 0.2); - color: #c7c8ff; + background: color-mix(in srgb, var(--accent) 25%, transparent); + border: 1px solid color-mix(in srgb, var(--accent) 60%, var(--border)); + color: var(--text); font-weight: 700; + font-size: 0.85rem; } .step h3 { - margin-bottom: 0.35rem; + margin: 0.75rem 0 0.25rem; + font-size: 1.02rem; } .step p { @@ -359,58 +259,37 @@ code { } .site-footer { - border-top: 1px solid #121214; - padding: 1.2rem 0 1.4rem; + border-top: 1px solid var(--border); margin-top: 1rem; } -.footer-inner { +.footer-row { + min-height: 72px; display: flex; align-items: center; justify-content: space-between; - gap: 1rem; + gap: 0.75rem; color: var(--muted); -} - -.footer-inner a { - color: var(--text); - text-decoration: none; -} - -.footer-inner a:hover, -.footer-inner a:focus-visible { - color: var(--accent); + font-size: 0.94rem; } @media (max-width: 900px) { .pricing-grid, - .steps-grid { + .steps { grid-template-columns: 1fr; } .hero { - padding-top: 4rem; - } -} - -@media (max-width: 640px) { - .header-inner { - align-items: flex-start; - padding: 0.7rem 0; - flex-direction: column; - } - - .nav { - width: 100%; - gap: 0.8rem; + padding-top: 3.5rem; } .section { - padding: 2.3rem 0; + padding: 2.6rem 0; } - .footer-inner { + .footer-row { flex-direction: column; align-items: flex-start; + padding: 0.9rem 0; } } \ No newline at end of file From d4c5b6478240b343c3c0f27859f2b78d9d18af24 Mon Sep 17 00:00:00 2001 From: Jackson Date: Wed, 4 Mar 2026 16:50:41 +0000 Subject: [PATCH 13/14] feat: implement task 0x99024b4e593404877f via TaskMarket agent #24583 --- landing/index.html | 302 +++++++++++++++++++----------------- landing/styles.css | 376 ++++++++++++++++++++++++++++----------------- 2 files changed, 393 insertions(+), 285 deletions(-) diff --git a/landing/index.html b/landing/index.html index e4ac90b..5bbe118 100644 --- a/landing/index.html +++ b/landing/index.html @@ -1,172 +1,188 @@ - - - - Queryx — Agent-native search API - - - - -
-
-
Queryx
- - GitHub - -
-
- -
-
+ + + + + + Queryx — Agent-Native Search API + + + +
-

Agent-native search API

-

Search the web. Pay per query. No accounts.

-

- Queryx uses x402 payments on Base so agents can call search endpoints instantly and only - pay for what they use, starting at $0.001 per query. -

-
- x402 Native - Base Settlement - Structured JSON + + +
+

Agent-native search API

+

Search the web. Pay per query. No accounts.

+

+ Queryx uses x402 payments on Base so agents can run search in real time and only pay for each request. + Start at $0.001/query with structured JSON output. +

+
+ See pricing + Quick start +
+
    +
  • No signup flow
    • +
  • No subscription lock-in
    • +
  • Built for autonomous agents
    • +
-
+
-
-
-

Pricing

-

Simple endpoint pricing with transparent per-query costs.

+
+
+
+

Pricing

+

Simple endpoint pricing with transparent per-query costs.

-
-
-
/v1/search
-
$0.001
-

General web search

-

Competitors: Perplexity $0.005–$0.014 • Tavily $0.004

-
+
+
+

/v1/search

+

$0.001/query

+

General web search for fast retrieval and citation-ready results.

+
-
-
/v1/search/news
-
$0.001
-

News-focused search

-

Competitors: Perplexity $0.005–$0.014 • Tavily $0.004

-
+
+

/v1/search/news

+

$0.001/query

+

Recent headlines and publisher coverage optimized for up-to-date context.

+
-
-
/v1/search/deep
-
$0.005
-

Higher-depth retrieval

-

Competitors: Perplexity $0.005–$0.014 • Tavily $0.004

+
+

/v1/search/deep

+

$0.005/query

+

Higher-depth crawling and extraction for hard, multi-source questions.

+
+
+ +
+

Competitor comparison

+
+
+ Provider + Price / query +
+
+ Perplexity + $0.005–0.014 +
+
+ Tavily + $0.004 +
+
+ Queryx + $0.001–0.005 +
+
-
-
+
-
-
-

Quick start

-

Call Queryx with x402 payment headers and receive structured results.

+
+
+

Quick start

+

One call, one payment proof, one JSON response.

-
-
curl "$QUERYX_BASE_URL/v1/search" \
-  -X POST \
+          

+            

+              curl
+              
+            

+            
curl -X POST https://api.queryx.io/v1/search \
   -H "Content-Type: application/json" \
-  -H "X402-Network: base" \
-  -H "X402-Payment: $SIGNED_PAYMENT" \
-  -d '{
-    "q": "best llm eval tools 2026",
-    "max_results": 5
-  }'

-        

+  -H "x402-payment: <base-payment-proof>" \
+  -d '{"query":"latest ethereum L2 news","limit":5}'
- - -
-
-
+
-
-
-

How it works

-
-
- 1 -

Query

-

Your agent sends a request to a Queryx endpoint.

-
-
- 2 -

x402 payment on Base

-

Payment metadata is attached and settled on Base.

-
-
- 3 -

Structured JSON

-

Receive normalized search results ready for downstream tools.

-
+
+
+

How it works

+
+
+
1
+

Query

+

Send your search request to a Queryx endpoint with your payload.

+
+
+
2
+

x402 payment on Base

+

Attach an x402 payment proof on Base. You pay exactly per request.

+
+
+
3
+

Structured JSON

+

Receive clean, structured JSON designed for agent pipelines and tools.

+
+
-
-
-
+
+
- +
+
+ GitHub +

Built by @langoustine69 ·

+
+
- - + if (copyBtn && codeEl && navigator.clipboard) { + copyBtn.addEventListener("click", function () { + var text = codeEl.innerText; + navigator.clipboard.writeText(text).then(function () { + var original = copyBtn.textContent; + copyBtn.textContent = "Copied"; + setTimeout(function () { + copyBtn.textContent = original; + }, 1200); + }); + }); + } + })(); + + \ No newline at end of file diff --git a/landing/styles.css b/landing/styles.css index 5772f13..f288011 100644 --- a/landing/styles.css +++ b/landing/styles.css @@ -1,12 +1,14 @@ :root { --bg: #0a0a0a; --surface: #141414; - --surface-2: #18181b; + --surface-2: #1b1b1b; --text: #f4f4f5; - --muted: #a1a1aa; + --muted: #b3b3bc; --accent: #6366f1; --danger: #ef4444; - --border: #27272a; + --border: #262626; + --radius: 14px; + --max-width: 1100px; } *, @@ -15,45 +17,42 @@ box-sizing: border-box; } -html, -body { - margin: 0; - padding: 0; -} - html { - color-scheme: dark; + scroll-behavior: smooth; } body { + margin: 0; background: var(--bg); color: var(--text); - font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - line-height: 1.5; + font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; + line-height: 1.6; text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; +} + +img, +svg { + display: block; + max-width: 100%; } a { - color: inherit; + color: var(--text); + text-decoration: none; } .container { - width: min(1120px, 92vw); + width: min(100% - 2rem, var(--max-width)); margin-inline: auto; } -.site-header { - position: sticky; - top: 0; - z-index: 10; - background: color-mix(in srgb, var(--bg) 82%, transparent); - backdrop-filter: blur(6px); +.hero { border-bottom: 1px solid var(--border); + background: radial-gradient(1200px 400px at 80% -20%, rgba(99, 102, 241, 0.18), transparent 60%), var(--bg); } .nav { - min-height: 64px; + padding: 1rem 0; display: flex; align-items: center; justify-content: space-between; @@ -64,82 +63,114 @@ a { letter-spacing: 0.2px; } -.github-link { - text-decoration: none; - border: 1px solid var(--border); - padding: 0.5rem 0.75rem; - border-radius: 10px; - transition: border-color 120ms ease, color 120ms ease, background-color 120ms ease; +.nav-link { + color: var(--muted); + font-size: 0.95rem; } -.github-link:hover, -.github-link:focus-visible { - border-color: var(--accent); +.nav-link:hover, +.nav-link:focus-visible { color: var(--text); - background: color-mix(in srgb, var(--accent) 12%, transparent); - outline: none; } -.section { - padding: 3.5rem 0; +.hero-content { + padding: 4.5rem 0 4rem; + max-width: 760px; } -.hero { - padding-top: 5rem; +.eyebrow { + display: inline-block; + background: rgba(99, 102, 241, 0.15); + border: 1px solid rgba(99, 102, 241, 0.35); + color: #c7c8ff; + font-size: 0.8rem; + letter-spacing: 0.02em; + border-radius: 999px; + padding: 0.25rem 0.6rem; + margin: 0 0 1rem; } -.eyebrow { - color: var(--accent); - margin: 0 0 0.75rem; - font-weight: 600; - letter-spacing: 0.3px; +h1, +h2, +h3 { + line-height: 1.2; + margin: 0; } h1 { - margin: 0; - font-size: clamp(1.9rem, 3.5vw, 3.25rem); - line-height: 1.12; - letter-spacing: -0.02em; - max-width: 18ch; + font-size: clamp(2rem, 5vw, 3.4rem); + max-width: 20ch; } .subheadline { margin-top: 1rem; color: var(--muted); - font-size: clamp(1rem, 1.5vw, 1.15rem); - max-width: 68ch; + max-width: 64ch; } -.hero-chips { - margin-top: 1.4rem; +.hero-cta { + margin-top: 1.6rem; display: flex; + gap: 0.8rem; flex-wrap: wrap; - gap: 0.55rem; } -.chip { - background: var(--surface-2); - border: 1px solid var(--border); - border-radius: 999px; - padding: 0.32rem 0.72rem; - font-size: 0.86rem; +.btn { + display: inline-flex; + align-items: center; + justify-content: center; + min-height: 42px; + padding: 0.55rem 0.95rem; + border-radius: 10px; + border: 1px solid transparent; + font-weight: 600; + font-size: 0.95rem; +} + +.btn-primary { + background: var(--accent); + color: #fff; +} + +.btn-primary:hover, +.btn-primary:focus-visible { + filter: brightness(1.08); +} + +.btn-secondary { + border-color: var(--border); + background: var(--surface); color: var(--text); } -h2 { - margin: 0; - font-size: clamp(1.35rem, 2.5vw, 2rem); - letter-spacing: -0.015em; +.btn-secondary:hover, +.btn-secondary:focus-visible { + border-color: #353535; + background: var(--surface-2); +} + +.hero-points { + margin: 1.2rem 0 0; + padding-left: 1.1rem; + color: var(--muted); + display: grid; + gap: 0.15rem; +} + +.section { + padding: 4.2rem 0; +} + +.section h2 { + font-size: clamp(1.5rem, 2.8vw, 2.1rem); } .section-lead { - margin-top: 0.6rem; + margin: 0.65rem 0 1.4rem; color: var(--muted); - max-width: 70ch; } .pricing-grid { - margin-top: 1.3rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; @@ -148,148 +179,209 @@ h2 { .card { background: var(--surface); border: 1px solid var(--border); - border-radius: 14px; + border-radius: var(--radius); padding: 1rem; } -.endpoint { - color: var(--text); - font-size: 0.96rem; - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +.endpoint-card h3 { + font-size: 1.05rem; + margin-bottom: 0.4rem; } .price { - margin-top: 0.35rem; - color: var(--accent); - font-size: 1.65rem; + font-size: 1.7rem; font-weight: 700; - letter-spacing: -0.02em; + margin: 0.3rem 0 0.5rem; } -.meta { - margin: 0.4rem 0 0; +.price span { color: var(--muted); font-size: 0.95rem; + margin-left: 0.2rem; + font-weight: 500; } -.competitor { - margin: 0.75rem 0 0; - color: var(--danger); - font-size: 0.88rem; +.endpoint-card p:last-child { + margin: 0; + color: var(--muted); } -.code-panel { +.competitor-card { margin-top: 1rem; - background: var(--surface); +} + +.competitor-card h3 { + font-size: 1rem; + margin-bottom: 0.75rem; +} + +.compare-table { border: 1px solid var(--border); - border-radius: 12px; - overflow-x: auto; + border-radius: 10px; + overflow: hidden; +} + +.compare-table .row { + display: grid; + grid-template-columns: 1fr auto; + gap: 1rem; + padding: 0.65rem 0.8rem; + border-top: 1px solid var(--border); +} + +.compare-table .row:first-child { + border-top: 0; +} + +.compare-table .header { + background: #101010; + color: var(--muted); + font-size: 0.9rem; +} + +.danger { + color: var(--danger); + font-weight: 600; +} + +.accent { + color: var(--accent); + font-weight: 700; +} + +.code-card { + padding: 0; + overflow: hidden; +} + +.code-header { + display: flex; + align-items: center; + justify-content: space-between; + background: #101010; + border-bottom: 1px solid var(--border); + padding: 0.6rem 0.8rem; + color: var(--muted); + font-size: 0.9rem; +} + +.copy-btn { + border: 1px solid #323232; + background: #191919; + color: var(--text); + border-radius: 8px; + padding: 0.3rem 0.6rem; + font-size: 0.82rem; + cursor: pointer; +} + +.copy-btn:hover, +.copy-btn:focus-visible { + background: #222; } pre { margin: 0; + overflow-x: auto; padding: 1rem; + background: #111111; + color: #e7e7ea; + font-size: 0.87rem; + line-height: 1.5; } code { - font-size: 0.9rem; - color: var(--text); - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; } -.toggle-btn { - margin-top: 0.85rem; - background: transparent; - color: var(--text); - border: 1px solid var(--border); - border-radius: 10px; - padding: 0.5rem 0.8rem; - cursor: pointer; - font-size: 0.92rem; - transition: border-color 120ms ease, background-color 120ms ease; +.json-details { + border-top: 1px solid var(--border); + background: var(--surface); } -.toggle-btn:hover, -.toggle-btn:focus-visible { - border-color: var(--accent); - background: color-mix(in srgb, var(--accent) 10%, transparent); - outline: none; +.json-details summary { + cursor: pointer; + list-style: none; + padding: 0.75rem 1rem; + color: var(--muted); + user-select: none; } -.hidden { +.json-details summary::-webkit-details-marker { display: none; } -.steps { - margin-top: 1.2rem; +.json-details summary::after { + content: "+"; + float: right; + color: var(--accent); + font-weight: 700; +} + +.json-details[open] summary::after { + content: "−"; +} + +.steps-grid { + margin-top: 1rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } -.step { - background: var(--surface); - border: 1px solid var(--border); - border-radius: 14px; - padding: 1rem; -} - -.step-index { - width: 1.8rem; - height: 1.8rem; - display: inline-flex; - align-items: center; - justify-content: center; +.step-num { + width: 2rem; + height: 2rem; border-radius: 999px; - background: color-mix(in srgb, var(--accent) 25%, transparent); - border: 1px solid color-mix(in srgb, var(--accent) 60%, var(--border)); - color: var(--text); + display: inline-grid; + place-items: center; + background: rgba(99, 102, 241, 0.16); + border: 1px solid rgba(99, 102, 241, 0.35); + color: #d7d8ff; font-weight: 700; - font-size: 0.85rem; + margin-bottom: 0.6rem; } -.step h3 { - margin: 0.75rem 0 0.25rem; - font-size: 1.02rem; +.step-card h3 { + margin-bottom: 0.35rem; + font-size: 1.04rem; } -.step p { +.step-card p { margin: 0; color: var(--muted); } -.site-footer { +.footer { border-top: 1px solid var(--border); - margin-top: 1rem; + padding: 1rem 0; + background: #090909; } -.footer-row { - min-height: 72px; +.footer-inner { display: flex; align-items: center; justify-content: space-between; - gap: 0.75rem; + gap: 1rem; color: var(--muted); - font-size: 0.94rem; + font-size: 0.92rem; +} + +.footer a { + color: var(--text); } @media (max-width: 900px) { .pricing-grid, - .steps { + .steps-grid { grid-template-columns: 1fr; } - .hero { - padding-top: 3.5rem; + .hero-content { + padding: 3.4rem 0 3.2rem; } .section { - padding: 2.6rem 0; - } - - .footer-row { - flex-direction: column; - align-items: flex-start; - padding: 0.9rem 0; + padding: 3.2rem 0; } } \ No newline at end of file From 54c498b764789d68feaf5403676c8abc1fd40fa8 Mon Sep 17 00:00:00 2001 From: Jackson Date: Wed, 4 Mar 2026 16:55:42 +0000 Subject: [PATCH 14/14] feat: implement task 0x99024b4e593404877f via TaskMarket agent #24583 --- IMPLEMENTATION.md | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 IMPLEMENTATION.md diff --git a/IMPLEMENTATION.md b/IMPLEMENTATION.md new file mode 100644 index 0000000..e69de29