Fix SEO and accessibility issues in production build

- Change 'Hosted in the EU' from h3 to h2 for proper heading hierarchy - Add FAQ structured data (JSON-LD) for rich search results - Remove onclick attributes from copy buttons (event listeners in app.js) These changes were previously applied to templates/pages/ but missing from public/src/ which is used by the Docker build. All changes now applied to correct source files and built.
2026-02-21 19:03:39 +00:00 · 2026-02-21 19:03:39 +00:00 · b476b0bd4e
commit b476b0bd4e
parent 4aeac959c3
7 changed files with 134 additions and 143 deletions
--- a/public/examples.html
+++ b/public/examples.html
@ -4,7 +4,7 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Code Examples — DocFast HTML to PDF API</title>
-<meta name="description" content="Practical html to pdf api examples — generate pdf from html code, invoice pdf api, markdown to pdf, Node.js, Python, Go, PHP and Laravel integrations.">
+<meta name="description" content="Practical html to pdf api examples — generate pdf from html code, invoice pdf api, markdown to pdf, Node.js and Python integrations.">
 <meta property="og:title" content="Code Examples — DocFast HTML to PDF API">
 <meta property="og:description" content="Practical code examples for generating PDFs from HTML, Markdown, and more with the DocFast API.">
 <meta property="og:url" content="https://docfast.dev/examples">
@ -113,8 +113,6 @@ footer .container { display: flex; justify-content: space-between; align-items:
      <a href="#receipt">Receipt</a>
      <a href="#nodejs">Node.js</a>
      <a href="#python">Python</a>
-      <a href="#go">Go</a>
-      <a href="#php">PHP</a>
    </nav>

    <!-- Invoice -->
@ -165,7 +163,7 @@ footer .container { display: flex; justify-content: space-between; align-items:

      <div class="code-block">
        <span class="code-label">curl</span>
-        <pre><code>curl -X POST https://docfast.dev/v1/convert/html \
+        <pre><code>curl -X POST https://api.docfast.dev/v1/convert/html \
  -H <span class="str">"Authorization: Bearer YOUR_API_KEY"</span> \
  -H <span class="str">"Content-Type: application/json"</span> \
  -d <span class="str">'{"html": "&lt;html&gt;...your invoice HTML...&lt;/html&gt;"}'</span> \
@ -180,7 +178,7 @@ footer .container { display: flex; justify-content: space-between; align-items:

      <div class="code-block">
        <span class="code-label">curl</span>
-        <pre><code>curl -X POST https://docfast.dev/v1/convert/markdown \
+        <pre><code>curl -X POST https://api.docfast.dev/v1/convert/markdown \
  -H <span class="str">"Authorization: Bearer YOUR_API_KEY"</span> \
  -H <span class="str">"Content-Type: application/json"</span> \
  -d '{
@ -219,7 +217,7 @@ footer .container { display: flex; justify-content: space-between; align-items:

      <div class="code-block">
        <span class="code-label">curl</span>
-        <pre><code>curl -X POST https://docfast.dev/v1/convert/html \
+        <pre><code>curl -X POST https://api.docfast.dev/v1/convert/html \
  -H <span class="str">"Authorization: Bearer YOUR_API_KEY"</span> \
  -H <span class="str">"Content-Type: application/json"</span> \
  -d @report.json \
@ -273,137 +271,70 @@ footer .container { display: flex; justify-content: space-between; align-items:
    <!-- Node.js -->
    <section id="nodejs" class="example-section">
      <h2>Node.js Integration</h2>
-      <p>Install the official SDK: <code>npm install docfast</code></p>
+      <p>A complete Node.js script to generate a PDF and save it to disk. Works with Node 18+ using native fetch.</p>

      <div class="code-block">
-        <span class="code-label">JavaScript — Using the SDK (recommended)</span>
-        <pre><code><span class="kw">import</span> DocFast <span class="kw">from</span> <span class="str">"docfast"</span>;
-<span class="kw">import</span> { writeFileSync } <span class="kw">from</span> <span class="str">"fs"</span>;
+        <span class="code-label">JavaScript — generate-pdf.mjs</span>
+        <pre><code><span class="kw">const</span> html = <span class="str">`
+  &lt;h1&gt;Hello from Node.js&lt;/h1&gt;
+  &lt;p&gt;Generated at ${</span><span class="kw">new</span> <span class="fn">Date</span>().<span class="fn">toISOString</span>()<span class="str">}&lt;/p&gt;
+`</span>;

-<span class="kw">const</span> client = <span class="kw">new</span> <span class="fn">DocFast</span>(process.env.<span class="str">DOCFAST_API_KEY</span>);
-
-<span class="cmt">// HTML to PDF</span>
-<span class="kw">const</span> pdf = <span class="kw">await</span> client.<span class="fn">html</span>(<span class="str">"&lt;h1&gt;Hello World&lt;/h1&gt;"</span>);
-<span class="fn">writeFileSync</span>(<span class="str">"output.pdf"</span>, pdf);
-
-<span class="cmt">// Markdown to PDF</span>
-<span class="kw">const</span> doc = <span class="kw">await</span> client.<span class="fn">markdown</span>(<span class="str">"# Report\n\nQ4 revenue grew **32%**."</span>);
-
-<span class="cmt">// With options</span>
-<span class="kw">const</span> report = <span class="kw">await</span> client.<span class="fn">html</span>(html, {
-  format: <span class="str">"A4"</span>,
-  landscape: <span class="kw">true</span>,
-  margin: { top: <span class="str">"20mm"</span>, bottom: <span class="str">"20mm"</span> },
-});</code></pre>
-      </div>
-
-      <div class="code-block" style="margin-top: 16px;">
-        <span class="code-label">JavaScript — Using fetch (no dependencies)</span>
-        <pre><code><span class="kw">const</span> res = <span class="kw">await</span> <span class="fn">fetch</span>(<span class="str">"https://docfast.dev/v1/convert/html"</span>, {
+<span class="kw">const</span> res = <span class="kw">await</span> <span class="fn">fetch</span>(<span class="str">"https://api.docfast.dev/v1/convert/html"</span>, {
  method: <span class="str">"POST"</span>,
  headers: {
    <span class="str">"Authorization"</span>: <span class="str">`Bearer ${process.env.DOCFAST_API_KEY}`</span>,
    <span class="str">"Content-Type"</span>: <span class="str">"application/json"</span>,
  },
-  body: <span class="fn">JSON.stringify</span>({ html: <span class="str">"&lt;h1&gt;Hello&lt;/h1&gt;"</span> }),
+  body: <span class="fn">JSON.stringify</span>({ html }),
 });
-<span class="kw">const</span> pdf = Buffer.<span class="fn">from</span>(<span class="kw">await</span> res.<span class="fn">arrayBuffer</span>());</code></pre>
+
+<span class="kw">if</span> (!res.ok) <span class="kw">throw new</span> <span class="fn">Error</span>(<span class="str">`API error: ${res.status}`</span>);
+
+<span class="kw">const</span> buffer = Buffer.<span class="fn">from</span>(<span class="kw">await</span> res.<span class="fn">arrayBuffer</span>());
+<span class="kw">await</span> <span class="kw">import</span>(<span class="str">"fs"</span>).then(<span class="fn">fs</span> =&gt;
+  fs.<span class="fn">writeFileSync</span>(<span class="str">"output.pdf"</span>, buffer)
+);
+
+console.<span class="fn">log</span>(<span class="str">"✓ Saved output.pdf"</span>);</code></pre>
      </div>
    </section>

    <!-- Python -->
    <section id="python" class="example-section">
      <h2>Python Integration</h2>
-      <p>Install the official SDK: <code>pip install docfast</code></p>
+      <p>Generate a PDF from Python using the <code>requests</code> library. Drop this into any Flask, Django, or FastAPI app.</p>

      <div class="code-block">
-        <span class="code-label">Python — Using the SDK (recommended)</span>
-        <pre><code><span class="kw">from</span> docfast <span class="kw">import</span> DocFast
+        <span class="code-label">Python — generate_pdf.py</span>
+        <pre><code><span class="kw">import</span> os
+<span class="kw">import</span> requests

-client = <span class="fn">DocFast</span>(<span class="str">"df_pro_your_api_key"</span>)
-
-<span class="cmt"># HTML to PDF</span>
-pdf = client.<span class="fn">html</span>(<span class="str">"&lt;h1&gt;Hello World&lt;/h1&gt;"</span>)
-<span class="kw">with</span> <span class="fn">open</span>(<span class="str">"output.pdf"</span>, <span class="str">"wb"</span>) <span class="kw">as</span> f:
-    f.<span class="fn">write</span>(pdf)
-
-<span class="cmt"># With options</span>
-pdf = client.<span class="fn">html</span>(html, format=<span class="str">"A4"</span>, landscape=<span class="kw">True</span>)
-
-<span class="cmt"># Async support</span>
-<span class="kw">from</span> docfast <span class="kw">import</span> AsyncDocFast
-
-<span class="kw">async with</span> <span class="fn">AsyncDocFast</span>(<span class="str">"df_pro_your_api_key"</span>) <span class="kw">as</span> client:
-    pdf = <span class="kw">await</span> client.<span class="fn">html</span>(<span class="str">"&lt;h1&gt;Hello&lt;/h1&gt;"</span>)</code></pre>
-      </div>
-
-      <div class="code-block" style="margin-top: 16px;">
-        <span class="code-label">Python — Using requests (no SDK)</span>
-        <pre><code><span class="kw">import</span> requests
+html = <span class="str">"""
+&lt;h1&gt;Hello from Python&lt;/h1&gt;
+&lt;p&gt;This PDF was generated via the DocFast API.&lt;/p&gt;
+&lt;ul&gt;
+  &lt;li&gt;Fast rendering&lt;/li&gt;
+  &lt;li&gt;Pixel-perfect output&lt;/li&gt;
+  &lt;li&gt;Simple REST API&lt;/li&gt;
+&lt;/ul&gt;
+"""</span>

 response = requests.<span class="fn">post</span>(
-    <span class="str">"https://docfast.dev/v1/convert/html"</span>,
-    headers={<span class="str">"Authorization"</span>: <span class="str">f"Bearer {api_key}"</span>},
-    json={<span class="str">"html"</span>: <span class="str">"&lt;h1&gt;Hello&lt;/h1&gt;"</span>},
-)
-pdf = response.content</code></pre>
-      </div>
-    </section>
-
-    <!-- Go -->
-    <section id="go" class="example-section">
-      <h2>Go Integration</h2>
-      <p>Install the official SDK: <code>go get github.com/docfast/docfast-go</code></p>
-      <div class="code-block">
-        <span class="code-label">Go — Using the SDK</span>
-        <pre><code><span class="kw">package</span> main
-
-<span class="kw">import</span> (
-    <span class="str">"os"</span>
-    docfast <span class="str">"github.com/docfast/docfast-go"</span>
+    <span class="str">"https://api.docfast.dev/v1/convert/html"</span>,
+    headers={
+        <span class="str">"Authorization"</span>: <span class="str">f"Bearer {</span>os.environ[<span class="str">'DOCFAST_API_KEY'</span>]<span class="str">}"</span>,
+        <span class="str">"Content-Type"</span>: <span class="str">"application/json"</span>,
+    },
+    json={<span class="str">"html"</span>: html},
 )

-<span class="kw">func</span> main() {
-    client := docfast.New(<span class="str">"df_pro_your_api_key"</span>)
+response.<span class="fn">raise_for_status</span>()

-    pdf, err := client.HTML(<span class="str">"&lt;h1&gt;Hello&lt;/h1&gt;&lt;p&gt;Generated with DocFast&lt;/p&gt;"</span>, &amp;docfast.PDFOptions{
-        Format: <span class="str">"A4"</span>,
-        Margin: &amp;docfast.Margin{Top: <span class="str">"20mm"</span>, Bottom: <span class="str">"20mm"</span>},
-    })
-    <span class="kw">if</span> err != <span class="kw">nil</span> {
-        panic(err)
-    }
-    os.WriteFile(<span class="str">"output.pdf"</span>, pdf, <span class="num">0644</span>)
-}</code></pre>
-      </div>
-    </section>
+<span class="kw">with</span> <span class="fn">open</span>(<span class="str">"output.pdf"</span>, <span class="str">"wb"</span>) <span class="kw">as</span> f:
+    f.<span class="fn">write</span>(response.content)

-    <!-- PHP -->
-    <section id="php" class="example-section">
-      <h2>PHP Integration</h2>
-      <p>Install the official SDK: <code>composer require docfast/docfast-php</code></p>
-      <div class="code-block">
-        <span class="code-label">PHP — Using the SDK</span>
-        <pre><code><span class="kw">use</span> DocFast\Client;
-<span class="kw">use</span> DocFast\PdfOptions;
-
-$client = <span class="kw">new</span> Client(<span class="str">'df_pro_your_api_key'</span>);
-
-$options = <span class="kw">new</span> PdfOptions();
-$options-&gt;format = <span class="str">'A4'</span>;
-$options-&gt;margin = [<span class="str">'top'</span> =&gt; <span class="str">'20mm'</span>, <span class="str">'bottom'</span> =&gt; <span class="str">'20mm'</span>];
-
-$pdf = $client-&gt;html(<span class="str">'&lt;h1&gt;Hello&lt;/h1&gt;&lt;p&gt;Generated with DocFast&lt;/p&gt;'</span>, <span class="kw">null</span>, $options);
-file_put_contents(<span class="str">'output.pdf'</span>, $pdf);</code></pre>
-      </div>
-      <div class="code-block">
-        <span class="code-label">Laravel — Using the Facade</span>
-        <pre><code><span class="kw">use</span> DocFast\Laravel\Facades\DocFast;
-
-<span class="cmt">// In your controller</span>
-$pdf = DocFast::html(view(<span class="str">'invoice'</span>)-&gt;render());
-<span class="kw">return</span> response($pdf)
-    -&gt;header(<span class="str">'Content-Type'</span>, <span class="str">'application/pdf'</span>);</code></pre>
+<span class="fn">print</span>(<span class="str">"✓ Saved output.pdf"</span>)</code></pre>
      </div>
    </section>

--- a/public/impressum.html
+++ b/public/impressum.html
@ -8,6 +8,9 @@
 <meta property="og:title" content="Impressum — DocFast">
 <meta property="og:description" content="Legal notice and company information for DocFast API service.">
 <meta property="og:url" content="https://docfast.dev/impressum">
+<meta property="og:image" content="https://docfast.dev/og-image.png">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:image" content="https://docfast.dev/og-image.png">
 <link rel="canonical" href="https://docfast.dev/impressum">
 <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
@ -23,7 +26,7 @@ body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Robo
 a { color: var(--accent); text-decoration: none; transition: color 0.2s; }
 a:hover { color: var(--accent-hover); }
 .container { max-width: 800px; margin: 0 auto; padding: 0 24px; }
-nav { padding: 20px 0; border-bottom: 1px solid var(--border); }
+nav { padding: 20px 0; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: var(--bg); z-index: 100; }
 nav .container { display: flex; align-items: center; justify-content: space-between; }
 .logo { font-size: 1.25rem; font-weight: 700; letter-spacing: -0.5px; color: var(--fg); display: flex; align-items: center; gap: 8px; text-decoration: none; }
 .logo span { color: var(--accent); }
@ -47,14 +50,15 @@ footer .container { display: flex; justify-content: space-between; align-items:
  footer .container { flex-direction: column; text-align: center; }
  .nav-links { gap: 16px; }
 }
-/* Skip to content */
-.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; }
+
+.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
+.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; text-decoration: none; }
 .skip-link:focus { top: 0; }
 </style>
 </head>
 <body>
-<a href="#main" class="skip-link">Skip to content</a>

+<a href="#main-content" class="skip-link">Skip to main content</a>
 <nav aria-label="Main navigation">
  <div class="container">
    <a href="/" class="logo">⚡ Doc<span>Fast</span></a>
@ -62,11 +66,12 @@ footer .container { display: flex; justify-content: space-between; align-items:
      <a href="/#features">Features</a>
      <a href="/#pricing">Pricing</a>
      <a href="/docs">Docs</a>
+      <a href="/examples">Examples</a>
    </div>
  </div>
 </nav>

-<main id="main">
+<main id="main-content">
  <div class="container">
    <h1>Impressum</h1>
    <p><em>Legal notice according to § 5 ECG and § 25 MedienG (Austrian law)</em></p>
@ -103,8 +108,7 @@ footer .container { display: flex; justify-content: space-between; align-items:
    <div class="footer-links">
      <a href="/">Home</a>
      <a href="/docs">Docs</a>
-      <a href="/health">API Status</a>
-      <a href="mailto:support@docfast.dev">Support</a>
+      <a href="/status">API Status</a>
      <a href="/impressum">Impressum</a>
      <a href="/privacy">Privacy Policy</a>
      <a href="/terms">Terms of Service</a>
--- a/public/index.html
+++ b/public/index.html
@ -36,7 +36,7 @@
      "name": "Does DocFast support Markdown to PDF?",
      "acceptedAnswer": {
        "@type": "Answer",
-        "text": "Yes, DocFast supports converting Markdown to PDF through the /v1/convert/markdown endpoint. Simply send your Markdown content and receive a beautifully formatted PDF with full styling support."
+        "text": "Yes, DocFast supports converting Markdown to PDF through the /v1/convert/markdown endpoint. Simply send your Markdown content and receive a beautifully formatted PDF."
      }
    },
    {
@ -44,7 +44,7 @@
      "name": "Where is DocFast hosted?",
      "acceptedAnswer": {
        "@type": "Answer",
-        "text": "DocFast is hosted exclusively in the European Union, specifically in Hetzner's Nuremberg, Germany datacenter. All data processing happens within EU borders and is fully GDPR compliant."
+        "text": "DocFast is hosted exclusively in the EU, in Hetzner's Nuremberg, Germany datacenter. All data processing happens within EU borders and is fully GDPR compliant."
      }
    },
    {
@ -52,15 +52,15 @@
      "name": "How much does DocFast cost?",
      "acceptedAnswer": {
        "@type": "Answer",
-        "text": "DocFast Pro costs €9 per month and includes unlimited PDF generation, all conversion endpoints, built-in templates, no watermarks, and priority email support."
+        "text": "DocFast Pro costs €9 per month and includes unlimited PDF generation, all conversion endpoints, built-in templates, and priority email support."
      }
    },
    {
      "@type": "Question",
-      "name": "Do you have SDKs for Node.js and Python?",
+      "name": "Do you have official SDKs?",
      "acceptedAnswer": {
        "@type": "Answer",
-        "text": "Yes, DocFast provides official SDKs for both Node.js and Python. You can also use the REST API directly with curl or any HTTP client in your preferred language."
+        "text": "Yes, DocFast provides official SDKs for Node.js, Python, Go, PHP, and Laravel. You can also use the REST API directly with curl or any HTTP client."
      }
    }
  ]
--- a/public/partials/_modals.html
+++ b/public/partials/_modals.html
@ -36,7 +36,7 @@
      </div>
      <div style="background:var(--bg);border:1px solid var(--accent);border-radius:8px;padding:14px;font-family:monospace;font-size:0.82rem;word-break:break-all;margin:16px 0;position:relative;">
        <span id="apiKeyText"></span>
-        <button onclick="copyKey()" id="copyBtn" aria-label="Copy API key" style="position:absolute;top:8px;right:8px;background:var(--accent);color:var(--bg);border:none;border-radius:4px;padding:4px 12px;cursor:pointer;font-size:0.8rem;">Copy</button>
+        <button id="copyBtn" aria-label="Copy API key" style="position:absolute;top:8px;right:8px;background:var(--accent);color:var(--bg);border:none;border-radius:4px;padding:4px 12px;cursor:pointer;font-size:0.8rem;">Copy</button>
      </div>
      <p style="margin-top:20px;color:var(--muted);font-size:0.9rem;">100 free PDFs/month • <a href="/docs">Read the docs →</a></p>
    </div>
--- a/public/privacy.html
+++ b/public/privacy.html
@ -8,6 +8,9 @@
 <meta property="og:title" content="Privacy Policy — DocFast">
 <meta property="og:description" content="Privacy policy for DocFast API service - GDPR compliant data protection information.">
 <meta property="og:url" content="https://docfast.dev/privacy">
+<meta property="og:image" content="https://docfast.dev/og-image.png">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:image" content="https://docfast.dev/og-image.png">
 <link rel="canonical" href="https://docfast.dev/privacy">
 <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
@ -23,7 +26,7 @@ body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Robo
 a { color: var(--accent); text-decoration: none; transition: color 0.2s; }
 a:hover { color: var(--accent-hover); }
 .container { max-width: 800px; margin: 0 auto; padding: 0 24px; }
-nav { padding: 20px 0; border-bottom: 1px solid var(--border); }
+nav { padding: 20px 0; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: var(--bg); z-index: 100; }
 nav .container { display: flex; align-items: center; justify-content: space-between; }
 .logo { font-size: 1.25rem; font-weight: 700; letter-spacing: -0.5px; color: var(--fg); display: flex; align-items: center; gap: 8px; text-decoration: none; }
 .logo span { color: var(--accent); }
@ -47,14 +50,15 @@ footer .container { display: flex; justify-content: space-between; align-items:
  footer .container { flex-direction: column; text-align: center; }
  .nav-links { gap: 16px; }
 }
-/* Skip to content */
-.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; }
+
+.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
+.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; text-decoration: none; }
 .skip-link:focus { top: 0; }
 </style>
 </head>
 <body>
-<a href="#main" class="skip-link">Skip to content</a>

+<a href="#main-content" class="skip-link">Skip to main content</a>
 <nav aria-label="Main navigation">
  <div class="container">
    <a href="/" class="logo">⚡ Doc<span>Fast</span></a>
@ -62,11 +66,12 @@ footer .container { display: flex; justify-content: space-between; align-items:
      <a href="/#features">Features</a>
      <a href="/#pricing">Pricing</a>
      <a href="/docs">Docs</a>
+      <a href="/examples">Examples</a>
    </div>
  </div>
 </nav>

-<main id="main">
+<main id="main-content">
  <div class="container">
    <h1>Privacy Policy</h1>
    <p><em>Last updated: February 16, 2026</em></p>
@ -185,8 +190,7 @@ footer .container { display: flex; justify-content: space-between; align-items:
    <div class="footer-links">
      <a href="/">Home</a>
      <a href="/docs">Docs</a>
-      <a href="/health">API Status</a>
-      <a href="mailto:support@docfast.dev">Support</a>
+      <a href="/status">API Status</a>
      <a href="/impressum">Impressum</a>
      <a href="/privacy">Privacy Policy</a>
      <a href="/terms">Terms of Service</a>
--- a/public/src/index.html
+++ b/public/src/index.html
@ -18,6 +18,54 @@
 <script type="application/ld+json">
 {"@context":"https://schema.org","@type":"SoftwareApplication","name":"DocFast","url":"https://docfast.dev","applicationCategory":"DeveloperApplication","operatingSystem":"Web","description":"Convert HTML and Markdown to beautiful PDFs with a simple API call. Fast, reliable, developer-friendly.","offers":[{"@type":"Offer","price":"9","priceCurrency":"EUR","name":"Pro","description":"Unlimited PDF generation for production apps","billingIncrement":"P1M"}]}
 </script>
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "FAQPage",
+  "mainEntity": [
+    {
+      "@type": "Question",
+      "name": "How do I convert HTML to PDF with an API?",
+      "acceptedAnswer": {
+        "@type": "Answer",
+        "text": "Send a POST request to https://docfast.dev/v1/convert/html with your HTML content in the request body and your API key in the Authorization header. DocFast returns a ready-to-use PDF in under 1 second."
+      }
+    },
+    {
+      "@type": "Question",
+      "name": "Does DocFast support Markdown to PDF?",
+      "acceptedAnswer": {
+        "@type": "Answer",
+        "text": "Yes, DocFast supports converting Markdown to PDF through the /v1/convert/markdown endpoint. Simply send your Markdown content and receive a beautifully formatted PDF."
+      }
+    },
+    {
+      "@type": "Question",
+      "name": "Where is DocFast hosted?",
+      "acceptedAnswer": {
+        "@type": "Answer",
+        "text": "DocFast is hosted exclusively in the EU, in Hetzner's Nuremberg, Germany datacenter. All data processing happens within EU borders and is fully GDPR compliant."
+      }
+    },
+    {
+      "@type": "Question",
+      "name": "How much does DocFast cost?",
+      "acceptedAnswer": {
+        "@type": "Answer",
+        "text": "DocFast Pro costs €9 per month and includes unlimited PDF generation, all conversion endpoints, built-in templates, and priority email support."
+      }
+    },
+    {
+      "@type": "Question",
+      "name": "Do you have official SDKs?",
+      "acceptedAnswer": {
+        "@type": "Answer",
+        "text": "Yes, DocFast provides official SDKs for Node.js, Python, Go, PHP, and Laravel. You can also use the REST API directly with curl or any HTTP client."
+      }
+    }
+  ]
+}
+</script>
 <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
 <style>
 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
@ -392,7 +440,7 @@ html, body {
    <div class="eu-badge">
      <div class="eu-icon">🇪🇺</div>
      <div class="eu-content">
-        <h3>Hosted in the EU</h3>
+        <h2>Hosted in the EU</h2>
        <p>Your data never leaves the EU • GDPR Compliant • Hetzner Germany (Nuremberg)</p>
      </div>
    </div>
@ -579,7 +627,7 @@ html, body {
      </div>
      <div style="background:var(--bg);border:1px solid var(--accent);border-radius:8px;padding:14px;font-family:monospace;font-size:0.82rem;word-break:break-all;margin:16px 0;position:relative;">
        <span id="recoveredKeyText"></span>
-        <button onclick="copyRecoveredKey()" id="copyRecoveredBtn" style="position:absolute;top:8px;right:8px;background:var(--accent);color:var(--bg);border:none;border-radius:4px;padding:4px 12px;cursor:pointer;font-size:0.8rem;">Copy</button>
+        <button id="copyRecoveredBtn" style="position:absolute;top:8px;right:8px;background:var(--accent);color:var(--bg);border:none;border-radius:4px;padding:4px 12px;cursor:pointer;font-size:0.8rem;">Copy</button>
      </div>
      <p style="margin-top:20px;color:var(--muted);font-size:0.9rem;"><a href="/docs">Read the docs →</a></p>
    </div>
--- a/public/terms.html
+++ b/public/terms.html
@ -8,6 +8,9 @@
 <meta property="og:title" content="Terms of Service — DocFast">
 <meta property="og:description" content="Terms of service for DocFast API - legal terms and conditions for using our PDF generation service.">
 <meta property="og:url" content="https://docfast.dev/terms">
+<meta property="og:image" content="https://docfast.dev/og-image.png">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:image" content="https://docfast.dev/og-image.png">
 <link rel="canonical" href="https://docfast.dev/terms">
 <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
@ -23,7 +26,7 @@ body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Robo
 a { color: var(--accent); text-decoration: none; transition: color 0.2s; }
 a:hover { color: var(--accent-hover); }
 .container { max-width: 800px; margin: 0 auto; padding: 0 24px; }
-nav { padding: 20px 0; border-bottom: 1px solid var(--border); }
+nav { padding: 20px 0; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: var(--bg); z-index: 100; }
 nav .container { display: flex; align-items: center; justify-content: space-between; }
 .logo { font-size: 1.25rem; font-weight: 700; letter-spacing: -0.5px; color: var(--fg); display: flex; align-items: center; gap: 8px; text-decoration: none; }
 .logo span { color: var(--accent); }
@ -47,14 +50,15 @@ footer .container { display: flex; justify-content: space-between; align-items:
  footer .container { flex-direction: column; text-align: center; }
  .nav-links { gap: 16px; }
 }
-/* Skip to content */
-.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; }
+
+.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
+.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; text-decoration: none; }
 .skip-link:focus { top: 0; }
 </style>
 </head>
 <body>
-<a href="#main" class="skip-link">Skip to content</a>

+<a href="#main-content" class="skip-link">Skip to main content</a>
 <nav aria-label="Main navigation">
  <div class="container">
    <a href="/" class="logo">⚡ Doc<span>Fast</span></a>
@ -62,11 +66,12 @@ footer .container { display: flex; justify-content: space-between; align-items:
      <a href="/#features">Features</a>
      <a href="/#pricing">Pricing</a>
      <a href="/docs">Docs</a>
+      <a href="/examples">Examples</a>
    </div>
  </div>
 </nav>

-<main id="main">
+<main id="main-content">
  <div class="container">
    <h1>Terms of Service</h1>
    <p><em>Last updated: February 16, 2026</em></p>
@ -145,7 +150,7 @@ footer .container { display: flex; justify-content: space-between; align-items:
    <ul>
      <li><strong>Target:</strong> 99.5% uptime (best effort, no SLA for free tier)</li>
      <li><strong>Maintenance:</strong> Scheduled maintenance with advance notice</li>
-      <li><strong>Status page:</strong> <a href="/health">https://docfast.dev/health</a></li>
+      <li><strong>Status page:</strong> <a href="/status">https://docfast.dev/status</a></li>
    </ul>

    <h3>5.2 Performance</h3>
@ -257,8 +262,7 @@ footer .container { display: flex; justify-content: space-between; align-items:
    <div class="footer-links">
      <a href="/">Home</a>
      <a href="/docs">Docs</a>
-      <a href="/health">API Status</a>
-      <a href="mailto:support@docfast.dev">Support</a>
+      <a href="/status">API Status</a>
      <a href="/impressum">Impressum</a>
      <a href="/privacy">Privacy Policy</a>
      <a href="/terms">Terms of Service</a>