feat: add Pricing page with cost calculator and usage details

Author: OMouta

src/components/global/footer.tsx

@@ -27,6 +27,7 @@ const footerSections = [
   {
     title: "Company",
     links: [
+      { label: "Pricing", href: "/pricing" },
       { label: "About", href: "/about" },
       { label: "Blog", href: "#" },
       { label: "Careers", href: "#" },

src/components/global/header.tsx

@@ -14,18 +14,12 @@ export function Header() {
           <Link to="/" className="flex items-center space-x-2 mr-6">
             <Logo />
           </Link>
-          <a href="#platform" className="nav-link-3d px-3 py-1.5 text-sm font-medium text-zinc-800 transition-colors">
-            Platform
-          </a>
-          <a href="#how-it-works" className="nav-link-3d px-3 py-1.5 text-sm font-medium text-zinc-800 transition-colors">
-            How It Works
-          </a>
-          <a href="#use-cases" className="nav-link-3d px-3 py-1.5 text-sm font-medium text-zinc-800 transition-colors">
-            Use Cases
-          </a>
           <Link to="/docs" className="nav-link-3d px-3 py-1.5 text-sm font-medium text-zinc-800 transition-colors">
             Docs
           </Link>
+          <Link to="/pricing" className="nav-link-3d px-3 py-1.5 text-sm font-medium text-zinc-800 transition-colors">
+            Pricing
+          </Link>
         </nav>
 
         <div className="flex items-center gap-3">

src/routeTree.gen.ts

@@ -11,6 +11,7 @@
 import { Route as rootRouteImport } from './routes/__root'
 import { Route as TermsRouteImport } from './routes/terms'
 import { Route as PrivacyRouteImport } from './routes/privacy'
+import { Route as PricingRouteImport } from './routes/pricing'
 import { Route as DocsRouteImport } from './routes/docs'
 import { Route as AboutRouteImport } from './routes/about'
 import { Route as IndexRouteImport } from './routes/index'
@@ -28,6 +29,11 @@ const PrivacyRoute = PrivacyRouteImport.update({
   path: '/privacy',
   getParentRoute: () => rootRouteImport,
 } as any)
+const PricingRoute = PricingRouteImport.update({
+  id: '/pricing',
+  path: '/pricing',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const DocsRoute = DocsRouteImport.update({
   id: '/docs',
   path: '/docs',
@@ -63,6 +69,7 @@ export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
   '/about': typeof AboutRoute
   '/docs': typeof DocsRouteWithChildren
+  '/pricing': typeof PricingRoute
   '/privacy': typeof PrivacyRoute
   '/terms': typeof TermsRoute
   '/docs/$': typeof DocsSplatRoute
@@ -72,6 +79,7 @@ export interface FileRoutesByFullPath {
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
   '/about': typeof AboutRoute
+  '/pricing': typeof PricingRoute
   '/privacy': typeof PrivacyRoute
   '/terms': typeof TermsRoute
   '/docs/$': typeof DocsSplatRoute
@@ -83,6 +91,7 @@ export interface FileRoutesById {
   '/': typeof IndexRoute
   '/about': typeof AboutRoute
   '/docs': typeof DocsRouteWithChildren
+  '/pricing': typeof PricingRoute
   '/privacy': typeof PrivacyRoute
   '/terms': typeof TermsRoute
   '/docs/$': typeof DocsSplatRoute
@@ -95,6 +104,7 @@ export interface FileRouteTypes {
     | '/'
     | '/about'
     | '/docs'
+    | '/pricing'
     | '/privacy'
     | '/terms'
     | '/docs/$'
@@ -104,6 +114,7 @@ export interface FileRouteTypes {
   to:
     | '/'
     | '/about'
+    | '/pricing'
     | '/privacy'
     | '/terms'
     | '/docs/$'
@@ -114,6 +125,7 @@ export interface FileRouteTypes {
     | '/'
     | '/about'
     | '/docs'
+    | '/pricing'
     | '/privacy'
     | '/terms'
     | '/docs/$'
@@ -125,6 +137,7 @@ export interface RootRouteChildren {
   IndexRoute: typeof IndexRoute
   AboutRoute: typeof AboutRoute
   DocsRoute: typeof DocsRouteWithChildren
+  PricingRoute: typeof PricingRoute
   PrivacyRoute: typeof PrivacyRoute
   TermsRoute: typeof TermsRoute
 }
@@ -145,6 +158,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof PrivacyRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/pricing': {
+      id: '/pricing'
+      path: '/pricing'
+      fullPath: '/pricing'
+      preLoaderRoute: typeof PricingRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/docs': {
       id: '/docs'
       path: '/docs'
@@ -208,6 +228,7 @@ const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
   AboutRoute: AboutRoute,
   DocsRoute: DocsRouteWithChildren,
+  PricingRoute: PricingRoute,
   PrivacyRoute: PrivacyRoute,
   TermsRoute: TermsRoute,
 }