page

Home Landing Page

Primary entry point that converts institutional visitors into consultation bookings through a dramatic R3F node network hero and layered trust signals.

"Next.js 16 page using deep navy 0A0F1E, cold slate 1E2A3A, electric cyan…"

PLANNED

section

R3F Gnodi Hero Canvas

Full-viewport Three.js node network rendered via React Three Fiber, visualising live compliance graph topology to signal technical sophistication.

"React Three Fiber canvas filling 100vw 100vh. Render 180 icospheric node…"

PLANNED

section

Institutional Trust Bar

Scrolling marquee of client logos and compliance framework badges to immediately establish credibility with procurement-level visitors.

"Full-width strip in slate 1E2A3A, 72px tall. CSS infinite marquee of 8 g…"

PLANNED

section

About Platform

Two-column narrative section explaining the founding thesis and positioning Gnodi against Palantir and Veeva with proof-backed differentiation copy.

"Two-column layout: left column bold 48px manifesto headline — Built Wher…"

PLANNED

section

Services Grid

Four-card services grid detailing audit automation, regulatory mapping, risk scoring, and reporting modules available on the platform.

"4-column grid of glass-morphism service cards, background rgba 30 42 58 …"

PLANNED

section

Client Testimonials

Rotating testimonial carousel featuring compliance officers and CISOs from regulated industries with attributed quotes and role titles.

"Dark slate 1E2A3A background, centered single-quote carousel. Large cyan…"

PLANNED

section

Book Consultation Form

Lead capture form with calendar-slot selector that routes qualified institutional prospects directly into a Calendly or native booking flow.

"Two-column section: left side 40px headline — Reserve a Technical Briefi…"

PLANNED

section

Site Footer

Minimal dark footer with navigation links, compliance certifications, legal disclaimers, and social links reinforcing enterprise legitimacy.

"Full-width footer, background 050A12 near-black. 4-column grid: product …"

PLANNED

api

Booking API Route

Next.js 16 server route that validates consultation form submissions, writes leads to the database, and triggers a Resend confirmation email.

"Next.js 16 app router API route at /api/booking. Accept POST with name, …"

PLANNED

data

Leads Data Layer

Postgres table via Prisma storing all consultation booking submissions with timestamps, source attribution, and pipeline status fields.

"Prisma schema for leads table on Vercel Postgres. Fields: id uuid primar…"

PLANNED

component

Navigation Header

Sticky top navigation bar that transitions from transparent over the hero canvas to a solid dark bar on scroll, with a prominent booking CTA.

"Sticky nav, initial background transparent, transitions to navy 0A0F1E a…"

PLANNED

section

Mid-Page CTA Strip

Full-width conversion strip positioned between services and testimonials with an urgent secondary call-to-action anchoring to the contact form.

"Full-width 200px tall strip with diagonal linear-gradient from cyan 00C8…"

PLANNED