Landing pages: chatgpt-agent.html + odoo-hermes-agent.html. Nav: add Topics link. Homepage: add Focus Topics section with cards.
This commit is contained in:
Oliver
@@ -0,0 +1,140 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
<link rel="canonical" href="https://derez.ai/chatgpt-agent.html" />
|
||||
<title>ChatGPT AI Agent — Deploy Your Own Agent with Derez.ai</title>
|
||||
<meta name="description" content="Build and deploy your own ChatGPT-powered AI agent in 5 minutes. Full SSH access, no coding required, enterprise-grade hosting. Start your free trial." />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://derez.ai/chatgpt-agent.html" />
|
||||
<meta property="og:title" content="ChatGPT AI Agent — Deploy Your Own Agent with Derez.ai" />
|
||||
<meta property="og:description" content="Build and deploy your own ChatGPT-powered AI agent in 5 minutes. Full SSH access, no coding required, enterprise-grade hosting." />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="ChatGPT AI Agent — Deploy Your Own Agent with Derez.ai" />
|
||||
<script defer data-domain="derez.ai" src="https://plausible.odoo4projects.com/js/script.file-downloads.outbound-links.tagged-events.js"></script>
|
||||
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
|
||||
<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=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap" rel="stylesheet" />
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body {
|
||||
background: #000810;
|
||||
color: #e8e8f0;
|
||||
font-family: 'Inter', sans-serif;
|
||||
line-height: 1.7;
|
||||
padding: 40px 20px;
|
||||
}
|
||||
.container { max-width: 800px; margin: 0 auto; }
|
||||
a { color: #00f5ff; text-decoration: none; }
|
||||
a:hover { text-decoration: underline; }
|
||||
.header { margin-bottom: 48px; }
|
||||
.header h1 { font-size: 2.2rem; font-weight: 700; line-height: 1.2; margin-bottom: 12px; }
|
||||
.header p { font-size: 1.1rem; color: #999; max-width: 600px; }
|
||||
h2 { font-size: 1.4rem; margin: 40px 0 16px; color: #f0f0ff; }
|
||||
p { margin-bottom: 16px; color: #c8c8d8; }
|
||||
ul { margin: 0 0 20px 20px; color: #c8c8d8; }
|
||||
li { margin-bottom: 8px; }
|
||||
strong { color: #f0f0ff; }
|
||||
code { background: #010f20; padding: 2px 6px; border-radius: 4px; font-size: 0.9em; color: #00f5ff; }
|
||||
.cta-box {
|
||||
background: #010f20;
|
||||
border: 1px solid rgba(0,245,255,0.2);
|
||||
border-radius: 14px;
|
||||
padding: 28px 32px;
|
||||
margin: 32px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.cta-box h3 { font-size: 1.2rem; margin-bottom: 8px; color: #f0f0ff; }
|
||||
.cta-box p { color: #999; margin-bottom: 16px; }
|
||||
.btn {
|
||||
display: inline-block;
|
||||
background: transparent;
|
||||
border: 1px solid #00f5ff;
|
||||
color: #00f5ff;
|
||||
padding: 10px 28px;
|
||||
border-radius: 8px;
|
||||
font-weight: 600;
|
||||
font-size: 0.95rem;
|
||||
transition: all .2s;
|
||||
}
|
||||
.btn:hover { background: rgba(0,245,255,0.1); text-decoration: none; }
|
||||
.card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 16px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
.card {
|
||||
background: #010f20;
|
||||
border: 1px solid #001a2e;
|
||||
border-radius: 14px;
|
||||
padding: 24px;
|
||||
}
|
||||
.card h3 { font-size: 1rem; margin-bottom: 8px; color: #00f5ff; }
|
||||
.card p { font-size: 0.9rem; margin: 0; }
|
||||
.back { margin-bottom: 32px; display: inline-block; font-size: 0.9rem; color: #666; }
|
||||
.back:hover { color: #00f5ff; }
|
||||
@media (max-width: 600px) {
|
||||
body { padding: 24px 16px; }
|
||||
.header h1 { font-size: 1.6rem; }
|
||||
.card-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<a class="back" href="https://derez.ai">← Derez.ai Home</a>
|
||||
|
||||
<div class="header">
|
||||
<h1>ChatGPT AI Agent — Deploy in 5 Minutes</h1>
|
||||
<p>Build a custom AI agent powered by frontier LLMs. No coding, no servers — just your prompt and a working agent in under five minutes.</p>
|
||||
</div>
|
||||
|
||||
<h2>What You Get</h2>
|
||||
<div class="card-grid">
|
||||
<div class="card">
|
||||
<h3>🧠 LLM-Powered Reasoning</h3>
|
||||
<p>Your agent connects to models like GPT-4, Claude, and DeepSeek — the same powerful reasoning you know from ChatGPT, now acting on your behalf.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>🔧 Full Tool Access</h3>
|
||||
<p>Browse the web, read files, run code, send emails, connect APIs. Your agent goes beyond chat — it executes real actions.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>🔐 SSH Access</h3>
|
||||
<p>Every agent gets its own Linux instance with full SSH access. Install packages, configure cron jobs, run background processes.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>⚡ Speed Run Integrations</h3>
|
||||
<p>Connect Nextcloud, Odoo, SMTP email, web research tools, and more — all through the dashboard, no code needed.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>From Our Blog — Real Agent Workflows</h2>
|
||||
<p>Our speed-run blog posts show exactly how to build agents for real-world tasks. Each one takes under 5 minutes:</p>
|
||||
<ul>
|
||||
<li><a href="blog/posts/speed-run-cold-email.html">Send Cold Emails</a> — SMTP-connected agent that drafts and sends personalized emails</li>
|
||||
<li><a href="blog/posts/speed-run-nextcloud-svg.html" target="_blank">Render SVGs to Nextcloud</a> — Agent connects to cloud storage and generates vector graphics</li>
|
||||
<li><a href="blog/posts/speed-run-research-agent-mobile.html">Web Research Agent</a> — Agent scrapes sites and returns structured data tables</li>
|
||||
<li><a href="blog/posts/speed-run-competitor-profiling.html">Competitor Profiling</a> — Agent researches competitors and returns comparison tables</li>
|
||||
<li><a href="blog/posts/speed-run-odoo-community-agent.html">Odoo Community Agent</a> — Agent reads and writes from your Odoo ERP</li>
|
||||
</ul>
|
||||
|
||||
<h2>How It Works</h2>
|
||||
<p>Sign up at <a href="https://app.derez.ai">app.derez.ai</a>, pick a plan, and configure your integration settings. The dashboard generates Prompt 1 automatically — just add your task as Prompt 2 and your agent is live. All speed-run posts include the exact credentials and prompts you need.</p>
|
||||
|
||||
<div class="cta-box">
|
||||
<h3>Start Your Free Agent Today</h3>
|
||||
<p>Use coupon code <strong>BLOG950</strong> for $9.50 off your first month.</p>
|
||||
<a href="https://derez.ai/#pricing" class="btn">Buy Agent →</a>
|
||||
</div>
|
||||
|
||||
<p style="margin-top:48px;padding-top:24px;border-top:1px solid #001a2e;font-size:0.85rem;color:#555;">
|
||||
<a href="https://derez.ai" style="color:#00f5ff">Derez.ai</a> — Deploy your AI agent in 5 minutes. · <a href="https://derez.ai/#blog">Blog</a>
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user