From adb016d8e1b90fda699c50d4fe00b0ceadadd016 Mon Sep 17 00:00:00 2001
From: Travis Fischer <fisch0920@gmail.com>
Date: Fri, 20 Jun 2025 06:44:15 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/public/dots.svg  |  1 +
 apps/web/src/app/page.tsx | 26 ++++++++++++++++----------
 2 files changed, 17 insertions(+), 10 deletions(-)
 create mode 100644 apps/web/public/dots.svg

diff --git a/apps/web/public/dots.svg b/apps/web/public/dots.svg
new file mode 100644
index 00000000..f103d611
--- /dev/null
+++ b/apps/web/public/dots.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="68" height="68" fill="none"><g fill="#252525" clip-path="url(#a)"><circle cx="34" r="2"/><circle cx="68" r="2"/><circle cx="34" cy="34" r="2"/><circle cx="34" cy="68" r="2"/><circle cx="68" cy="34" r="2"/><circle cx="68" cy="68" r="2"/><circle r="2"/><circle cy="34" r="2"/><circle cy="68" r="2"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h68v68H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
index 824b1622..3a39548d 100644
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -13,18 +13,24 @@ export default function TheBestDamnLandingPageEver() {
   return (
     <>
       {/* Hero section */}
-      <section className='gap-8 mb-16'>
-        <h1 className='text-center text-balance leading-snug md:leading-none text-4xl font-semibold'>
-          Your API → Paid MCP, Instantly
-        </h1>
+      <section className='mb-16 relative'>
+        <div className='absolute top-0 bottom-0 left-0 right-0 bg-[url(/dots.svg)] bg-repeat bg-center bg-size-[32px_auto] opacity-30 dark:opacity-100' />
 
-        <h5 className='text-center text-lg max-w-2xl'>
-          Run one command to turn any MCP server or OpenAPI service into a paid
-          MCP product,{' '}
-          <em>with built-in distribution to over 20k AI engineers</em>.
-        </h5>
+        <div className='absolute top-0 bottom-0 left-0 right-0 bg-[radial-gradient(39%_50%_at_50%_50%,rgba(255,255,255,.3)_0%,rgb(255,255,255)_100%)] dark:bg-[radial-gradient(39%_50%_at_50%_50%,rgba(10,10,10,0)_0%,rgb(10,10,10)_100%)]' />
 
-        <SupplySideCTA />
+        <div className='flex flex-col gap-8 relative z-10'>
+          <h1 className='text-center text-balance leading-snug md:leading-none text-4xl font-semibold'>
+            Your API → Paid MCP, Instantly
+          </h1>
+
+          <h5 className='text-center text-lg max-w-2xl'>
+            Run one command to turn any MCP server or OpenAPI service into a
+            paid MCP product,{' '}
+            <em>with built-in distribution to over 20k AI engineers</em>.
+          </h5>
+
+          <SupplySideCTA />
+        </div>
       </section>
 
       {/* How it works section */}