diff --git a/astro/components/Benchmarks.astro b/astro/components/Benchmarks.astro
new file mode 100644
index 0000000..80f57e3
--- /dev/null
+++ b/astro/components/Benchmarks.astro
@@ -0,0 +1,165 @@
+<section>
+  <header>
+    <h2>Ada is fast</h2>
+    <p>
+      On a benchmark where we need to validate and normalize{" "}
+      <a
+        href="https://github.com/ada-url/url-various-datasets/tree/main/top100"
+      >
+        thousands of URLs found on popular websites
+      </a>{" "} we find that ada can be several times faster than popular competitors.
+    </p>
+  </header>
+  <div>
+    <div style="width: 800px;" class="container-chart">
+      <canvas id="acquisitions"></canvas>
+    </div>
+  </div>
+</section>
+
+<style>
+  section {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    margin-right: auto;
+    margin-left: auto;
+    padding-inline: 2rem;
+    padding-block: 2rem;
+    background-color: rgb(248 250 252)
+  }
+
+  header {
+    margin-inline: auto;
+    display: flex;
+    max-width: 58rem;
+    align-items: center;
+    text-align: center;
+    flex-direction: column;
+    row-gap: 16px;
+  }
+
+  p {
+    max-width: 85%;
+    line-height: 1.5;
+    color: var(--sl-color-gray-3)
+  }
+
+  h2 {
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  a {
+    font-weight: 700;
+  }
+  
+  .container-chart {
+    max-width: 100%;
+    margin-inline: auto;
+  }
+
+  :root[data-theme="dark"] {
+    & p {
+      color: var(--sl-color-gray-2);
+    }
+
+    & section {
+      background-color: transparent;
+    }
+  }
+
+  @media (max-width: 768px) {
+    h2 {
+        font-size: 1.875rem;
+        line-height: 2.25rem;
+    }
+  }
+
+  @media (min-width: 640px) {
+  
+
+    p {
+      font-size: 1.125rem;
+      line-height: 1.75rem;
+    }
+  }
+
+  @media (min-width: 1400px) {
+    section {
+      max-width: 1400px;
+    }
+  }
+</style>  
+
+<script>
+  import Chart from "chart.js/auto";
+  
+  (async function () {
+    const data = [
+      { competitors: "Ada", count: 188 },
+      { competitors: "Servo URL", count: 664 },
+      { competitors: "cURL", count: 1471 },
+    ];
+  
+    new Chart(document.getElementById("acquisitions") as HTMLCanvasElement, {
+      type: "bar",
+      options: {
+        indexAxis: "y",
+        scales: {
+          x: {
+            max: 2000,
+            ticks: {
+              maxTicksLimit: 5,
+              callback: function (value) {
+                return `${value}ns`;
+              },
+              color: "#757887",
+            },
+            grid: {
+              display: true,
+              color: "#757887",
+            },
+          },
+          y: {
+            ticks: {
+              color: "#757887",
+            },
+            grid: {
+              display: false,
+            },
+          },
+        },
+        plugins: {
+          legend: {
+            display: false,
+          },
+          tooltip: {
+            displayColors: false,
+            callbacks: {
+              title: function () {
+                return "";
+              },
+              label: function (tooltipItem: { raw: any }) {
+                const value = tooltipItem.raw;
+                return `${value}ns`;
+              },
+            },
+          },
+        },
+      },
+      data: {
+        labels: data.map((row) => row.competitors),
+        datasets: [
+          {
+            data: data.map((row) => row.count),
+            backgroundColor: "#8884D8",
+            hoverBackgroundColor: "#7874C8",
+            borderRadius: 10,
+            maxBarThickness: 45,
+          },
+        ],
+      },
+    });
+  })();
+</script>
\ No newline at end of file
diff --git a/astro/content/docs/index.md b/astro/content/docs/index.md
deleted file mode 100644
index 311644a..0000000
--- a/astro/content/docs/index.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-title: "Ada URL Parser - Fast WHATWG Compliant URL parser"
-description: WHATWG Compliant URL parser written with focus on compliance, performance and security across multiple platforms and languages.
-template: splash
-next: false
----
-
-Meet Ada: WHATWG Compliant URL Parser
diff --git a/astro/content/docs/index.mdx b/astro/content/docs/index.mdx
new file mode 100644
index 0000000..abe8ea2
--- /dev/null
+++ b/astro/content/docs/index.mdx
@@ -0,0 +1,24 @@
+---
+title: "Fast WHATWG Compliant URL parser"
+description: WHATWG Compliant URL parser written with focus on compliance, performance and security across multiple platforms and languages.
+template: splash
+hero:
+  tagline: Parse millions of URLs per second
+  image:
+    dark: ../../assets/logo-dark.svg
+    light: ../../assets/logo-light.svg
+  actions:
+    - text: Get Started
+      link: /introduction/
+      icon: right-arrow
+      variant: primary
+    - text: GitHub
+      link: https://github.com/ada-url/ada
+      icon: external
+      variant: secondary  
+next: false
+--- 
+
+import Benchmarks from '../../components/Benchmarks.astro'
+
+<Benchmarks />
diff --git a/package.json b/package.json
index e7a2fba..63d0fda 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "@vercel/analytics": "^1.0.2",
     "astro": "^4.14.2",
     "autoprefixer": "10.4.16",
+    "chart.js": "^4.4.3",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "contentlayer": "^0.3.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 151b7ff..2ffcfc4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -59,6 +59,9 @@ importers:
       autoprefixer:
         specifier: 10.4.16
         version: 10.4.16(postcss@8.4.29)
+      chart.js:
+        specifier: ^4.4.3
+        version: 4.4.3
       class-variance-authority:
         specifier: ^0.7.0
         version: 0.7.0
@@ -736,6 +739,9 @@ packages:
     resolution: {integrity: sha512-2X6bvghJ/JAoZO52lbgyAPFj8uCflhTo2g7nkFzEQdXd/D8rEeD4HtmTEpmtGCva260fcd66YNXBOYdnmHqSOg==}
     engines: {node: '>=12'}
 
+  '@kurkle/color@0.3.2':
+    resolution: {integrity: sha512-fuscdXJ9G1qb7W8VdHi+IwRqij3lBkosAm4ydQtEmbY58OzHXqQhvlxqEkoz0yssNVn38bcpRWgA9PP+OGoisw==}
+
   '@mdx-js/esbuild@2.3.0':
     resolution: {integrity: sha512-r/vsqsM0E+U4Wr0DK+0EfmABE/eg+8ITW4DjvYdh3ve/tK2safaqHArNnaqbOk1DjYGrhxtoXoGaM3BY8fGBTA==}
     peerDependencies:
@@ -1794,6 +1800,10 @@ packages:
   character-reference-invalid@2.0.1:
     resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}
 
+  chart.js@4.4.3:
+    resolution: {integrity: sha512-qK1gkGSRYcJzqrrzdR6a+I0vQ4/R+SoODXyAjscQ/4mzuNzySaMCd+hyVxitSY1+L2fjPD1Gbn+ibNqRmwQeLw==}
+    engines: {pnpm: '>=8'}
+
   chokidar@3.5.3:
     resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
     engines: {node: '>= 8.10.0'}
@@ -4720,6 +4730,8 @@ snapshots:
       jsbi: 4.3.0
       tslib: 2.5.2
 
+  '@kurkle/color@0.3.2': {}
+
   '@mdx-js/esbuild@2.3.0(esbuild@0.21.5)':
     dependencies:
       '@mdx-js/mdx': 2.3.0
@@ -5849,6 +5861,10 @@ snapshots:
 
   character-reference-invalid@2.0.1: {}
 
+  chart.js@4.4.3:
+    dependencies:
+      '@kurkle/color': 0.3.2
+
   chokidar@3.5.3:
     dependencies:
       anymatch: 3.1.3