refocus landing page on protocol mission, not SEO

Hero, Problem, and AIO sections reverted to protocol-first messaging.
SEO/AIO positioned as a side benefit, not the core identity.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: sukru-can1

src/components/AIO.astro

@@ -2,9 +2,9 @@
   <div class="fade-in text-center mb-16">
     <p class="text-xs font-mono text-fw-mint mb-4 tracking-widest uppercase">AI Optimization</p>
     <h2 class="font-display text-3xl sm:text-4xl lg:text-5xl font-bold mb-4">
-      SEO took 20 years. <span class="text-fw-mint">AIO takes 5 minutes.</span>
+      What FlyWeb does <span class="text-fw-mint">for your website.</span>
     </h2>
-    <p class="text-fw-muted text-lg max-w-2xl mx-auto">FlyWeb does three things for your website. Pick one. Pick all three. Start free.</p>
+    <p class="text-fw-muted text-lg max-w-2xl mx-auto">Structure your content once. Get discovered, cited, and credited by every AI agent on the web.</p>
   </div>
 
   <div class="grid md:grid-cols-3 gap-5 max-w-5xl mx-auto">

src/components/Hero.astro

@@ -14,21 +14,20 @@
         </div>
 
         <h1 class="font-display text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-800 tracking-tight leading-[1.08] mb-6">
-          Is your website<br />
-          <span class="text-fw-mint">invisible to AI?</span>
+          Make the internet<br />
+          <span class="text-fw-mint">machine-readable.</span>
         </h1>
 
         <p class="text-base sm:text-lg text-fw-muted leading-relaxed mb-8 max-w-lg">
-          AI reads your content, gives you <span class="text-red-400 font-medium">nothing</span>.
-          No credit. No traffic. No payment.
-          <span class="text-fw-mint font-medium">FlyWeb</span> is the open protocol that makes your site
-          <span class="text-fw-mint">discoverable, readable, and cited</span> by every AI agent.
+          An open protocol that lets every website describe its content in a way machines can understand.
+          <span class="text-fw-text font-medium">One file.</span> Universal discovery. Enforced attribution.
+          <span class="text-fw-mint font-medium">FlyWeb</span> is the standard for how AI reads the web.
         </p>
 
         <div class="flex flex-wrap gap-2.5 mb-10">
-          <span class="px-3 py-1.5 rounded-md border border-fw-border bg-fw-surface/60 text-xs text-fw-muted font-mono">AI visibility</span>
+          <span class="px-3 py-1.5 rounded-md border border-fw-border bg-fw-surface/60 text-xs text-fw-muted font-mono">universal discovery</span>
+          <span class="px-3 py-1.5 rounded-md border border-fw-border bg-fw-surface/60 text-xs text-fw-muted font-mono">structured data</span>
           <span class="px-3 py-1.5 rounded-md border border-fw-border bg-fw-surface/60 text-xs text-fw-muted font-mono">enforced attribution</span>
-          <span class="px-3 py-1.5 rounded-md border border-fw-border bg-fw-surface/60 text-xs text-fw-muted font-mono">5 min setup</span>
         </div>
 
         <div class="flex flex-col sm:flex-row gap-3">
@@ -87,16 +86,16 @@
     <!-- Bottom stat bar -->
     <div class="mt-20 pt-10 border-t border-fw-border/30 grid grid-cols-1 sm:grid-cols-3 gap-6">
       <div class="code-line text-center" style="animation-delay: 3.6s">
-        <div class="text-2xl font-display font-bold text-fw-mint mb-1">AI-Readable</div>
-        <div class="text-xs text-fw-muted font-mono">structured data AI understands</div>
+        <div class="text-2xl font-display font-bold text-fw-text mb-1">1 file</div>
+        <div class="text-xs text-fw-muted font-mono">your whole site, structured</div>
       </div>
       <div class="code-line text-center" style="animation-delay: 3.8s">
-        <div class="text-2xl font-display font-bold text-fw-mint mb-1">AI-Visible</div>
-        <div class="text-xs text-fw-muted font-mono">discovered by every AI agent</div>
+        <div class="text-2xl font-display font-bold text-fw-text mb-1">any AI</div>
+        <div class="text-xs text-fw-muted font-mono">universal agent compatibility</div>
       </div>
       <div class="code-line text-center" style="animation-delay: 4.0s">
-        <div class="text-2xl font-display font-bold text-fw-mint mb-1">AI-Attributed</div>
-        <div class="text-xs text-fw-muted font-mono">your content, your credit</div>
+        <div class="text-2xl font-display font-bold text-fw-text mb-1">5 min</div>
+        <div class="text-xs text-fw-muted font-mono">add to any website</div>
       </div>
     </div>
   </div>

src/components/Problem.astro

@@ -2,42 +2,41 @@
   <div class="fade-in text-center mb-16">
     <p class="text-xs font-mono text-fw-mint mb-4 tracking-widest uppercase">The problem</p>
     <h2 class="font-display text-3xl sm:text-4xl lg:text-5xl font-bold mb-4">
-      AI uses your content. <span class="text-red-400">Gives you nothing.</span>
+      The web wasn't built for machines.
     </h2>
-    <p class="text-fw-muted text-lg max-w-xl mx-auto">Three problems destroying the relationship between publishers and AI.</p>
+    <p class="text-fw-muted text-lg max-w-xl mx-auto">And it's breaking everything AI tries to do.</p>
   </div>
 
   <div class="grid md:grid-cols-3 gap-5">
     <div class="fade-in group bg-fw-surface/50 border border-fw-border rounded-xl p-7 hover:border-red-400/30 transition-colors">
       <div class="font-mono text-2xl mb-5 text-red-400/80">&lt;/&gt;</div>
-      <h3 class="font-display text-lg font-bold mb-3 text-fw-text">Invisible to AI</h3>
+      <h3 class="font-display text-lg font-bold mb-3 text-fw-text">HTML Soup</h3>
       <p class="text-sm text-fw-muted leading-relaxed">
-        When someone asks an AI assistant for a recommendation, your site may never appear. There's no way to optimize for AI discovery. No sitemap. No structured data. <span class="text-red-400">Zero control.</span>
+        Every website is a unique mess of divs, classes, and JavaScript. AI agents scrape raw HTML, guess what's content, and <span class="text-red-400">hallucinate</span> when they get it wrong.
       </p>
     </div>
 
     <div class="fade-in group bg-fw-surface/50 border border-fw-border rounded-xl p-7 hover:border-red-400/30 transition-colors">
-      <div class="font-mono text-2xl mb-5 text-red-400/80">&#x2715;</div>
-      <h3 class="font-display text-lg font-bold mb-3 text-fw-text">Scraped Without Credit</h3>
+      <div class="font-mono text-2xl mb-5 text-red-400/80">???</div>
+      <h3 class="font-display text-lg font-bold mb-3 text-fw-text">No Discovery</h3>
       <p class="text-sm text-fw-muted leading-relaxed">
-        AI scrapes your content, generates answers from it, and gives <span class="text-red-400">zero attribution</span> to the original creator. Your words. Their profit. Your name? Nowhere to be found.
+        There's no standard way for a machine to ask: "What content do you have?" Every API is bespoke. Every integration is custom. <span class="text-red-400">No universal protocol.</span>
       </p>
     </div>
 
     <div class="fade-in group bg-fw-surface/50 border border-fw-border rounded-xl p-7 hover:border-red-400/30 transition-colors">
-      <div class="font-mono text-2xl mb-5 text-red-400/80">???</div>
-      <h3 class="font-display text-lg font-bold mb-3 text-fw-text">HTML Soup</h3>
+      <div class="font-mono text-2xl mb-5 text-red-400/80">&#x2715;</div>
+      <h3 class="font-display text-lg font-bold mb-3 text-fw-text">Scraped Without Credit</h3>
       <p class="text-sm text-fw-muted leading-relaxed">
-        Every website is a unique mess of divs, classes, and JavaScript. AI agents scrape raw HTML, guess what's content, and <span class="text-red-400">hallucinate</span> when they get it wrong.
+        AI consumes content, generates answers, and gives <span class="text-red-400">zero attribution</span> to the original creator. No credit. No link back. No control.
       </p>
     </div>
   </div>
 
   <div class="fade-in mt-14 text-center">
     <p class="text-lg text-fw-muted">
-      Google had <span class="text-fw-text font-medium">SEO</span>.
-      The AI era needs <span class="text-fw-mint font-medium">AIO</span> &mdash; AI Optimization.
-      <span class="text-fw-mint font-medium">FlyWeb is how you rank.</span>
+      The result? AI that <span class="text-red-400 font-medium">hallucinates</span>, publishers that get <span class="text-red-400 font-medium">scraped</span>,
+      and a web that <span class="text-red-400 font-medium">no machine can reliably read</span>.
     </p>
   </div>
 </section>

src/pages/index.astro

@@ -13,8 +13,8 @@ import JoinCTA from '../components/JoinCTA.astro';
 ---
 
 <Layout
-  title="FlyWeb — SEO for the AI Era | Make Your Website Visible to AI"
-  description="FlyWeb is the open protocol that makes your website discoverable, readable, and cited by every AI agent. AI Optimization in 5 minutes."
+  title="FlyWeb — The Open Protocol for Machine-Readable Websites"
+  description="FlyWeb is the open protocol that lets every website describe its content in a way machines can understand. One file. Universal discovery. Enforced attribution."
 >
   <Nav />
   <main>