Caustics

"use client";

import { Caustics } from "@/components/miyuki-ui/caustics";

export default function CausticsDemo() {
  return (
    <Caustics className="flex size-full items-end px-6 pb-12 sm:px-12 sm:pb-14">
      <h2 className="max-w-2xl font-display text-4xl leading-[1.06] font-semibold tracking-[-0.03em] text-balance sm:text-5xl">
        The spring at Oshino, eight metres deep and clear to the bottom.
      </h2>
    </Caustics>
  );
}