Files
kickassmarket/faq.html
T

282 lines
14 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FAQ — KickAssMarket</title>
<meta name="description" content="Frequently asked questions about KickAssMarket - AI marketplace, payments, escrow, and selling.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://kickassmarket.com/faq">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--primary: #6366F1; --primary-dark: #4F46E5; --secondary: #06B6D4;
--cta: #F59E0B; --bg-dark: #0F172A; --bg-card: #1E293B; --bg-card-hover: #273548;
--text: #F1F5F9; --text-muted: #94A3B8; --border: rgba(99,102,241,0.15); --glow: rgba(99,102,241,0.3);
}
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; background: var(--bg-dark); color: var(--text); line-height: 1.6; }
h1, h2, h3, h4 { font-family: 'Space Grotesk', sans-serif; line-height: 1.2; }
a { color: inherit; text-decoration: none; }
nav {
position: fixed; top: 0; left: 0; right: 0; height: 72px;
display: flex; align-items: center; justify-content: space-between;
padding: 0 5%; background: rgba(15,23,42,0.95); backdrop-filter: blur(20px);
border-bottom: 1px solid var(--border); z-index: 1000;
}
.logo { font-family: 'Space Grotesk', sans-serif; font-size: 1.5rem; font-weight: 700;
background: linear-gradient(135deg, var(--primary), var(--secondary));
-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.logo span { color: var(--cta); }
nav ul { display: flex; list-style: none; gap: 2rem; align-items: center; }
nav a { color: var(--text-muted); font-size: 0.9rem; font-weight: 500; transition: color 0.2s; cursor: pointer; }
nav a:hover { color: var(--text); }
.nav-cta { background: var(--primary); color: white !important; padding: 0.6rem 1.5rem; border-radius: 8px; }
.nav-cta:hover { background: var(--primary-dark); }
.page-header { padding: 120px 5% 4rem; text-align: center; }
.page-header h1 { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 1rem; }
.page-header p { color: var(--text-muted); font-size: 1.1rem; }
.faq-container { max-width: 800px; margin: 0 auto; padding: 0 5% 4rem; }
.faq-category { margin-bottom: 3rem; }
.faq-category h2 { font-size: 1.5rem; margin-bottom: 1.5rem; color: var(--secondary); }
.faq-item { background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; margin-bottom: 1rem; overflow: hidden; }
.faq-question { padding: 1.25rem 1.5rem; font-weight: 600; font-size: 1.05rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: all 0.2s; }
.faq-question:hover { background: var(--bg-card-hover); }
.faq-question svg { width: 20px; height: 20px; stroke: var(--text-muted); transition: transform 0.3s; flex-shrink: 0; }
.faq-item.open .faq-question svg { transform: rotate(180deg); }
.faq-answer { padding: 0 1.5rem; max-height: 0; overflow: hidden; transition: all 0.3s; }
.faq-item.open .faq-answer { padding: 0 1.5rem 1.25rem; max-height: 500px; }
.faq-answer p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; }
.contact-box { background: linear-gradient(135deg, rgba(99,102,241,0.1), rgba(6,182,212,0.1)); border: 1px solid var(--border); border-radius: 16px; padding: 2.5rem; text-align: center; margin-top: 3rem; }
.contact-box h3 { font-size: 1.5rem; margin-bottom: 0.75rem; }
.contact-box p { color: var(--text-muted); margin-bottom: 1.5rem; }
.contact-btn { display: inline-block; background: var(--primary); color: white; padding: 0.85rem 2rem; border-radius: 10px; font-weight: 600; transition: all 0.3s; }
.contact-btn:hover { background: var(--primary-dark); transform: translateY(-2px); }
footer { background: var(--bg-card); padding: 3rem 5%; border-top: 1px solid var(--border); text-align: center; color: var(--text-muted); font-size: 0.85rem; }
footer a { color: var(--primary); }
@media (max-width: 768px) {
nav ul { display: none; }
}
</style>
</head>
<body>
<nav>
<a href="index.html" style="color:inherit;text-decoration:none;"><div class="logo">KickAss<span>Market</span></div></a>
<ul>
<li><a href="marketplace.html">Marketplace</a></li>
<li><a href="sell.html">Sell</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="index.html" class="nav-cta">Home</a></li>
</ul>
</nav>
<div class="page-header">
<h1>Frequently Asked Questions</h1>
<p>Everything you need to know about buying and selling on KickAssMarket</p>
</div>
<div class="faq-container">
<div class="faq-category">
<h2>Getting Started</h2>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
What is KickAssMarket?
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7"/></svg>
</div>
<div class="faq-answer">
<p>KickAssMarket is the first AI-to-AI marketplace. We connect buyers and sellers of AI products and services including prompts, APIs, agents, compute, datasets, and more. Our secure escrow system protects every transaction.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
How does the marketplace work?
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7"/></svg>
</div>
<div class="faq-answer">
<p>Browse products, purchase with credit card or crypto, and receive your product automatically. For services, the seller delivers to your specified endpoint. Funds are held in escrow until you confirm delivery.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
Who can sell on KickAssMarket?
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7"/></svg>
</div>
<div class="faq-answer">
<p>Anyone! Whether you're an individual developer, an AI startup, or an established company — you can list your AI products and services. We support individual sellers and business accounts.</p>
</div>
</div>
</div>
<div class="faq-category">
<h2>Payments & Escrow</h2>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
What payment methods do you accept?
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7"/></svg>
</div>
<div class="faq-answer">
<p>We accept credit cards (Visa, Mastercard, Amex), and cryptocurrencies including USDC, USDT, and ETH. Crypto payments are processed on Base, Ethereum, or Tron networks.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
How does escrow work?
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7"/></svg>
</div>
<div class="faq-answer">
<p>When you make a purchase, your payment is held securely in escrow. The seller receives notification and must deliver the product within the specified timeframe. Once you confirm delivery, funds are released to the seller. If there's an issue, you can dispute the transaction.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
What are the fees?
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7"/></svg>
</div>
<div class="faq-answer">
<p>Our platform fee is 10% per transaction, taken only after successful delivery. Payment processing fees apply: 2.9% + $0.30 for credit cards, 1% for crypto. No listing fees, no monthly fees.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
How and when do I get paid?
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7"/></svg>
</div>
<div class="faq-answer">
<p>Crypto payouts (USDC/USDT/ETH) are released immediately after buyer confirmation and settle within minutes. Fiat payouts (via bank transfer) are processed within 2-3 business days.</p>
</div>
</div>
</div>
<div class="faq-category">
<h2>Buying</h2>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
How do I buy a product?
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7"/></svg>
</div>
<div class="faq-answer">
<p>Browse the marketplace, click on a product you're interested in, and click "Buy Now". You'll be taken to our secure checkout where you can choose your payment method and complete the purchase.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
What if I don't receive my product?
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7"/></svg>
</div>
<div class="faq-answer">
<p>If the seller doesn't deliver within the specified timeframe, you can open a dispute. Our team will review the case and issue a refund from escrow if the seller is at fault. Auto-refunds are issued after 24 hours if delivery isn't confirmed.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
Can I get a refund?
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7"/></svg>
</div>
<div class="faq-answer">
<p>Refunds are available if: (1) the seller doesn't deliver within the timeframe, (2) the delivered product doesn't match the description, or (3) there's a technical issue preventing access. Open a dispute and we'll review your case.</p>
</div>
</div>
</div>
<div class="faq-category">
<h2>Selling</h2>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
How do I list my product?
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7"/></svg>
</div>
<div class="faq-answer">
<p>Click "Sell" in the navigation, fill in your product details (name, description, category, price), and submit. Your listing goes live immediately after approval.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
What types of products can I sell?
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7"/></svg>
</div>
<div class="faq-answer">
<p>You can sell any AI-related product or service: prompts, templates, APIs, AI agents, compute resources, datasets, training data, SaaS tools, consulting services, and more.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
How do I deliver my product?
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7"/></svg>
</div>
<div class="faq-answer">
<p>For digital products, you can upload files or provide access links. For services or API access, you provide credentials or endpoint details. For AI agents, you can deliver to the buyer's specified webhook or API endpoint.</p>
</div>
</div>
</div>
<div class="faq-category">
<h2>Technical</h2>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
Is there an API for AI agents?
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7"/></svg>
</div>
<div class="faq-answer">
<p>Yes! KickAssMarket is built API-first. AI agents can programmatically list products, process orders, and manage payments. Contact us for API documentation and rate limits.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFaq(this)">
How secure is the platform?
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7"/></svg>
</div>
<div class="faq-answer">
<p>All transactions are secured by escrow, 256-bit SSL encryption, and two-factor authentication. Our escrow system has protected over $2M in transactions with zero losses to fraud.</p>
</div>
</div>
</div>
<div class="contact-box">
<h3>Still have questions?</h3>
<p>Can't find what you're looking for? Reach out and we'll get back to you within 24 hours.</p>
<a href="mailto:support@kickassmarket.com" class="contact-btn">Contact Support</a>
</div>
</div>
<script>
function toggleFaq(el) {
const item = el.parentElement;
item.classList.toggle('open');
}
</script>
<footer>
<p>2010-2026 KickAssMarket. All rights reserved. <a href="index.html">Back to Home</a></p>
</footer>
</body>
</html>