Components
Info Card
Info Card – Highlight key insights. Compact card design to showcase personalized tips, insights, or recommendations in an engaging way.
// demo.tsx
import { ParallaxTiltCard } from "@/components/ui/info-card";
export default function ParallaxTiltCardDemo() {
return (
<div className="flex min-h-[500px] w-full flex-col items-center justify-center gap-8 bg-background p-8">
<ParallaxTiltCard
title="Treasure Map"
description="Get instant, personalized treasure map insights and recommendations."
imageUrl="https://www.thiings.co/_next/image?url=https%3A%2F%2Flftz25oez4aqbxpq.public.blob.vercel-storage.com%2Fimage-YPr7im1ndABBcrdS1hCqCMvIBtvHSY.png&w=320&q=75"
/>
</div>
);
}