Contour Drift

import { ContourDrift } from '@/components/ui/contour-drift'

import { ContourDrift } from '@/components/ui/contour-drift'

export default function ContourDriftDemo() {
  return (
    <section className="relative min-h-[620px] overflow-hidden bg-background">
      <ContourDrift />

      <div className="relative mx-auto flex min-h-[620px] max-w-6xl flex-col justify-center px-4 py-16 sm:px-6">
        <div className="max-w-xl rounded-2xl border border-border/60 bg-background/80 p-6 backdrop-blur-sm sm:p-8">
          <p className="font-mono text-[11px] uppercase tracking-[0.2em] text-muted-foreground sm:text-xs">
            Meridian Survey · Sheet 14
          </p>
          <h2 className="mt-4 font-sans text-4xl font-semibold tracking-tight text-balance text-foreground sm:text-5xl">
            Ground truth, drawn while you watch.
          </h2>
          <p className="mt-4 text-base leading-relaxed text-muted-foreground">
            Every parcel we chart is re-levelled against live field notes. The 400 line surveyed
            across this sheet is holding a two centimetre tolerance over the whole catchment, and
            the weather you can see moving through the contours is this morning&apos;s.
          </p>
          <p className="mt-6 font-mono text-[11px] uppercase tracking-[0.2em] text-muted-foreground sm:text-xs">
            Contours at 20 m · datum AHD · drift is live
          </p>
        </div>
      </div>
    </section>
  )
}