Liquid Metal

import { LiquidMetal } from '@/components/ui/liquid-metal'

import { LiquidMetal } from '@/components/ui/liquid-metal'

export default function LiquidMetalDemo() {
  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">
              Crucible Systems · Rheology bench
            </p>
            <h2 className="mt-4 max-w-xl text-3xl font-semibold tracking-tight text-balance text-foreground sm:text-4xl">
              Watch the alloy make up its mind.
            </h2>
            <p className="mt-4 max-w-md text-sm leading-relaxed text-muted-foreground sm:text-base">
              Every pour begins as a guess about viscosity, surface tension and
              cooling rate. The bench measures all three in situ, so the
              behaviour of a melt is on record before a single mould is cut.
            </p>
            <p className="mt-4 max-w-md text-sm leading-relaxed text-muted-foreground sm:text-base">
              Each specimen is characterised against four decades of foundry
              data, then replayed at working temperature in the cell beside you.
              Drag across the surface and feel the metal push back.
            </p>
          </div>
          <LiquidMetal className="mx-auto" caption="ALLOY LM-05 · LIVE SPECIMEN" />
        </div>
      </div>
    </section>
  )
}