Profile Card

A responsive, production-ready team or leader profile card for Next.js, featuring a prominent photo, bio, and social links. Built with Tailwind CSS, Framer Motion, Lucide React icons, and Next.js best practices, it supports both light and dark themes out of the box.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Profile Card to your project and fits it to your theme.

import { ProfileCard } from "@/components/ui/profile-card";

export default function ProfileCardDemo() {
  return (
    <div className="min-h-screen flex items-center justify-center">
      <ProfileCard />
    </div>
  );
}