feat: blog, about page, remove Exegol refs, clean em

   dashes

  - Add Blog section (/blog + /blog/:slug) with article listing and empty state
  - Add About page in docs (/docs/about): why, components, design choices, team
  - Remove all mentions of Exegol (HomePage FAQ, PricingPage)
  - Remove em dashes from all visible text across the site
  - Add Blog link in navbar

Author: 0xbbuddha

src/components/DocsLayout.tsx

@@ -27,6 +27,7 @@ const sections = [
     title: 'More',
     items: [
       { label: 'FAQ', to: '/docs/faq' },
+      { label: 'About', to: '/docs/about' },
     ],
   },
 ];

src/components/Layout.tsx

@@ -4,6 +4,7 @@ import { FlyingPigeons } from './FlyingPigeons';
 
 const navLinks = [
   { to: '/', label: 'Overview', end: true },
+  { to: '/blog', label: 'Blog' },
   { to: '/community', label: 'Community' },
   { to: '/pricing', label: 'Pricing' },
   { to: '/docs', label: 'Docs' },

src/config/blog.ts

@@ -0,0 +1,20 @@
+export interface BlogPost {
+  slug: string;
+  title: string;
+  date: string;       // ISO format YYYY-MM-DD
+  tags: string[];
+  excerpt: string;
+  content: string;    // Markdown-like JSX string — rendered in BlogPostPage
+}
+
+export const blogPosts: BlogPost[] = [
+  // Add articles here. Example:
+  // {
+  //   slug: 'why-we-built-nihil',
+  //   title: 'Why we built Nihil',
+  //   date: '2026-03-11',
+  //   tags: ['tooling', 'pentest'],
+  //   excerpt: 'A quick rundown of why we started this project and what problems it solves.',
+  //   content: '...',
+  // },
+];

src/pages/App.tsx

@@ -14,6 +14,9 @@ import { UsagePage } from './docs/UsagePage';
 import { CompletionPage } from './docs/CompletionPage';
 import { HistoryPage } from './docs/HistoryPage';
 import { FaqPage } from './docs/FaqPage';
+import { AboutPage } from './docs/AboutPage';
+import { BlogPage } from './BlogPage';
+import { BlogPostPage } from './BlogPostPage';
 
 export const App: React.FC = () => {
   return (
@@ -61,6 +64,14 @@ export const App: React.FC = () => {
           path="/docs/faq"
           element={<DocsLayout><FaqPage /></DocsLayout>}
         />
+        <Route
+          path="/docs/about"
+          element={<DocsLayout><AboutPage /></DocsLayout>}
+        />
+
+        {/* Blog */}
+        <Route path="/blog" element={<BlogPage />} />
+        <Route path="/blog/:slug" element={<BlogPostPage />} />
       </Routes>
     </Layout>
   );

src/pages/BlogPage.tsx

@@ -0,0 +1,54 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { blogPosts } from '../config/blog';
+
+export const BlogPage: React.FC = () => {
+  const sorted = [...blogPosts].sort((a, b) => b.date.localeCompare(a.date));
+
+  return (
+    <div className="space-y-12 max-w-3xl mx-auto">
+      <header className="space-y-3">
+        <h1 className="font-display text-3xl md:text-4xl font-bold tracking-tight text-white">
+          Blog
+        </h1>
+        <p className="text-slate-400 text-lg">
+          Notes, write-ups and thoughts from TheNullPigeons.
+        </p>
+      </header>
+
+      {sorted.length === 0 ? (
+        <div className="rounded-xl border border-slate-700/80 bg-slate-900/50 p-10 text-center space-y-3">
+          <p className="text-slate-400 text-lg">No articles yet, check back soon.</p>
+          <p className="text-slate-600 text-sm">We're writing. Pigeons don't type fast.</p>
+        </div>
+      ) : (
+        <ul className="space-y-6">
+          {sorted.map((post) => (
+            <li key={post.slug}>
+              <Link
+                to={`/blog/${post.slug}`}
+                className="group block rounded-xl border border-slate-700/80 bg-slate-900/50 p-6 hover:border-amber-500/30 hover:bg-slate-900/80 transition-all duration-200"
+              >
+                <div className="flex flex-wrap items-center gap-2 mb-2">
+                  <time className="text-xs text-slate-500 tabular-nums">{post.date}</time>
+                  {post.tags.map((tag) => (
+                    <span
+                      key={tag}
+                      className="text-xs px-2 py-0.5 rounded-full bg-amber-500/10 text-amber-400 border border-amber-500/20"
+                    >
+                      {tag}
+                    </span>
+                  ))}
+                </div>
+                <h2 className="text-lg font-semibold text-white group-hover:text-amber-400 transition-colors mb-1">
+                  {post.title}
+                </h2>
+                <p className="text-slate-400 text-sm leading-relaxed">{post.excerpt}</p>
+              </Link>
+            </li>
+          ))}
+        </ul>
+      )}
+    </div>
+  );
+};

src/pages/BlogPostPage.tsx

@@ -0,0 +1,54 @@
+import React from 'react';
+import { Link, useParams, Navigate } from 'react-router-dom';
+import { blogPosts } from '../config/blog';
+
+export const BlogPostPage: React.FC = () => {
+  const { slug } = useParams<{ slug: string }>();
+  const post = blogPosts.find((p) => p.slug === slug);
+
+  if (!post) return <Navigate to="/blog" replace />;
+
+  return (
+    <article className="max-w-3xl mx-auto space-y-8">
+      {/* Back */}
+      <Link
+        to="/blog"
+        className="inline-flex items-center gap-1.5 text-sm text-slate-400 hover:text-amber-400 transition-colors"
+      >
+        <svg className="w-4 h-4" fill="none" stroke="currentColor" strokeWidth="2" viewBox="0 0 24 24">
+          <path strokeLinecap="round" strokeLinejoin="round" d="M15 19l-7-7 7-7" />
+        </svg>
+        Back to blog
+      </Link>
+
+      {/* Header */}
+      <header className="space-y-3 border-b border-slate-800 pb-8">
+        <div className="flex flex-wrap items-center gap-2">
+          <time className="text-xs text-slate-500 tabular-nums">{post.date}</time>
+          {post.tags.map((tag) => (
+            <span
+              key={tag}
+              className="text-xs px-2 py-0.5 rounded-full bg-amber-500/10 text-amber-400 border border-amber-500/20"
+            >
+              {tag}
+            </span>
+          ))}
+        </div>
+        <h1 className="font-display text-3xl md:text-4xl font-bold tracking-tight text-white">
+          {post.title}
+        </h1>
+        <p className="text-slate-400 text-lg leading-relaxed">{post.excerpt}</p>
+      </header>
+
+      {/* Content */}
+      <div
+        className="prose prose-invert prose-slate max-w-none
+          prose-headings:font-display prose-headings:tracking-tight
+          prose-a:text-amber-400 prose-a:no-underline hover:prose-a:underline
+          prose-code:text-amber-300 prose-code:bg-slate-800/80 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded
+          prose-pre:bg-slate-900 prose-pre:border prose-pre:border-slate-700/80"
+        dangerouslySetInnerHTML={{ __html: post.content }}
+      />
+    </article>
+  );
+};

src/pages/CommunityPage.tsx

@@ -84,7 +84,7 @@ export const CommunityPage: React.FC = () => {
           <span className="text-amber-400">Community</span>
         </h1>
         <p className="text-slate-400 max-w-2xl mx-auto text-base md:text-lg">
-          A small team of practitioners. No SaaS, no paywall — just open code and feedback from the field.
+          A small team of practitioners. No SaaS, no paywall, just open code and feedback from the field.
         </p>
       </section>
 
@@ -93,26 +93,26 @@ export const CommunityPage: React.FC = () => {
         <div className="text-center max-w-2xl mx-auto">
           <h2 className="text-2xl md:text-3xl font-semibold text-white">Who is Nihil for?</h2>
           <p className="text-slate-400 text-sm mt-2">
-            Built for people who work in offensive security — at any level.
+            Built for people who work in offensive security, at any level.
           </p>
         </div>
         <div className="grid gap-4 sm:grid-cols-2 max-w-4xl mx-auto">
           {[
             {
               title: 'Pentesters & Red Teamers',
-              desc: 'Use Nihil as a ready-to-deploy offensive environment for real engagements — AD attacks, network recon, web testing. Reproducible, auditable, and yours to customize.',
+              desc: 'Use Nihil as a ready-to-deploy offensive environment for real engagements: AD attacks, network recon, web testing. Reproducible, auditable, and yours to customize.',
             },
             {
               title: 'CTF Players',
-              desc: "Spin up a fully loaded container in seconds and get straight to the challenge. No setup overhead, no missing tools — just nihil start ctf and you're in.",
+              desc: "Spin up a fully loaded container in seconds and get straight to the challenge. No setup overhead, no missing tools, just nihil start ctf and you're in.",
             },
             {
               title: 'Security Students',
-              desc: 'Learn offensive techniques in a clean, transparent environment. Every tool, every script is visible on GitHub — no magic, no black box to get lost in.',
+              desc: 'Learn offensive techniques in a clean, transparent environment. Every tool, every script is visible on GitHub. No magic, no black box to get lost in.',
             },
             {
               title: 'Security Researchers',
-              desc: 'Isolate your work in dedicated containers per project. Arch-based images with full control over what goes in — fork, tweak, and rebuild as you need.',
+              desc: 'Isolate your work in dedicated containers per project. Arch-based images with full control over what goes in. Fork, tweak, and rebuild as you need.',
             },
           ].map(({ title, desc }) => (
             <div
@@ -204,7 +204,7 @@ export const CommunityPage: React.FC = () => {
           {[
             {
               title: 'Transparency first',
-              desc: 'Everything lives on GitHub — Dockerfiles, scripts, CLI. No hidden layers, no mystery install. You can read, audit, and fork every line.',
+              desc: 'Everything lives on GitHub: Dockerfiles, scripts, CLI. No hidden layers, no mystery install. You can read, audit, and fork every line.',
             },
             {
               title: 'No bloat',
@@ -253,7 +253,7 @@ export const CommunityPage: React.FC = () => {
       <section className="rounded-2xl border border-dashed border-slate-700 bg-slate-950/60 p-6 text-sm text-slate-400 space-y-2 max-w-3xl mx-auto">
         <p>
           Found a bug or have an idea? Open an issue or a PR. If TheNullPigeons helped on an engagement,
-          we&apos;d love to hear it — especially if something broke in a fun way.
+          we&apos;d love to hear it, especially if something broke in a fun way.
         </p>
       </section>
     </div>

src/pages/HomePage.tsx

@@ -45,7 +45,7 @@ export const HomePage: React.FC = () => {
           </span>
         </h1>
         <p className="text-slate-400 mt-6 max-w-xl mx-auto leading-relaxed">
-          Our tool <span className="text-amber-400/90 font-medium">Nihil</span> — hand-crafted Docker images and scripts for real-world offensive work — from Windows and 
+          Our tool <span className="text-amber-400/90 font-medium">Nihil</span>: hand-crafted Docker images and a CLI for real-world offensive work, from Windows and
           network infra to web. No magic, just good pigeons with better opsec.
         </p>
         <div className="flex flex-wrap gap-3 justify-center mt-8">
@@ -132,8 +132,7 @@ export const HomePage: React.FC = () => {
               <h3 className="font-semibold text-white">Transparent by design</h3>
             </div>
             <p className="text-sm text-slate-400 leading-relaxed">
-              All images and scripts live on GitHub. No hidden install scripts, no mystery layers —
-              just Bash, Python, and a lot of caffeine.
+              All images and scripts live on GitHub. No hidden install scripts, no mystery layers. Just Bash, Python, and a lot of caffeine.
             </p>
           </div>
           <div className="rounded-2xl border border-slate-700/80 bg-slate-900/50 p-6 space-y-3 hover:border-amber-500/30 hover:bg-slate-900/70 transition-all duration-200">
@@ -142,7 +141,7 @@ export const HomePage: React.FC = () => {
               <h3 className="font-semibold text-white">Built for offensive work</h3>
             </div>
             <p className="text-sm text-slate-400 leading-relaxed">
-              AD enumeration, network recon, web testing — BloodHound, NetExec, Metasploit, and
+              AD enumeration, network recon, web testing: BloodHound, NetExec, Metasploit, and
               more. Tools picked for real engagements, not to pad a readme.
             </p>
           </div>
@@ -195,7 +194,7 @@ export const HomePage: React.FC = () => {
               </span>
             </summary>
             <p className="text-sm text-slate-400 leading-relaxed px-5 pb-5 pt-0">
-              Nihil is an offensive security environment built by TheNullPigeons. It ships as Arch-based Docker images paired with a Python CLI that handles everything — pulling images, creating containers, managing workspaces and VPN sessions. No hidden config, no telemetry, no black box.
+              Nihil is an offensive security environment built by TheNullPigeons. It ships as Arch-based Docker images paired with a Python CLI that handles everything: pulling images, creating containers, managing workspaces and VPN sessions. No hidden config, no telemetry, no black box.
             </p>
           </details>
           <details className="group rounded-xl border border-slate-700/80 bg-slate-900/50 overflow-hidden hover:border-amber-500/20 transition-colors">
@@ -217,7 +216,7 @@ export const HomePage: React.FC = () => {
               </span>
             </summary>
             <p className="text-sm text-slate-400 leading-relaxed px-5 pb-5 pt-0">
-              Rolling updates, minimal footprint, and we like having full control over what goes in. We're both long-time Arch users, and it gives Nihil a slightly different flavor compared to Exegol&apos;s Debian base. Everything is in the Dockerfiles — fork and tweak as you like.
+              Rolling updates, minimal footprint, and we like having full control over what goes in. We're both long-time Arch users, and it keeps the base lean and up-to-date without waiting for distro packaging cycles. Everything is in the Dockerfiles, fork and tweak as you like.
             </p>
           </details>
           <details className="group rounded-xl border border-slate-700/80 bg-slate-900/50 overflow-hidden hover:border-amber-500/20 transition-colors">
@@ -228,7 +227,7 @@ export const HomePage: React.FC = () => {
               </span>
             </summary>
             <p className="text-sm text-slate-400 leading-relaxed px-5 pb-5 pt-0">
-              On GitHub Container Registry (ghcr.io). You can also build them yourself from the repo — no account required to build, no pull limit for public images.
+              On GitHub Container Registry (ghcr.io). You can also build them yourself from the repo, no account required, no pull limit for public images.
             </p>
           </details>
           <details className="group rounded-xl border border-slate-700/80 bg-slate-900/50 overflow-hidden hover:border-amber-500/20 transition-colors">
@@ -244,13 +243,13 @@ export const HomePage: React.FC = () => {
           </details>
           <details className="group rounded-xl border border-slate-700/80 bg-slate-900/50 overflow-hidden hover:border-amber-500/20 transition-colors">
             <summary className="faq-summary flex items-center justify-between gap-3 cursor-pointer p-5 font-medium text-white select-none">
-              How does this compare to Exegol?
+              How does it compare to other pentest environments?
               <span className="flex-shrink-0 w-5 h-5 text-amber-400 transition-transform duration-200 group-open:rotate-180" aria-hidden>
                 <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 9l-7 7-7-7" /></svg>
               </span>
             </summary>
             <p className="text-sm text-slate-400 leading-relaxed px-5 pb-5 pt-0">
-              We love Exegol. Nihil is our own take: same spirit of a ready-to-use offensive environment, but fully open and maintained by us. No SaaS, no paywall — just images and scripts you can audit and customize.
+              Nihil is our own take on a ready-to-use offensive environment: Arch-based, fully open, no SaaS, no paywall. Just images and a CLI wrapper you control entirely.
             </p>
           </details>
         </div>

src/pages/InstallPage.tsx

@@ -21,7 +21,7 @@ pipx install git+https://github.com/TheNullPigeons/nihil.git
 # Or from a clone
 git clone https://github.com/TheNullPigeons/nihil.git && cd nihil
 pip install -e .`,
-    note: 'Requires Python 3.12+ and Docker. The CLI will pull images from GitHub Container Registry — no manual docker build.',
+    note: 'Requires Python 3.12+ and Docker. The CLI will pull images from GitHub Container Registry, no manual docker build needed.',
   },
   {
     title: 'Pull an image (optional)',
@@ -44,7 +44,7 @@ nihil start lab --image active-directory`,
   },
   {
     title: 'Useful commands',
-    note: 'nihil info — list images and containers. nihil doctor — check Docker and config. Inside the container, Ctrl+R in zsh to search tool names (bloodhound, netexec, etc.) in history.',
+    note: 'nihil info: list images and containers. nihil doctor: check Docker and config. Inside the container, Ctrl+R in zsh to search tool names (bloodhound, netexec, etc.) in history.',
   },
 ];
 
@@ -80,7 +80,7 @@ export const InstallPage: React.FC = () => {
         <h1 className="text-4xl md:text-5xl font-bold tracking-tight">
           <span className="text-amber-400">Discover our tool</span>
           <span className="block text-white text-xl md:text-2xl mt-2 font-normal text-slate-200">
-            Nihil — our offensive environment, directly on your host.
+            Nihil, our offensive environment, directly on your host.
           </span>
         </h1>
         <p className="text-slate-300 text-lg max-w-2xl mx-auto">

src/pages/PricingPage.tsx

@@ -19,9 +19,9 @@ const tiers = [
   {
     name: 'Enterprise Pigeon',
     subtitle: 'Contact sales*',
-    price: '—',
+    price: 'N/A',
     period: '',
-    description: '*We don’t have sales. This is a joke. We love Exegol, but we don’t sell subscriptions.',
+    description: "*We don’t have sales. This is a joke. Everything is free, always.",
     features: [
       'Same as Free',
       'You maintain it yourself',