Ace Information Block

Animated information block with motion/react fade and slide transitions.

Installation

Usage

import { InformationBlock } from "@/components/vandoko/ace-information-block";

export default function Page() {
  return <InformationBlock />;
}

Features

• Animated -- Smooth entrance and interaction animations via motion/react
• Responsive -- Adapts to all screen sizes
• Semantic tokens -- Uses oklch design tokens for Vandoko brand consistency

Props

Dependencies

• motion

Lineage

Modifications

• oklch color conversion
• Vandoko design token integration
• Props interface extraction