Levitating Plan Cards

"use client";

import { useEffect, useRef, useState } from "react";
import type { CSSProperties, RefObject } from "react";

/**
 * LevitatingPlanCards — three plan slabs that lift off a lit floor, each over its own shadow.
 *
 * As the section arrives the slabs leave the floor in order and settle at
 * different heights (the featured one highest), so they rise instead of
 * landing. Each slab's shadow on its spot of floor light is its own
 * element: blur, size, opacity and offset follow the slab's height, from a
 * crisp contact shadow on the floor to a wide soft one in the air. Settled,
 * each slab breathes on its own period; the pointer raises a slab 14px more
 * and tilts it toward the pointer, and its shadow answers. Prices and
 * lines are props, and every link goes through a safe-href check. On a
 * phone the slabs stack with the featured one first. mode "auto" lifts and
 * settles on a loop for previews; progress holds one moment; reduced

  // ---------------------------------------------------------------
  // Full source available with a viberdy Pro subscription.
  // https://viberdy.dev/pricing
  // ---------------------------------------------------------------
}