feat: offer web and Telegram agent for five euros

Author: AtlasNexusTech

ia-agentique/en/index.html

@@ -7,7 +7,7 @@
 <link rel="apple-touch-icon" href="/apple-touch-icon.png">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Custom Agentic AI — Atlas Nexus</title>
-<meta name="description" content="Custom agentic AI for Telegram, Discord, CLI or your stack. Automated workflows, API integration and reporting. From 20€.">
+<meta name="description" content="AI agent with a web interface and Telegram for €5. Free agentic AI coaching.">
 <link rel="stylesheet" href="/css/site.css?v=4">
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;600;700;900&amp;family=Nunito+Sans:wght@400;600;700&amp;display=swap" rel="stylesheet">
@@ -59,7 +59,7 @@
   "@context": "https://schema.org",
   "@type": "Service",
   "name": "Agentic AI",
-  "description": "Custom AI agents, connected workflows and agentic AI training.",
+  "description": "AI agent with a web interface and Telegram for €5. Free agentic AI coaching.",
   "provider": {
     "@type": "Organization",
     "name": "Atlas Nexus",
@@ -69,9 +69,9 @@
   "offers": {
     "@type": "AggregateOffer",
     "priceCurrency": "EUR",
-    "lowPrice": "20",
-    "highPrice": "75",
-    "offerCount": "3",
+    "lowPrice": "0",
+    "highPrice": "5",
+    "offerCount": "2",
     "availability": "https://schema.org/InStock",
     "url": "https://atlasnexus.tech/ia-agentique/"
   }
@@ -112,11 +112,11 @@ <h1 class="text-6xl sm:text-7xl lg:text-8xl font-black tracking-tight leading-no
         A professional AI assistant integrated into your tools, delivered with documentation and visible source code.
       </p>
       <p class="text-lg text-slate-500 max-w-xl mb-10">
-        Telegram · Discord · CLI · API · Dashboard · Automatisation
+        Web UI · Telegram · API · Automation
       </p>
       <div class="flex gap-4 flex-wrap">
         <a href="#pricing" class="bg-primary text-white px-8 py-4 rounded-full text-lg font-semibold hover:bg-primary-dark font-display">View offers</a>
-        <a href="#contact" class="border-2 border-slate-300 text-slate-700 px-8 py-4 rounded-full text-lg font-semibold hover:border-primary hover:text-primary font-display">Free initial audit</a>
+        <a href="#contact" class="border-2 border-slate-300 text-slate-700 px-8 py-4 rounded-full text-lg font-semibold hover:border-primary hover:text-primary font-display">Free coaching</a>
       </div>
       <div class="flex gap-6 mt-12 text-sm text-slate-400">
         <span>✓ 24-48h delivery</span>
@@ -145,7 +145,7 @@ <h2 class="section-title text-foreground mb-6 font-display">You spend too much t
         <p class="text-accent font-semibold tracking-widest uppercase text-xs mb-3">The solution</p>
         <h2 class="section-title text-foreground mb-6 font-display">An AI agent that works while you sleep</h2>
         <ul class="space-y-4 text-slate-600">
-          <li class="flex gap-3"><span class="check-icon font-bold shrink-0">✓</span> Automated intelligent replies on Telegram/Discord</li>
+          <li class="flex gap-3"><span class="check-icon font-bold shrink-0">✓</span> Automated intelligent replies via web UI and Telegram</li>
           <li class="flex gap-3"><span class="check-icon font-bold shrink-0">✓</span> 24/7 data monitoring with alerts</li>
           <li class="flex gap-3"><span class="check-icon font-bold shrink-0">✓</span> Automated workflows: scraping → analysis → report</li>
           <li class="flex gap-3"><span class="check-icon font-bold shrink-0">✓</span> Direct integration with your existing APIs and tools</li>
@@ -160,63 +160,43 @@ <h2 class="section-title text-foreground mb-6 font-display">An AI agent that wor
   <div class="max-w-6xl mx-auto px-6">
     <div class="reveal text-center mb-16">
       <p class="text-accent font-semibold tracking-widest uppercase text-xs mb-3">Offers</p>
-      <h2 class="section-title text-foreground mb-5 font-display">Choose your automation level</h2>
-      <p class="text-slate-600 max-w-xl mx-auto">Free initial audit before any commitment. Every offer includes build, testing, documentation, deployment and 30 days of post-delivery support.</p>
+      <h2 class="section-title text-foreground mb-5 font-display">A €5 agent or free coaching</h2>
+      <p class="text-slate-600 max-w-xl mx-auto">The agent includes a web UI and Telegram. Free coaching helps you scope your first use case.</p>
     </div>
 
-    <div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
-      <!-- Starter -->
-      <div class="reveal pricing-card rounded-2xl p-8 border border-border flex flex-col">
-        <p class="text-sm font-bold text-accent mb-2">STARTER</p>
-        <h3 class="text-2xl font-bold text-foreground mb-1 font-display">Solo Agent</h3>
-        <p class="text-slate-500 text-sm mb-6">Scalable agentic solution</p>
-        <p class="text-4xl font-black text-foreground mb-1 font-display">20€</p>
-        <p class="text-sm text-slate-400 mb-8">Delivered in 24 hours</p>
-        <ul class="space-y-3 mb-8 text-sm text-slate-600 flex-1">
-          <li class="flex gap-2"><span class="check-icon">✓</span> 1 AI agent on Telegram or Discord</li>
-          <li class="flex gap-2"><span class="check-icon">✓</span> 1 business use case (FAQ, monitoring, alerts)</li>
-          <li class="flex gap-2"><span class="check-icon">✓</span> 1 external API integration</li>
-          <li class="flex gap-2"><span class="check-icon">✓</span> Documentation + README</li>
-          <li class="flex gap-2"><span class="check-icon">✓</span> 1 revision included</li>
-        </ul>
-        <a href="#contact" class="block text-center bg-primary text-white py-3 rounded-full font-semibold hover:bg-primary-dark font-display">Request this offer — 20€</a>
-      </div>
-
-      <!-- Pro (featured) -->
+    <div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
+      <!-- Web UI + Telegram Agent -->
       <div class="reveal pricing-card featured rounded-2xl p-8 border-2 flex flex-col relative" style="overflow:visible">
-        <div class="absolute -top-3 left-1/2 -translate-x-1/2 bg-accent text-white text-xs font-bold px-4 py-1 rounded-full">MOST POPULAR</div>
-        <p class="text-sm font-bold text-accent mb-2">PRO</p>
-        <h3 class="text-2xl font-bold text-foreground mb-1 font-display">Connected Agents</h3>
-        <p class="text-slate-500 text-sm mb-6">Multi-agentic solution</p>
-        <p class="text-4xl font-black text-foreground mb-1 font-display">75€</p>
-        <p class="text-sm text-slate-400 mb-8">Delivered in 24-48h</p>
+        <div class="absolute -top-3 left-1/2 -translate-x-1/2 bg-accent text-white text-xs font-bold px-4 py-1 rounded-full">LAUNCH OFFER</div>
+        <p class="text-sm font-bold text-accent mb-2">AI AGENT</p>
+        <h3 class="text-2xl font-bold text-foreground mb-1 font-display">Web UI + Telegram Agent</h3>
+        <p class="text-slate-500 text-sm mb-6">One agent available on the web and in Telegram</p>
+        <p class="text-4xl font-black text-foreground mb-1 font-display">5€</p>
+        <p class="text-sm text-slate-400 mb-8">Launch price</p>
         <ul class="space-y-3 mb-8 text-sm text-slate-600 flex-1">
-          <li class="flex gap-2"><span class="check-icon">✓</span> Multi-channel AI agent (cross-platform)</li>
-          <li class="flex gap-2"><span class="check-icon">✓</span> Up to 3 business use cases</li>
-          <li class="flex gap-2"><span class="check-icon">✓</span> Live dashboard or reporting</li>
-          <li class="flex gap-2"><span class="check-icon">✓</span> 3 APIs + webhooks integration</li>
-          <li class="flex gap-2"><span class="check-icon">✓</span> Automated data pipeline</li>
-          <li class="flex gap-2"><span class="check-icon">✓</span> 2 revisions included</li>
+          <li class="flex gap-2"><span class="check-icon">✓</span> Dedicated web interface</li>
+          <li class="flex gap-2"><span class="check-icon">✓</span> Telegram connection included</li>
+          <li class="flex gap-2"><span class="check-icon">✓</span> 1 concrete use case</li>
+          <li class="flex gap-2"><span class="check-icon">✓</span> Visible code and documentation</li>
+          <li class="flex gap-2"><span class="check-icon">✓</span> 1 revision included</li>
         </ul>
-        <a href="#contact" class="block text-center bg-accent text-white py-3 rounded-full font-semibold hover:bg-accent-dark font-display">Request this offer — 75€</a>
+        <a href="#contact" class="block text-center bg-accent text-white py-3 rounded-full font-semibold hover:bg-accent-dark font-display transition-all">Request the agent — 5€</a>
       </div>
 
-      <!-- Training -->
+      <!-- Coaching -->
       <div class="reveal pricing-card rounded-2xl p-8 border border-border flex flex-col">
-        <p class="text-sm font-bold text-accent mb-2">TRAINING</p>
-        <h3 class="text-2xl font-bold text-foreground mb-1 font-display">Consulting & Training</h3>
-        <p class="text-slate-500 text-sm mb-6">To build your skills</p>
-        <p class="text-4xl font-black text-foreground mb-1 font-display">20€<span class="text-lg font-normal text-slate-400">/h</span></p>
-        <p class="text-sm text-slate-400 mb-8">Session · 1h minimum</p>
+        <p class="text-sm font-bold text-accent mb-2">COACHING</p>
+        <h3 class="text-2xl font-bold text-foreground mb-1 font-display">Agentic AI coaching</h3>
+        <p class="text-slate-500 text-sm mb-6">To scope your project and take action</p>
+        <p class="text-4xl font-black text-foreground mb-1 font-display">Free</p>
+        <p class="text-sm text-slate-400 mb-8">Initial scoping session</p>
         <ul class="space-y-3 mb-8 text-sm text-slate-600 flex-1">
-          <li class="flex gap-2"><span class="check-icon">✓</span> In-depth audit of your processes</li>
-          <li class="flex gap-2"><span class="check-icon">✓</span> Agentic AI training</li>
-          <li class="flex gap-2"><span class="check-icon">✓</span> Live build coaching</li>
-          <li class="flex gap-2"><span class="check-icon">✓</span> Automation roadmap</li>
-          <li class="flex gap-2"><span class="check-icon">✓</span> Custom documentation</li>
-          <li class="flex gap-2"><span class="check-icon">✓</span> Post-session follow-up</li>
+          <li class="flex gap-2"><span class="check-icon">✓</span> Needs analysis</li>
+          <li class="flex gap-2"><span class="check-icon">✓</span> Architecture and tooling advice</li>
+          <li class="flex gap-2"><span class="check-icon">✓</span> First use case prioritization</li>
+          <li class="flex gap-2"><span class="check-icon">✓</span> Concrete action plan</li>
         </ul>
-        <a href="#contact" class="block text-center bg-primary text-white py-3 rounded-full font-semibold hover:bg-primary-dark font-display">Book a session — 20€/h</a>
+        <a href="#contact" class="block text-center bg-primary text-white py-3 rounded-full font-semibold hover:bg-primary-dark font-display">Book free coaching</a>
       </div>
     </div>
   </div>
@@ -295,12 +275,12 @@ <h3 class="font-bold text-xl mb-3 font-display">Delivery</h3>
 <section id="contact" class="py-28 bg-white">
   <div class="max-w-3xl mx-auto px-6 text-center">
     <div class="reveal">
-      <h2 class="section-title text-foreground mb-5 font-display">Start with a free initial audit</h2>
-      <p class="text-slate-600 text-lg mb-6 max-w-xl mx-auto">Describe your need in 2 sentences. I'll reply with a diagnosis and concrete scope within 24h, with no commitment.</p>
+      <h2 class="section-title text-foreground mb-5 font-display">Start with free coaching</h2>
+      <p class="text-slate-600 text-lg mb-6 max-w-xl mx-auto">Describe your need in 2 sentences. I'll reply with a diagnosis and concrete action plan within 24h, with no commitment.</p>
 
       <!-- Order form -->
       <div class="agentic-card bg-white rounded-2xl p-8 border border-border mb-10 max-w-xl mx-auto text-left">
-        <h3 class="font-bold text-xl mb-6 font-display text-center">Request your free audit</h3>
+        <h3 class="font-bold text-xl mb-6 font-display text-center">Choose the agent or free coaching</h3>
         <form action="mailto:laslyalexandre@gmail.com" method="POST" enctype="text/plain" class="space-y-4">
           <div>
             <label class="block text-sm font-semibold text-foreground mb-1">Your name *</label>
@@ -318,10 +298,8 @@ <h3 class="font-bold text-xl mb-6 font-display text-center">Request your free au
             <label class="block text-sm font-semibold text-foreground mb-1">Selected offer *</label>
             <select name="offre" required class="w-full px-4 py-3 rounded-xl border border-border bg-white text-foreground focus:border-primary focus:ring-2 focus:ring-blue-500/20 outline-none transition-all">
               <option value="">-- Choose --</option>
-              <option value="Free initial audit">Free initial audit</option>
-              <option value="Starter 20€">Starter - Solo Agent (20€)</option>
-              <option value="Pro 75€">Pro - Connected Agent (75€)</option>
-              <option value="Training 20€/h">Training (20€/h)</option>
+              <option value="Web UI + Telegram Agent 5€">Web UI + Telegram Agent (5€)</option>
+              <option value="Free coaching">Free coaching</option>
             </select>
           </div>
           <div>
@@ -332,9 +310,9 @@ <h3 class="font-bold text-xl mb-6 font-display text-center">Request your free au
             <label class="block text-sm font-semibold text-foreground mb-1">Preferred platform</label>
             <select name="plateforme" class="w-full px-4 py-3 rounded-xl border border-border bg-white text-foreground focus:border-primary focus:ring-2 focus:ring-blue-500/20 outline-none transition-all">
               <option value="">-- Choose --</option>
+              <option value="Web UI + Telegram">Web UI + Telegram</option>
               <option value="Telegram">Telegram</option>
-              <option value="Discord">Discord</option>
-              <option value="CLI / API">CLI / API</option>
+              <option value="Web interface">Web interface</option>
               <option value="Autre">Other / TBD</option>
             </select>
           </div>
@@ -346,10 +324,9 @@ <h3 class="font-bold text-xl mb-6 font-display text-center">Request your free au
       </div>
 
       <!-- Quick access to offers -->
-      <div class="grid sm:grid-cols-3 gap-4 max-w-lg mx-auto mb-8">
-        <a href="#contact" class="bg-accent text-white py-3 px-4 rounded-full font-semibold hover:bg-accent-dark font-display text-sm transition-all">Starter 20€</a>
-        <a href="#contact" class="bg-accent text-white py-3 px-4 rounded-full font-semibold hover:bg-accent-dark font-display text-sm transition-all">Pro 75€</a>
-        <a href="#contact" class="bg-accent text-white py-3 px-4 rounded-full font-semibold hover:bg-accent-dark font-display text-sm transition-all">Training 20€/h</a>
+      <div class="grid sm:grid-cols-2 gap-4 max-w-lg mx-auto mb-8">
+        <a href="#contact" class="bg-accent text-white py-3 px-4 rounded-full font-semibold hover:bg-accent-dark font-display text-sm transition-all">Web UI + Telegram Agent — 5€</a>
+        <a href="#contact" class="bg-primary text-white py-3 px-4 rounded-full font-semibold hover:bg-primary-dark font-display text-sm transition-all">Free coaching</a>
       </div>
 
       <div class="flex flex-col gap-3 items-center">
@@ -405,6 +382,6 @@ <h3 class="font-bold text-xl mb-6 font-display text-center">Request your free au
 </script>
 
 
-<a href="/#contact" class="fixed bottom-4 left-4 right-4 z-50 sm:hidden inline-flex items-center justify-center rounded-full bg-primary px-5 py-3 text-sm font-bold text-white shadow-2xl shadow-blue-900/20" aria-label="Request an Atlas Nexus quote">Request a quote →</a>
+<a href="#contact" class="fixed bottom-4 left-4 right-4 z-50 sm:hidden inline-flex items-center justify-center rounded-full bg-primary px-5 py-3 text-sm font-bold text-white shadow-2xl shadow-blue-900/20" aria-label="Choose the five euro agent or free coaching">€5 agent or free coaching →</a>
 </body>
 </html>