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:
@@ -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>
|
||||
+89
@@ -1398,6 +1398,71 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* ══════════════════════════════════════════════════════════
|
||||
TOPICS
|
||||
══════════════════════════════════════════════════════════ */
|
||||
.topics-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.topic-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: var(--bg-card);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 18px;
|
||||
padding: 28px;
|
||||
text-decoration: none;
|
||||
transition: border-color .2s, transform .2s;
|
||||
}
|
||||
.topic-card:hover {
|
||||
border-color: var(--accent);
|
||||
transform: translateY(-3px);
|
||||
text-decoration: none;
|
||||
}
|
||||
.topic-badge {
|
||||
display: inline-block;
|
||||
background: rgba(0,245,255,0.1);
|
||||
color: var(--accent);
|
||||
border: 1px solid rgba(0,245,255,0.25);
|
||||
font-size: 0.7rem;
|
||||
font-weight: 600;
|
||||
padding: 3px 10px;
|
||||
border-radius: 20px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
align-self: flex-start;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.topic-card h3 {
|
||||
font-size: 1.15rem;
|
||||
font-weight: 600;
|
||||
color: var(--text);
|
||||
margin-bottom: 8px;
|
||||
line-height: 1.3;
|
||||
}
|
||||
.topic-card p {
|
||||
font-size: 0.88rem;
|
||||
color: var(--text-muted);
|
||||
flex: 1;
|
||||
margin-bottom: 16px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.topic-link {
|
||||
color: var(--accent);
|
||||
font-weight: 600;
|
||||
font-size: 0.88rem;
|
||||
align-self: flex-start;
|
||||
}
|
||||
.topic-card:hover .topic-link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
.topics-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
|
||||
/* ══════════════════════════════════════════════════════════
|
||||
FOOTER
|
||||
══════════════════════════════════════════════════════════ */
|
||||
@@ -1930,6 +1995,7 @@
|
||||
<li><a href="#pricing">Pricing</a></li>
|
||||
<li><a href="#faq">FAQ</a></li>
|
||||
<li><a href="#blog">Blog</a></li>
|
||||
<li><a href="#topics">Topics</a></li>
|
||||
</ul>
|
||||
<div class="header-actions">
|
||||
<a href="https://app.derez.ai" class="btn-login">
|
||||
@@ -3446,6 +3512,29 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════════
|
||||
FOCUS TOPICS
|
||||
═══════════════════════════════════════════════════════════════ -->
|
||||
<section id="topics">
|
||||
<div class="container">
|
||||
<h2 class="section-title">📌 Focus Topics</h2>
|
||||
<div class="topics-grid">
|
||||
<a href="odoo-hermes-agent.html" class="topic-card">
|
||||
<div class="topic-badge">Integration</div>
|
||||
<h3>Odoo Hermes Agent</h3>
|
||||
<p>Connect your Odoo ERP to Hermes Agent in 5 minutes. Read, write, and automate your business data through natural language prompts.</p>
|
||||
<span class="topic-link">Explore →</span>
|
||||
</a>
|
||||
<a href="chatgpt-agent.html" class="topic-card">
|
||||
<div class="topic-badge">Guide</div>
|
||||
<h3>ChatGPT AI Agent</h3>
|
||||
<p>Build and deploy your own ChatGPT-powered AI agent. Full SSH access, no coding, enterprise-grade hosting — deploy in under 5 minutes.</p>
|
||||
<span class="topic-link">Explore →</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════════
|
||||
FOOTER
|
||||
═══════════════════════════════════════════════════════════════ -->
|
||||
|
||||
@@ -0,0 +1,180 @@
|
||||
<!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/odoo-hermes-agent.html" />
|
||||
<title>Odoo Hermes Agent — Integrate Odoo ERP with AI Agents | Derez.ai</title>
|
||||
<meta name="description" content="Connect Odoo ERP to Hermes Agent in 5 minutes. Read contacts, update leads, automate workflows from your AI agent. Full Odoo integration guide." />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://derez.ai/odoo-hermes-agent.html" />
|
||||
<meta property="og:title" content="Odoo Hermes Agent — Integrate Odoo ERP with AI Agents" />
|
||||
<meta property="og:description" content="Connect Odoo ERP to Hermes Agent in 5 minutes. Read contacts, update leads, automate workflows from your AI agent." />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="Odoo Hermes Agent — Integrate Odoo ERP with AI Agents" />
|
||||
<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 .badge {
|
||||
display: inline-block;
|
||||
background: rgba(0,245,255,0.1);
|
||||
color: #00f5ff;
|
||||
border: 1px solid rgba(0,245,255,0.3);
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
padding: 3px 10px;
|
||||
border-radius: 20px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.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; }
|
||||
h3 { font-size: 1.1rem; margin: 24px 0 8px; color: #e0e0f0; }
|
||||
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; }
|
||||
.prereq-box {
|
||||
background: #010f20;
|
||||
border: 1px solid #001a2e;
|
||||
border-radius: 12px;
|
||||
padding: 20px 24px;
|
||||
margin: 16px 0 24px;
|
||||
}
|
||||
.prereq-box .group-label {
|
||||
font-weight: 600;
|
||||
color: #00f5ff;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.prereq-box ul { margin: 0 0 0 20px; }
|
||||
.prereq-box li { margin-bottom: 6px; font-size: 0.95rem; }
|
||||
.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">
|
||||
<div class="badge">Integration Guide</div>
|
||||
<h1>Odoo Hermes Agent — Connect Your ERP to AI</h1>
|
||||
<p>Link your Odoo instance to Hermes Agent and let AI read, write, and automate your business data. CRM, sales orders, invoices — all accessible through natural language prompts.</p>
|
||||
</div>
|
||||
|
||||
<h2>What You Can Do</h2>
|
||||
<div class="card-grid">
|
||||
<div class="card">
|
||||
<h3>📇 Read CRM Contacts</h3>
|
||||
<p>Ask your agent "show me all leads from last week" and get a structured table back — no Odoo UI navigation needed.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>📝 Update Records</h3>
|
||||
<p>"Set this lead to Won" or "Add a note to customer #42" — your agent writes directly to Odoo via the API.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>📊 Generate Reports</h3>
|
||||
<p>"Show me sales by region this quarter" returns a formatted table your agent can save to Nextcloud or email to you.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>⚡ Automate Workflows</h3>
|
||||
<p>Combine Odoo access with web search or SMTP — your agent researches, updates CRM, and sends follow-up emails in one run.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>Prerequisites</h2>
|
||||
<div class="prereq-box">
|
||||
<div class="group-label">Integration — Odoo Community (API)</div>
|
||||
<ul>
|
||||
<li><strong>URL</strong> — <code>https://odoo4projects.com</code></li>
|
||||
<li><strong>Username</strong> — <code>admin</code></li>
|
||||
<li><strong>Password</strong> — <code>odoo2026</code></li>
|
||||
<li><strong>Database</strong> — <code>odoo4projects_prod</code></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<h2>Speed Run — From Zero to Odoo-Connected Agent</h2>
|
||||
<p>We published a full step-by-step walkthrough. It takes under 5 minutes from signup to your first Odoo query:</p>
|
||||
<p><a href="blog/posts/speed-run-odoo-community-agent.html" style="font-weight:600">Read the Odoo Speed Run →</a></p>
|
||||
|
||||
<p>In two prompts you go live:</p>
|
||||
<ul>
|
||||
<li><strong>Prompt 1</strong> — Auto-generated by the dashboard. Authenticates your agent against Odoo's API using the credentials above.</li>
|
||||
<li><strong>Prompt 2</strong> — Your task. Example: <em>"List all contacts in the CRM with Stage = Cold. Include name, email, and company. Sort by date added."</em></li>
|
||||
</ul>
|
||||
|
||||
<h2>Why Odoo + Hermes Agent?</h2>
|
||||
<p>Odoo is powerful but navigating its many modules (CRM, Sales, Inventory, Accounting) takes clicks. Hermes Agent gives you a single text interface to all of it — ask in English, get answers in seconds. Combined with web search and email tools, your agent becomes an autonomous business operations assistant.</p>
|
||||
|
||||
<div class="cta-box">
|
||||
<h3>Deploy Your Odoo-Connected Agent</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