import React from 'react';

export default function ModernCard() {
  return (
    <div className="max-w-sm rounded-lg border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-950">
      <h3 className="text-lg font-semibold text-zinc-900 dark:text-zinc-50">Card Title</h3>
      <p className="mt-2 text-sm text-zinc-500 dark:text-zinc-400">
        This is a simple card component. It has a subtle border and shadow to distinguish it from the background.
      </p>
    </div>
  );
}
Modern Card

Card Title
