1c:I[320794,["/_next/static/immutable/chunks/1ehsw69l6w4pf.js","/_next/static/immutable/chunks/2w_t3n48vr9m4.js","/_next/static/immutable/chunks/320_iotr7e1t7.js","/_next/static/immutable/chunks/30ocl4e20dtly.js","/_next/static/immutable/chunks/3uogrpuub6m7a.js","/_next/static/immutable/chunks/1_01q7me9bsmu.js","/_next/static/immutable/chunks/20jfdf5xs1sr8.js"],"CategoryHashScroll"] 1d:I[204774,["/_next/static/immutable/chunks/1ehsw69l6w4pf.js","/_next/static/immutable/chunks/2w_t3n48vr9m4.js","/_next/static/immutable/chunks/320_iotr7e1t7.js","/_next/static/immutable/chunks/30ocl4e20dtly.js","/_next/static/immutable/chunks/3uogrpuub6m7a.js","/_next/static/immutable/chunks/1_01q7me9bsmu.js","/_next/static/immutable/chunks/20jfdf5xs1sr8.js"],"default"] 1e:I[926430,["/_next/static/immutable/chunks/1ehsw69l6w4pf.js","/_next/static/immutable/chunks/2w_t3n48vr9m4.js","/_next/static/immutable/chunks/320_iotr7e1t7.js","/_next/static/immutable/chunks/30ocl4e20dtly.js","/_next/static/immutable/chunks/3uogrpuub6m7a.js","/_next/static/immutable/chunks/1_01q7me9bsmu.js","/_next/static/immutable/chunks/20jfdf5xs1sr8.js"],"BlockPreviewToolbar"] 1f:T793,import { FEATURES, HEADING, PARAGRAPHS, STATS } from "../lib/config" export default function AboutSectionV1() { return (

{HEADING}

{PARAGRAPHS.map((paragraph, index) => (

{paragraph}

))}

{FEATURES.map((feature) => (

{feature.title}

{feature.description}

))}

{STATS.map((stat) => (

{stat.value} {stat.label}

))}

) } 20:T29ae,

import { FEATURES, HEADING, PARAGRAPHS, STATS } from "../lib/config"

export default function AboutSectionV1() {
  return (
    <section className="py-4 md:py-6 lg:py-8">
      <div className="mx-auto max-w-6xl px-4">
        <div className="grid grid-cols-1 gap-10 lg:grid-cols-2 lg:gap-16">
          <h2 className="text-3xl font-medium tracking-[-0.03em] text-balance text-foreground lg:text-4xl">
            {HEADING}
          </h2>

          <div className="flex flex-col gap-8">
            <div className="flex flex-col gap-5">
              {PARAGRAPHS.map((paragraph, index) => (
                <p
                  key={index}
                  className="max-w-2xl text-[0.9375rem] leading-relaxed text-muted-foreground"
                >
                  {paragraph}
                </p>
              ))}
            </div>

            <div className="grid grid-cols-1 gap-6 sm:grid-cols-2">
              {FEATURES.map((feature) => (
                <div key={feature.id} className="flex flex-col gap-2">
                  <h3 className="text-base font-medium tracking-[-0.01em] text-foreground">
                    {feature.title}
                  </h3>
                  <p className="text-sm leading-relaxed text-muted-foreground">
                    {feature.description}
                  </p>
                </div>
              ))}
            </div>
          </div>
        </div>

        <div className="mt-12 grid grid-cols-1 gap-8 sm:grid-cols-3 lg:mt-16">
          {STATS.map((stat) => (
            <div key={stat.id} className="flex flex-col gap-1">
              <span className="text-4xl font-medium tracking-[-0.02em] text-foreground lg:text-5xl">
                {stat.value}
              </span>
              <span className="text-sm text-muted-foreground">
                {stat.label}
              </span>
            </div>
          ))}
        </div>
      </div>
    </section>
  )
}

21:T29ad,

import { FEATURES, HEADING, PARAGRAPHS, STATS } from "../lib/config"

export default function AboutSectionV1() {
  return (
    <section className="py-4 md:py-6 lg:py-8">
      <div className="mx-auto max-w-6xl px-4">
        <div className="grid grid-cols-1 gap-10 lg:grid-cols-2 lg:gap-16">
          <h2 className="text-3xl font-medium tracking-[-0.03em] text-balance text-foreground lg:text-4xl">
            {HEADING}
          </h2>

          <div className="flex flex-col gap-8">
            <div className="flex flex-col gap-5">
              {PARAGRAPHS.map((paragraph, index) => (
                <p
                  key={index}
                  className="max-w-2xl text-[0.9375rem] leading-relaxed text-muted-foreground"
                >
                  {paragraph}
                </p>
              ))}
            </div>

            <div className="grid grid-cols-1 gap-6 sm:grid-cols-2">
              {FEATURES.map((feature) => (
                <div key={feature.id} className="flex flex-col gap-2">
                  <h3 className="text-base font-medium tracking-[-0.01em] text-foreground">
                    {feature.title}
                  </h3>
                  <p className="text-sm leading-relaxed text-muted-foreground">
                    {feature.description}
                  </p>
                </div>
              ))}
            </div>
          </div>
        </div>

        <div className="mt-12 grid grid-cols-1 gap-8 sm:grid-cols-3 lg:mt-16">
          {STATS.map((stat) => (
            <div key={stat.id} className="flex flex-col gap-1">
              <span className="text-4xl font-medium tracking-[-0.02em] text-foreground lg:text-5xl">
                {stat.value}
              </span>
              <span className="text-sm text-muted-foreground">
                {stat.label}
              </span>
            </div>
          ))}
        </div>
      </div>
    </section>
  )
}

22:T4db,export const HEADING = "What is Acme?" export const PARAGRAPHS = [ "Acme is an AI operations platform for engineering teams. It pairs an autonomous agent layer with workflow tools so ops work costs less time and focus.", "Companies like Nimbus, Fractal, and Lumen use Acme to automate deployments, monitoring, and incident response. They resolve incidents 6x faster and cut on-call hours in half.", ] as const export type AboutFeature = { id: string title: string description: string } export const FEATURES: AboutFeature[] = [ { id: "autonomous", title: "Autonomous by default", description: "AI agents triage alerts, patch known failure modes, and hand off only what actually needs a human.", }, { id: "scale", title: "One control plane", description: "Keeps pace with millions of events without adding headcount.", }, ] export type AboutStat = { id: string value: string label: string } export const STATS: AboutStat[] = [ { id: "teams", value: "12,000+", label: "Teams using Acme", }, { id: "saved", value: "$40M+", label: "Saved in engineering time", }, { id: "resolved", value: "6M+", label: "Incidents auto-resolved", }, ] 23:T1d0c,

export const HEADING = "What is Acme?"

export const PARAGRAPHS = [
  "Acme is an AI operations platform for engineering teams. It pairs an autonomous agent layer with workflow tools so ops work costs less time and focus.",
  "Companies like Nimbus, Fractal, and Lumen use Acme to automate deployments, monitoring, and incident response. They resolve incidents 6x faster and cut on-call hours in half.",
] as const

export type AboutFeature = {
  id: string
  title: string
  description: string
}

export const FEATURES: AboutFeature[] = [
  {
    id: "autonomous",
    title: "Autonomous by default",
    description:
      "AI agents triage alerts, patch known failure modes, and hand off only what actually needs a human.",
  },
  {
    id: "scale",
    title: "One control plane",
    description:
      "Keeps pace with millions of events without adding headcount.",
  },
]

export type AboutStat = {
  id: string
  value: string
  label: string
}

export const STATS: AboutStat[] = [
  {
    id: "teams",
    value: "12,000+",
    label: "Teams using Acme",
  },
  {
    id: "saved",
    value: "$40M+",
    label: "Saved in engineering time",
  },
  {
    id: "resolved",
    value: "6M+",
    label: "Incidents auto-resolved",
  },
]

24:T1d0b,

export const HEADING = "What is Acme?"

export const PARAGRAPHS = [
  "Acme is an AI operations platform for engineering teams. It pairs an autonomous agent layer with workflow tools so ops work costs less time and focus.",
  "Companies like Nimbus, Fractal, and Lumen use Acme to automate deployments, monitoring, and incident response. They resolve incidents 6x faster and cut on-call hours in half.",
] as const

export type AboutFeature = {
  id: string
  title: string
  description: string
}

export const FEATURES: AboutFeature[] = [
  {
    id: "autonomous",
    title: "Autonomous by default",
    description:
      "AI agents triage alerts, patch known failure modes, and hand off only what actually needs a human.",
  },
  {
    id: "scale",
    title: "One control plane",
    description:
      "Keeps pace with millions of events without adding headcount.",
  },
]

export type AboutStat = {
  id: string
  value: string
  label: string
}

export const STATS: AboutStat[] = [
  {
    id: "teams",
    value: "12,000+",
    label: "Teams using Acme",
  },
  {
    id: "saved",
    value: "$40M+",
    label: "Saved in engineering time",
  },
  {
    id: "resolved",
    value: "6M+",
    label: "Incidents auto-resolved",
  },
]

13:["$","div",null,{"className":"pb-14 md:pb-20","children":[["$","$L1c",null,{}],["$","div",null,{"className":"mx-auto w-full max-w-6xl px-6","children":[["$","div",null,{"className":"mb-12 flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between","children":[["$","h1",null,{"className":"text-3xl tracking-tighter md:text-4xl","children":["All ","About Us"," Blocks"]}],["$","$L12",null,{"href":"/blocks","children":[["$","$L1d",null,{"ref":"$undefined","iconNode":[["path",{"d":"m15 18-6-6 6-6","key":"1wnfg3"}]],"className":"lucide-chevron-left","data-icon":"inline-start"}],"Back"],"data-slot":"button","data-variant":"outline","data-size":"sm","className":"group/button inline-flex shrink-0 items-center justify-center border bg-clip-padding font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5","ref":null}]]}],["$","div",null,{"className":"mt-8 space-y-16","children":[["$","section","about-section-v1",{"id":"about-section-v1","className":"scroll-mt-24","children":["$","$L1e",null,{"version":{"id":"about-section-v1","title":"About Section v1","registryPath":"registry/new-york/blocks/about-section-v1"},"registryData":{"files":[{"path":"app/about-section-v1/page.tsx","content":"import AboutSectionV1 from \"./components/about-section-v1\"\n\nexport default function Page() {\n return \n}\n","htmlLight":"

import AboutSectionV1 from \"./components/about-section-v1\"\n\nexport default function Page() {\n  return <AboutSectionV1 />\n}\n

","htmlDark":"

import AboutSectionV1 from \"./components/about-section-v1\"\n\nexport default function Page() {\n  return <AboutSectionV1 />\n}\n

","markdownHtml":""},{"path":"app/about-section-v1/components/about-section-v1.tsx","content":"$1f","htmlLight":"$20","htmlDark":"$21","markdownHtml":""},{"path":"app/about-section-v1/lib/config.ts","content":"$22","htmlLight":"$23","htmlDark":"$24","markdownHtml":""}],"installCommand":"npx shadcn@latest add \"https://uiception.com/r/about-section-v1.json\"","installCommandDisplay":"npx shadcn add about-section-v1"}}]}]]}]]}]]}]

All About Us Blocks