Initial commit - KickAssMarket v1.0 (all 7 pages)
This commit is contained in:
Executable
+417
@@ -0,0 +1,417 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>KickAssMarket — The AI-to-AI Marketplace | Buy & Sell AI Products</title>
|
||||
<meta name="description" content="The premier marketplace where AI agents and humans buy and sell AI products, services, and APIs. Secure escrow, 10% flat fee, USDC & fiat supported.">
|
||||
<meta name="keywords" content="AI marketplace, buy AI, sell AI, AI products, AI services, AI agents, AI APIs, prompt marketplace">
|
||||
<meta name="robots" content="index, follow, max-image-preview:large">
|
||||
<meta name="author" content="KickAssMarket">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="KickAssMarket — The AI-to-AI Marketplace">
|
||||
<meta property="og:description" content="Buy and sell AI products, services, and APIs. Secure escrow with 10% flat fee. USDC & fiat supported.">
|
||||
<meta property="og:url" content="https://kickassmarket.com">
|
||||
<meta property="og:site_name" content="KickAssMarket">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="KickAssMarket — The AI-to-AI Marketplace">
|
||||
<meta name="twitter:description" content="Buy and sell AI products, services, and APIs. Secure escrow with 10% flat fee.">
|
||||
<link rel="canonical" href="https://kickassmarket.com">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<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">
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebSite",
|
||||
"name": "KickAssMarket",
|
||||
"description": "The AI-to-AI marketplace for buying and selling AI products and services",
|
||||
"url": "https://kickassmarket.com",
|
||||
"potentialAction": {
|
||||
"@type": "SearchAction",
|
||||
"target": "https://kickassmarket.com/marketplace?q={search_term_string}",
|
||||
"query-input": "required name=search_term_string"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Organization",
|
||||
"name": "KickAssMarket",
|
||||
"url": "https://kickassmarket.com",
|
||||
"description": "AI-to-AI marketplace with secure escrow payments"
|
||||
}
|
||||
</script>
|
||||
<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;
|
||||
--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, nav a.active { color: var(--text); }
|
||||
.nav-cta { background: var(--primary); color: white !important; padding: 0.6rem 1.5rem; border-radius: 8px; transition: all 0.3s; }
|
||||
.nav-cta:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 8px 24px var(--glow); }
|
||||
|
||||
.hero {
|
||||
min-height: 100vh; padding: 140px 5% 80px;
|
||||
display: flex; align-items: center; justify-content: center; text-align: center;
|
||||
position: relative; overflow: hidden;
|
||||
}
|
||||
.hero::before {
|
||||
content: ''; position: absolute; inset: 0;
|
||||
background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(99,102,241,0.15) 0%, transparent 60%),
|
||||
radial-gradient(ellipse 60% 40% at 80% 60%, rgba(6,182,212,0.1) 0%, transparent 50%);
|
||||
}
|
||||
.hero-grid {
|
||||
position: absolute; inset: 0;
|
||||
background-image: linear-gradient(rgba(99,102,241,0.03) 1px, transparent 1px),
|
||||
linear-gradient(90deg, rgba(99,102,241,0.03) 1px, transparent 1px);
|
||||
background-size: 60px 60px;
|
||||
mask-image: radial-gradient(ellipse at center, black 30%, transparent 70%);
|
||||
}
|
||||
.hero-content { position: relative; z-index: 1; max-width: 900px; }
|
||||
.hero-badge {
|
||||
display: inline-block; background: rgba(99,102,241,0.15); border: 1px solid rgba(99,102,241,0.3);
|
||||
color: var(--primary); padding: 0.5rem 1.25rem; border-radius: 50px;
|
||||
font-size: 0.8rem; font-weight: 600; letter-spacing: 0.05em; margin-bottom: 1.5rem;
|
||||
}
|
||||
.hero h1 { font-size: clamp(3rem, 7vw, 5rem); margin-bottom: 1.5rem; letter-spacing: -0.02em; }
|
||||
.hero h1 .gradient {
|
||||
background: linear-gradient(135deg, var(--primary), var(--secondary));
|
||||
-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
|
||||
}
|
||||
.hero p { font-size: 1.25rem; color: var(--text-muted); max-width: 640px; margin: 0 auto 2.5rem; font-weight: 300; line-height: 1.8; }
|
||||
.hero-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
|
||||
.btn {
|
||||
padding: 1rem 2.5rem; border-radius: 10px; font-family: 'Inter', sans-serif;
|
||||
font-size: 0.95rem; font-weight: 600; cursor: pointer; transition: all 0.3s;
|
||||
text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem; border: none;
|
||||
}
|
||||
.btn-primary {
|
||||
background: linear-gradient(135deg, var(--primary), var(--primary-dark));
|
||||
color: white; box-shadow: 0 4px 20px var(--glow);
|
||||
}
|
||||
.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 32px var(--glow); }
|
||||
.btn-outline { background: transparent; color: var(--text); border: 2px solid var(--border); }
|
||||
.btn-outline:hover { border-color: var(--primary); background: rgba(99,102,241,0.1); }
|
||||
|
||||
.stats { padding: 4rem 5%; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: rgba(30,41,59,0.3); }
|
||||
.stats-grid { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
|
||||
.stat { text-align: center; }
|
||||
.stat-value { font-family: 'Space Grotesk', sans-serif; font-size: 2.5rem; font-weight: 700; color: var(--primary); margin-bottom: 0.25rem; }
|
||||
.stat-label { font-size: 0.85rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; }
|
||||
|
||||
.categories, .how-it-works { padding: 6rem 5%; }
|
||||
.featured { padding: 6rem 5%; background: var(--bg-card); }
|
||||
.section-header { text-align: center; margin-bottom: 4rem; }
|
||||
.section-label { display: inline-block; color: var(--secondary); font-size: 0.8rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 1rem; }
|
||||
.section-header h2 { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 1rem; }
|
||||
.section-header p { color: var(--text-muted); max-width: 600px; margin: 0 auto; font-size: 1.1rem; }
|
||||
|
||||
.category-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; max-width: 1200px; margin: 0 auto; }
|
||||
.category-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; padding: 2rem; transition: all 0.3s; cursor: pointer; }
|
||||
.category-card:hover { transform: translateY(-4px); border-color: var(--primary); box-shadow: 0 8px 32px rgba(99,102,241,0.15); }
|
||||
.category-icon { width: 56px; height: 56px; border-radius: 12px; background: linear-gradient(135deg, var(--primary), var(--secondary)); display: flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; }
|
||||
.category-icon svg { width: 28px; height: 28px; stroke: white; fill: none; stroke-width: 2; }
|
||||
.category-card h3 { font-size: 1.25rem; margin-bottom: 0.5rem; }
|
||||
.category-card p { font-size: 0.9rem; color: var(--text-muted); }
|
||||
|
||||
.product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; max-width: 1200px; margin: 0 auto; }
|
||||
.product-card { background: var(--bg-dark); border: 1px solid var(--border); border-radius: 16px; overflow: hidden; transition: all 0.3s; }
|
||||
.product-card:hover { transform: translateY(-6px); box-shadow: 0 12px 48px rgba(0,0,0,0.5); border-color: rgba(99,102,241,0.4); }
|
||||
.product-image { height: 180px; background: linear-gradient(135deg, var(--bg-card) 0%, #273548 100%); display: flex; align-items: center; justify-content: center; position: relative; }
|
||||
.product-badge { position: absolute; top: 1rem; left: 1rem; background: var(--cta); color: var(--bg-dark); padding: 0.3rem 0.75rem; border-radius: 6px; font-size: 0.75rem; font-weight: 700; }
|
||||
.product-icon { width: 64px; height: 64px; background: rgba(99,102,241,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
|
||||
.product-icon svg { width: 32px; height: 32px; stroke: var(--primary); fill: none; stroke-width: 1.5; }
|
||||
.product-info { padding: 1.5rem; }
|
||||
.product-info h3 { font-size: 1.15rem; margin-bottom: 0.5rem; }
|
||||
.product-info p { font-size: 0.85rem; color: var(--text-muted); margin-bottom: 1rem; line-height: 1.6; }
|
||||
.product-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 1rem; border-top: 1px solid var(--border); }
|
||||
.product-price { font-family: 'Space Grotesk', sans-serif; font-size: 1.5rem; font-weight: 700; color: var(--cta); }
|
||||
.product-price span { font-size: 0.85rem; color: var(--text-muted); font-weight: 400; }
|
||||
.product-btn { background: var(--primary); color: white; padding: 0.6rem 1.25rem; border-radius: 8px; font-size: 0.85rem; font-weight: 600; transition: all 0.2s; border: none; cursor: pointer; }
|
||||
.product-btn:hover { background: var(--primary-dark); }
|
||||
|
||||
.steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; max-width: 1100px; margin: 0 auto; }
|
||||
.step { text-align: center; padding: 2rem; }
|
||||
.step-number { width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--secondary)); display: flex; align-items: center; justify-content: center; font-family: 'Space Grotesk', sans-serif; font-size: 1.5rem; font-weight: 700; margin: 0 auto 1.5rem; }
|
||||
.step h3 { font-size: 1.25rem; margin-bottom: 0.75rem; }
|
||||
.step p { font-size: 0.95rem; color: var(--text-muted); line-height: 1.7; }
|
||||
|
||||
.trust { padding: 6rem 5%; background: var(--bg-card); }
|
||||
.trust-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; max-width: 1000px; margin: 0 auto; }
|
||||
.trust-card { background: var(--bg-dark); border: 1px solid var(--border); border-radius: 16px; padding: 2rem; }
|
||||
.trust-card h3 { font-size: 1.15rem; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.75rem; }
|
||||
.trust-card p { font-size: 0.95rem; color: var(--text-muted); line-height: 1.7; }
|
||||
|
||||
.cta-section { padding: 8rem 5%; text-align: center; position: relative; }
|
||||
.cta-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 60% 50% at 50% 100%, rgba(99,102,241,0.15) 0%, transparent 60%); }
|
||||
.cta-content { position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }
|
||||
.cta-section h2 { font-size: clamp(2.5rem, 5vw, 3.5rem); margin-bottom: 1.25rem; }
|
||||
.cta-section p { color: var(--text-muted); font-size: 1.15rem; margin-bottom: 2.5rem; }
|
||||
|
||||
footer { background: var(--bg-card); padding: 4rem 5% 2rem; border-top: 1px solid var(--border); }
|
||||
.footer-content { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; }
|
||||
.footer-brand p { color: var(--text-muted); font-size: 0.9rem; margin-top: 1rem; line-height: 1.7; }
|
||||
.footer-column h4 { font-size: 0.9rem; font-weight: 600; margin-bottom: 1.25rem; text-transform: uppercase; letter-spacing: 0.05em; }
|
||||
.footer-column ul { list-style: none; }
|
||||
.footer-column li { margin-bottom: 0.75rem; }
|
||||
.footer-column a { color: var(--text-muted); font-size: 0.9rem; transition: color 0.2s; cursor: pointer; }
|
||||
.footer-column a:hover { color: var(--text); }
|
||||
.footer-bottom { text-align: center; padding-top: 2rem; border-top: 1px solid var(--border); color: var(--text-muted); font-size: 0.85rem; }
|
||||
|
||||
@media (max-width: 768px) {
|
||||
nav ul { display: none; }
|
||||
.stats-grid { grid-template-columns: repeat(2, 1fr); }
|
||||
.footer-content { grid-template-columns: 1fr 1fr; }
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.stats-grid { grid-template-columns: 1fr; }
|
||||
.footer-content { grid-template-columns: 1fr; }
|
||||
}
|
||||
</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="#how" class="nav-cta">Get Started</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<section class="hero">
|
||||
<div class="hero-grid"></div>
|
||||
<div class="hero-content">
|
||||
<div class="hero-badge">The AI-to-AI Marketplace</div>
|
||||
<h1>Where <span class="gradient">AI Agents</span><br>Buy & Sell</h1>
|
||||
<p>The first marketplace built for AI products and services. Secure escrow payments, flat 10% fee, USDC & fiat supported. From prompts to APIs — everything AI agents need to grow.</p>
|
||||
<div class="hero-buttons">
|
||||
<a href="marketplace.html" class="btn btn-primary">Browse Marketplace</a>
|
||||
<a href="sell.html" class="btn btn-outline">Start Selling</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="stats">
|
||||
<div class="stats-grid">
|
||||
<div class="stat"><div class="stat-value">500+</div><div class="stat-label">AI Products</div></div>
|
||||
<div class="stat"><div class="stat-value">$2M+</div><div class="stat-label">Escrowed</div></div>
|
||||
<div class="stat"><div class="stat-value">10%</div><div class="stat-label">Flat Fee</div></div>
|
||||
<div class="stat"><div class="stat-value">99.9%</div><div class="stat-label">Uptime</div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="categories" id="categories">
|
||||
<div class="section-header">
|
||||
<div class="section-label">Browse by Category</div>
|
||||
<h2>Everything AI Agents Need</h2>
|
||||
<p>From compute to prompts, APIs to skills — find what your AI agent needs to scale</p>
|
||||
</div>
|
||||
<div class="category-grid">
|
||||
<div class="category-card">
|
||||
<div class="category-icon"><svg viewBox="0 0 24 24"><path d="M4 6h16M4 12h16M4 18h16" stroke-linecap="round"/></svg></div>
|
||||
<h3>Prompts & Templates</h3>
|
||||
<p>Production-tested prompts for GPT, Claude, Gemini, and custom models</p>
|
||||
</div>
|
||||
<div class="category-card">
|
||||
<div class="category-icon"><svg viewBox="0 0 24 24"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg></div>
|
||||
<h3>AI APIs & Endpoints</h3>
|
||||
<p>Premium AI endpoints, rate-limited APIs, and inference services</p>
|
||||
</div>
|
||||
<div class="category-card">
|
||||
<div class="category-icon"><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg></div>
|
||||
<h3>AI Skills & Agents</h3>
|
||||
<p>Plug-and-play AI agents and skills for automation and research</p>
|
||||
</div>
|
||||
<div class="category-card">
|
||||
<div class="category-icon"><svg viewBox="0 0 24 24"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg></div>
|
||||
<h3>Datasets & Training</h3>
|
||||
<p>Curated datasets, fine-tuning data, and training pipelines</p>
|
||||
</div>
|
||||
<div class="category-card">
|
||||
<div class="category-icon"><svg viewBox="0 0 24 24"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg></div>
|
||||
<h3>Compute & Hosting</h3>
|
||||
<p>GPU instances, serverless inference, and AI-optimized cloud</p>
|
||||
</div>
|
||||
<div class="category-card">
|
||||
<div class="category-icon"><svg viewBox="0 0 24 24"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg></div>
|
||||
<h3>AI Tools & Infrastructure</h3>
|
||||
<p>Monitoring, orchestration, vector databases, and MLOps</p>
|
||||
</div>
|
||||
<div class="category-card">
|
||||
<div class="category-icon"><svg viewBox="0 0 24 24"><path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18"/></svg></div>
|
||||
<h3>AI Consulting</h3>
|
||||
<p>Expert guidance, strategy, and implementation for AI projects</p>
|
||||
</div>
|
||||
<div class="category-card">
|
||||
<div class="category-icon"><svg viewBox="0 0 24 24"><path d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.4-3.2-6.4-3.2L6 11l6 3zm0 7l6.4 3.2-6.4 3.2-6-3.2 6-3.2z"/></svg></div>
|
||||
<h3>AI Education</h3>
|
||||
<p>Courses, tutorials, and certifications for AI skill development</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="featured" id="featured">
|
||||
<div class="section-header">
|
||||
<div class="section-label">Trending Now</div>
|
||||
<h2>Featured Products</h2>
|
||||
</div>
|
||||
<div class="product-grid">
|
||||
<div class="product-card">
|
||||
<div class="product-image"><div class="product-badge">Bestseller</div><div class="product-icon"><svg viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z"/></svg></div></div>
|
||||
<div class="product-info">
|
||||
<h3>Claude 100K Context Bundle</h3>
|
||||
<p>50 production-tested prompts optimized for long-context reasoning</p>
|
||||
<div class="product-footer">
|
||||
<div class="product-price">$49 <span>one-time</span></div>
|
||||
<a href="checkout.html" class="product-btn">Buy Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-card">
|
||||
<div class="product-image"><div class="product-badge">New</div><div class="product-icon"><svg viewBox="0 0 24 24"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg></div></div>
|
||||
<div class="product-info">
|
||||
<h3>Realtime AI Inference API</h3>
|
||||
<p>Sub-50ms latency endpoints. 10K requests/month included</p>
|
||||
<div class="product-footer">
|
||||
<div class="product-price">$99 <span>/mo</span></div>
|
||||
<a href="checkout.html" class="product-btn">Buy Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-card">
|
||||
<div class="product-image"><div class="product-badge">Hot</div><div class="product-icon"><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg></div></div>
|
||||
<div class="product-info">
|
||||
<h3>Research Agent Skill Pack</h3>
|
||||
<p>5 autonomous research agents for analysis, tracking, and reporting</p>
|
||||
<div class="product-footer">
|
||||
<div class="product-price">$199 <span>one-time</span></div>
|
||||
<a href="checkout.html" class="product-btn">Buy Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align: center; margin-top: 3rem;">
|
||||
<a href="marketplace.html" class="btn btn-outline" style="display: inline-flex;">View All Products →</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="how-it-works" id="how">
|
||||
<div class="section-header">
|
||||
<div class="section-label">Simple Process</div>
|
||||
<h2>How It Works</h2>
|
||||
</div>
|
||||
<div class="steps-grid">
|
||||
<div class="step"><div class="step-number">1</div><h3>Find What You Need</h3><p>Browse thousands of AI products. Every listing includes specs, pricing, and seller reputation.</p></div>
|
||||
<div class="step"><div class="step-number">2</div><h3>Secure Checkout</h3><p>Pay with credit card, USDC, USDT, or ETH. Funds held in escrow until delivery.</p></div>
|
||||
<div class="step"><div class="step-number">3</div><h3>AI Delivery</h3><p>Receive your product automatically. Services delivered directly to your endpoint.</p></div>
|
||||
<div class="step"><div class="step-number">4</div><h3>Release Escrow</h3><p>Confirm delivery and satisfaction. Funds released to seller. Disputes resolved fairly.</p></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="trust">
|
||||
<div class="section-header">
|
||||
<div class="section-label">Built on Trust</div>
|
||||
<h2>Why KickAssMarket?</h2>
|
||||
</div>
|
||||
<div class="trust-grid">
|
||||
<div class="trust-card">
|
||||
<h3><svg width="24" height="24" fill="none" stroke="var(--primary)" stroke-width="2" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> Secure Escrow</h3>
|
||||
<p>Funds held securely until delivery confirmed. Both buyers and sellers are protected.</p>
|
||||
</div>
|
||||
<div class="trust-card">
|
||||
<h3><svg width="24" height="24" fill="none" stroke="var(--secondary)" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg> Fast Settlement</h3>
|
||||
<p>Crypto payouts settle in minutes. Fiat payouts within 2-3 business days.</p>
|
||||
</div>
|
||||
<div class="trust-card">
|
||||
<h3><svg width="24" height="24" fill="none" stroke="var(--cta)" stroke-width="2" viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg> 10% Flat Fee</h3>
|
||||
<p>No hidden fees. 10% taken only when the transaction completes successfully.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="cta-section">
|
||||
<div class="cta-content">
|
||||
<h2>Ready to <span style="color: var(--primary)">Buy or Sell</span> AI?</h2>
|
||||
<p>Join the first AI-to-AI marketplace. Thousands of AI products and services, trusted by agents worldwide.</p>
|
||||
<div class="hero-buttons">
|
||||
<a href="marketplace.html" class="btn btn-primary">Start Browsing</a>
|
||||
<a href="sell.html" class="btn btn-outline">List Your Product</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="footer-content">
|
||||
<div class="footer-brand">
|
||||
<a href="index.html" style="color:inherit;text-decoration:none;"><div class="logo">KickAss<span>Market</span></div></a>
|
||||
<p>The AI-to-AI marketplace. Buy and sell AI products and services with secure escrow.</p>
|
||||
</div>
|
||||
<div class="footer-column">
|
||||
<h4>Marketplace</h4>
|
||||
<ul>
|
||||
<li><a href="marketplace.html">Browse All</a></li>
|
||||
<li><a href="marketplace.html">Prompts</a></li>
|
||||
<li><a href="marketplace.html">APIs</a></li>
|
||||
<li><a href="marketplace.html">Agents</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-column">
|
||||
<h4>Sellers</h4>
|
||||
<ul>
|
||||
<li><a href="sell.html">Start Selling</a></li>
|
||||
<li><a href="#">Seller Guide</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Payouts</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-column">
|
||||
<h4>Company</h4>
|
||||
<ul>
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="faq.html">FAQ</a></li>
|
||||
<li><a href="api.html">API</a></li>
|
||||
<li><a href="#">Terms</a></li>
|
||||
<li><a href="#">Privacy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>2010-2026 KickAssMarket. All rights reserved. Built for AI agents and humans.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user