stSean Tosello
02

Gecknology Client Acquisition Site

Full-stack consulting brand and client acquisition site at gecknology.com. Presents four service lines — custom tools & integrations, workflow automations, AI-driven workflows, and embedded partnership — for small businesses, retail teams, and nonprofits.

consultingsmall-businessnonprofitretailnext.jstypescriptbrand-designgecknology

The Gecknology website is the client acquisition surface for the consulting venture. Built with Next.js, TypeScript, Tailwind CSS, and shadcn/ui — it surfaces four distinct service lines (custom tools & integrations, workflow automations, AI-driven workflows, and embedded SA partnership) and positions Gecknology as enterprise-caliber work at an accessible price point. The site demonstrates full ownership of the stack from brand identity through technical execution, and is intentionally built to communicate with non-technical business owners, not just technical buyers.

StatusActive
RoleBuilder / Architect
Stack
Next.jsTypeScriptTailwind CSSshadcn/ui
// project · gecknology website · next.js 15 · app router

Gecknology — Website Architecture

static-friendly app router site · single server route · Google Sheets intake
Next.js 15.4 · App Router · React 19 · TypeScript
Tailwind v4 · Radix · Framer Motion · Embla
Intake: Zod + reCAPTCHA → Google Sheets append
VisitorBROWSER · iOS · ANDROID · DESKTOPRootLayoutapp/layout.tsxfonts · GTM · theme script · providerApp Router · 4 pages/ · /services · /about · /contactcontent/ · compile-time dataservices · founder · principles · credentials · animations · navForm surfacesContactForm (page) · ConversationalForm (modal)POST /api/contactapp/api/contact/route.ts · Node runtimeGoogle Sheetsspreadsheets.values.appendGoogle Tag ManagerGTM-TQ7F2KDC▲ Vercel-compatible edge / origin hostingpnpm build · static pages + node route handler · CDN cache for assetsLANE 01 · CLIENTLANE 02 · NEXT.JS RUNTIME · APP ROUTERLANE 03 · COMPONENTS · SECTIONSLANE 04 · SERVER · ROUTE HANDLERLANE 05 · EXTERNAL SERVICESLANE 06 · HOSTING & EDGE
Routing · server · persistence
Components · validation · hooks
Forms · anti-spam · provider
Client · chrome · hosting
External · analytics
click any node for details · esc to close
Interactive architecture diagram — click nodes for details

Screenshots

Gecknology homepage showing nonprofit integration consulting services
Gecknology homepage showing nonprofit integration consulting services