From b33fa864626eb70a28b36dd71542250d984aa4c4 Mon Sep 17 00:00:00 2001
From: Travis Fischer <fisch0920@gmail.com>
Date: Fri, 4 Jul 2025 19:26:39 -0500
Subject: [PATCH] feat: add basic pricing page

---
 apps/web/src/app/pricing/page.tsx        | 58 ++++++++++++++++++++++++
 apps/web/src/components/footer/index.tsx |  6 +++
 todo.md                                  |  1 -
 3 files changed, 64 insertions(+), 1 deletion(-)
 create mode 100644 apps/web/src/app/pricing/page.tsx

diff --git a/apps/web/src/app/pricing/page.tsx b/apps/web/src/app/pricing/page.tsx
new file mode 100644
index 00000000..c848707c
--- /dev/null
+++ b/apps/web/src/app/pricing/page.tsx
@@ -0,0 +1,58 @@
+import Link from 'next/link'
+
+import { DotsSection } from '@/components/dots-section'
+import { GitHubStarCounter } from '@/components/github-star-counter'
+import { HeroButton } from '@/components/hero-button'
+import { PageContainer } from '@/components/page-container'
+import { Button } from '@/components/ui/button'
+import { calendarBookingUrl, emailUrl, twitterUrl } from '@/lib/config'
+
+export default function AboutPage() {
+  return (
+    <PageContainer className='gap-12'>
+      <h1 className='text-center text-balance leading-snug md:leading-none text-4xl font-semibold'>
+        Pricing
+      </h1>
+
+      <div className='grid grid-cols-1 rounded-[2rem] shadow-[inset_0_0_2px_1px_#ffffff4d] ring-1 ring-black/5 max-lg:mx-auto max-lg:w-full max-lg:max-w-md max-w-lg'>
+        <div className='grid grid-cols-1 rounded-[2rem] p-2 shadow-md shadow-black/5'>
+          <div className='rounded-3xl bg-background p-8 pb-9 shadow-2xl ring-1 ring-black/5 flex flex-col gap-4'>
+            <p>
+              Pricing for devs publishing products on Agentic is a work in
+              progress. We're looking for early adopters to work with us to
+              figure out the best pricing structure.
+            </p>
+
+            <p>
+              If you're interested in publishing a product on Agentic, please
+              get in touch.
+            </p>
+          </div>
+        </div>
+      </div>
+
+      {/* CTA section */}
+      <DotsSection className='max-w-2xl'>
+        <div className='relative grid grid-cols-1 sm:grid-cols-2 gap-8'>
+          <HeroButton asChild heroVariant='orange'>
+            <Link href={twitterUrl} target='_blank' rel='noopener'>
+              DM me on Twitter / X
+            </Link>
+          </HeroButton>
+
+          <Button asChild variant='outline' className='h-full py-[9px]'>
+            <Link href={emailUrl}>Send me an email</Link>
+          </Button>
+
+          <Button asChild variant='outline' className='h-full py-[9px]'>
+            <Link href={calendarBookingUrl} target='_blank' rel='noopener'>
+              Book a call with me
+            </Link>
+          </Button>
+
+          <GitHubStarCounter className='h-full py-[9px]' />
+        </div>
+      </DotsSection>
+    </PageContainer>
+  )
+}
diff --git a/apps/web/src/components/footer/index.tsx b/apps/web/src/components/footer/index.tsx
index 0af77a85..da941060 100644
--- a/apps/web/src/components/footer/index.tsx
+++ b/apps/web/src/components/footer/index.tsx
@@ -35,6 +35,12 @@ export function Footer() {
                   </ActiveLink>
                 </div>
 
+                <div>
+                  <ActiveLink href='/pricing' className='link'>
+                    Pricing
+                  </ActiveLink>
+                </div>
+
                 <DynamicFooter />
               </nav>
             </div>
diff --git a/todo.md b/todo.md
index 3d1e6de6..e58d8a69 100644
--- a/todo.md
+++ b/todo.md
@@ -27,7 +27,6 @@
 - improve private project page
   - link to public page if published
   - list deployment versions
-- add a basic page + docs on pricing => contact
 - [**react query prefetching for public pages**](https://tanstack.com/query/latest/docs/framework/react/guides/advanced-ssr#prefetching-and-dehydrating-data)
 - **create agentic products for select legacy tools**
 - marketplace index page