Specimen Orb

import { SpecimenOrb } from '@/components/ui/specimen-orb'

import { SpecimenOrb } from '@/components/ui/specimen-orb'

export default function SpecimenOrbDemo() {
  return (
    <section className="bg-background py-16 sm:py-24">
      <div className="mx-auto max-w-6xl px-4 sm:px-6">
        <div className="grid items-center gap-10 sm:gap-14 lg:grid-cols-2">
          <div>
            <p className="font-mono text-[11px] uppercase tracking-[0.2em] text-muted-foreground sm:text-xs">
              Lattice Atlas · Specimen viewer
            </p>
            <h2 className="mt-4 max-w-xl text-3xl font-semibold tracking-tight text-balance text-foreground sm:text-4xl">
              Every specimen, catalogued to the unit cell.
            </h2>
            <p className="mt-4 max-w-md text-sm leading-relaxed text-muted-foreground sm:text-base">
              The Atlas indexes 14,200 characterised TPMS structures, each with
              measured porosity, surface area and elastic response. Search by
              application, from heat exchangers to bone scaffolds, and shortlist
              candidates in minutes.
            </p>
            <p className="mt-4 max-w-md text-sm leading-relaxed text-muted-foreground sm:text-base">
              Open any entry in the specimen viewer to inspect the lattice under
              glass. Orbit it by hand, read the strut thickness at the glint,
              then push its parameters straight into a simulation run.
            </p>
          </div>
          <SpecimenOrb className="mx-auto" />
        </div>
      </div>
    </section>
  )
}