Workspace / template / template

Minimal Devtool Template

A developer-tool page with a terminal hero, a features grid that reads like documentation, minimal pricing, and a columns footer. Quiet surfaces, monospace accents.

Workspace templatetemplate

paxfx add blocks/template-minimal-devtoollocal only

Tier: low. Reduced motion: Terminal session renders completed; sections render static.

"use client";

import { NavigationMinimal } from "../../navigation/NavigationMinimal.js";
import { HeroTerminal } from "../../hero/HeroTerminal.js";
import { FeaturesGrid } from "../../features/FeaturesGrid.js";
import { PricingMinimal } from "../../pricing/PricingMinimal.js";
import { FooterColumns } from "../../footer/FooterColumns.js";

/**
 * Minimal devtool template: a page for engineers who distrust marketing.
 * Terminal-first hero, features that read like documentation, one price.
 */
export default function MinimalDevtoolPage() {
  return (
    <main data-pax-asset="template-minimal-devtool">
      <NavigationMinimal />
      <HeroTerminal
        copy={{
          eyebrow: "v3.2",
          title: "See exactly what your process is doing.",
          description:
            "ptrace attaches to any running process and streams syscalls, file handles, and network activity as structured events. No instrumentation, no restart.",
          primaryCta: { label: "brew install ptrace", href: "#install" },
          secondaryCta: { label: "Manual", href: "#docs" },
        }}
      />
      <FeaturesGrid />
      <PricingMinimal />
      <FooterColumns />
    </main>
  );
}