goo brrrm

Author: Dominique Chuo

src/components/layout/navbar-data.ts

@@ -1,64 +1,64 @@
 export interface NavDropdownItem {
-  label: string;
-  href: string;
-  description?: string;
+    label: string;
+    href: string;
+    description?: string;
 }
 
 export interface NavDropdownColumn {
-  title: string;
-  items: NavDropdownItem[];
+    title: string;
+    items: NavDropdownItem[];
 }
 
 export interface NavDropdown {
-  id: string;
-  label: string;
-  columns: NavDropdownColumn[];
+    id: string;
+    label: string;
+    columns: NavDropdownColumn[];
 }
 
 export interface NavDirectLink {
-  href: string;
-  label: string;
+    href: string;
+    label: string;
 }
 
 export const navDropdowns: NavDropdown[] = [
-  {
-    id: 'resources',
-    label: 'Resources',
-    columns: [
-      {
-        title: 'Learn',
-        items: [
-          { label: 'Documentation', href: '/docs', description: 'Guides and references' },
-          { label: 'FAQ', href: '/faq', description: 'Common questions' },
-          { label: 'GitHub', href: 'https://github.com/reifydb/reifydb', description: 'Source code' },
+    {
+        id: 'resources',
+        label: 'Resources',
+        columns: [
+            {
+                title: 'Learn',
+                items: [
+                    {label: 'Documentation', href: '/docs', description: 'Guides and references'},
+                    {label: 'FAQ', href: '/faq', description: 'Common questions'},
+                    {label: 'GitHub', href: 'https://github.com/reifydb/reifydb', description: 'Source code'},
+                ],
+            },
+            {
+                title: 'Connect',
+                items: [
+                    {label: 'Contact', href: '/contact', description: 'Get in touch'},
+                    {label: 'Support', href: '/support', description: 'Technical help'},
+                    {label: 'Book a Call', href: 'https://cal.com/reifydb/30min', description: 'Schedule a demo'},
+                ],
+            },
         ],
-      },
-      {
-        title: 'Connect',
-        items: [
-          { label: 'Contact', href: '/contact', description: 'Get in touch' },
-          { label: 'Support', href: '/support', description: 'Technical help' },
-          { label: 'Book a Call', href: 'https://cal.com/reifydb/30min', description: 'Schedule a demo' },
+    },
+    {
+        id: 'company',
+        label: 'Company',
+        columns: [
+            {
+                title: 'About',
+                items: [
+                    {label: 'Values', href: '/company/values'},
+                    {label: 'Mission', href: '/company/mission'},
+                ],
+            },
         ],
-      },
-    ],
-  },
-  {
-    id: 'company',
-    label: 'Company',
-    columns: [
-      {
-        title: 'About',
-        items: [
-          { label: 'Values', href: '/company/values', description: 'What we stand for' },
-          { label: 'Mission', href: '/company/mission', description: 'Why we exist' },
-        ],
-      },
-    ],
-  },
+    },
 ];
 
 export const navDirectLinks: NavDirectLink[] = [
-  { href: '/docs', label: 'Docs' },
-  { href: '/#pricing', label: 'Pricing' },
+    {href: '/docs', label: 'Docs'},
+    {href: '/#pricing', label: 'Pricing'},
 ];

src/data/faq-data.ts

@@ -6,11 +6,11 @@ export interface FaqItemData {
 export const faqs: FaqItemData[] = [
   {
     question: 'What is ReifyDB?',
-    answer: 'ReifyDB is a database for application state. It stores, mutates, and derives live application state under a single transactional model. State is kept in memory for low latency, persisted asynchronously for durability, and extended with application-defined logic that runs next to the data.',
+    answer: 'ReifyDB is a database for application state. It helps you understand, mutate, and derive live application state under a single transactional model. State is kept in memory for low latency, persisted asynchronously for durability, and extended with application-defined logic that runs next to the data.',
   },
   {
     question: 'How is ReifyDB different from PostgreSQL or Redis?',
-    answer: 'PostgreSQL is disk-first: durable and query-rich, but slow for real-time state. Redis is memory-first: fast, but transactions lack rollbacks and there is no derived state. ReifyDB gives you in-memory speed with full ACID transactions, plus incremental materialized views and programmable logic that runs inside the database.',
+    answer: 'PostgreSQL is disk-first: durable and query-rich, but slow for real-time state. Redis is memory-first: fast, but transactions lack rollbacks and there is no derived state. ReifyDB is designed around reasoning about state - with full ACID transactions, plus incremental materialized views and programmable logic that runs inside the database.',
   },
   {
     question: 'Is ReifyDB production ready?',

src/lib/wasm-db.ts

@@ -1,4 +1,4 @@
-import { decode } from '@reifydb/core';
+import { decode, type TypeValuePair } from '@reifydb/core';
 import type { WasmDB as RawWasmDB } from './wasm/reifydb_webassembly';
 
 function transformToValueInstances(result: unknown): unknown {
@@ -10,7 +10,7 @@ function transformToValueInstances(result: unknown): unknown {
   // Check if it's a TypeValuePair
   const obj = result as Record<string, unknown>;
   if ('type' in obj && 'value' in obj && Object.keys(obj).length === 2) {
-    return decode(obj as { type: string; value: string });
+    return decode(obj as unknown as TypeValuePair);
   }
   // Transform object properties
   const transformed: Record<string, unknown> = {};
@@ -26,7 +26,11 @@ export async function createWasmDB(): Promise<WasmDB> {
 }
 
 export class WasmDB {
-  constructor(private db: RawWasmDB) {}
+  private db: RawWasmDB;
+
+  constructor(db: RawWasmDB) {
+    this.db = db;
+  }
 
   command(rql: string): unknown {
     return transformToValueInstances(this.db.command(rql));

src/pages/docs/overview.tsx

@@ -41,9 +41,13 @@ export function DocsOverview() {
             <h1 className="text-3xl sm:text-4xl font-black tracking-tight mb-4">
               ReifyDB Documentation
             </h1>
+            <p className="text-base text-text-muted mb-3 italic">
+              Built on the premise that databases should optimize for reasoning about state,
+              not just storing it.
+            </p>
             <p className="text-lg text-text-secondary leading-relaxed">
               ReifyDB is a database for live application state. It provides transactional guarantees,
-              incremental derived state, and programmable state transitions, all in one engine.
+              incremental derived state, and programmable state transitions - all in one coherent model.
             </p>
           </div>
         </ScrollReveal>

src/pages/landing/index.tsx

@@ -2,6 +2,7 @@ import { Navbar, Footer } from '@/components/layout';
 import { CtaSection } from '@/components/ui';
 import {
   HeroSection,
+  FoundationSection,
   WhatIsStateSection,
   PhilosophySection,
   UseCasesSection,
@@ -20,6 +21,8 @@ export function LandingPage() {
       <main>
         <HeroSection />
 
+        <FoundationSection />
+
         <WhatIsStateSection />
 
         <PhilosophySection />

src/pages/landing/sections/capabilities.tsx

@@ -63,7 +63,7 @@ const capabilities = [
 
 export function CapabilitiesSection() {
   return (
-    <section id="capabilities" className="py-16 sm:py-24">
+    <section id="capabilities" className="relative z-10 py-16 sm:py-24 bg-bg-tertiary">
       <div className="mx-auto max-w-6xl px-6 md:px-8">
         {/* Section Header */}
         <ScrollReveal>

src/pages/landing/sections/code-example.tsx

@@ -50,7 +50,7 @@ export function CodeExampleSection() {
   };
 
   return (
-    <section id="code-example" className="py-16 sm:py-24">
+    <section id="code-example" className="relative z-10 py-16 sm:py-24 bg-bg-secondary">
       <div className="mx-auto max-w-4xl px-6 md:px-8">
         {/* Section Header */}
         <ScrollReveal>

src/pages/landing/sections/faq.tsx

@@ -38,7 +38,7 @@ function FaqItem({ question, answer }: { question: string; answer: string }) {
 
 export function FaqSection() {
   return (
-    <section id="faq" className="py-16 sm:py-24">
+    <section id="faq" className="relative z-10 py-16 sm:py-24 bg-bg-tertiary">
       <div className="mx-auto max-w-3xl px-6 md:px-8">
         {/* Section Header */}
         <ScrollReveal>

src/pages/landing/sections/foundation.tsx

@@ -0,0 +1,31 @@
+import { ScrollReveal } from '@/components/ui';
+
+export function FoundationSection() {
+  return (
+    <section className="relative z-10 py-16 sm:py-24 bg-bg-tertiary">
+      <div className="mx-auto max-w-4xl px-6 md:px-8">
+        <ScrollReveal>
+          <div className="text-center">
+            <p className="text-sm font-semibold text-primary uppercase tracking-wider mb-4">
+              A Different Foundation
+            </p>
+
+            <h2 className="text-2xl sm:text-3xl lg:text-4xl font-bold text-text-primary leading-tight mb-6">
+              Most databases optimize for persistence.
+              <br />
+              <span className="text-text-secondary">
+                ReifyDB optimizes for reasoning.
+              </span>
+            </h2>
+
+            <p className="max-w-2xl mx-auto text-text-secondary text-lg leading-relaxed">
+              Persistence is table stakes. The harder problem is building systems
+              where state is predictable, evolvable, and trustworthy as complexity grows.
+              ReifyDB starts from that premise.
+            </p>
+          </div>
+        </ScrollReveal>
+      </div>
+    </section>
+  );
+}

src/pages/landing/sections/hero.tsx

@@ -27,7 +27,7 @@ export function HeroSection() {
 
           {/* Tagline - staggered */}
           <p className="max-w-3xl mx-auto text-lg sm:text-xl text-text-secondary mb-8 leading-relaxed opacity-0 animate-slide-up delay-200">
-            Transactional guarantees, incremental derived state, and programmable state transitions, all in one engine.
+            A database designed for reasoning about state - not just persisting it. Transactional, incremental, and programmable.
           </p>
 
           {/* Terminal - staggered */}
@@ -37,7 +37,7 @@ export function HeroSection() {
 
           {/* Problem Statement */}
           <p className="text-base sm:text-lg text-text-muted mb-10 font-medium opacity-0 animate-slide-up" style={{ animationDelay: '400ms' }}>
-            Modern apps scatter state across databases, caches, and queues. ReifyDB unifies it.
+            Traditional databases treat state as a storage problem. ReifyDB treats it as a reasoning problem.
           </p>
 
           {/* Feature Pills - each pill with stagger */}