Profile Card

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

const FounderProfileCardDemo = () => {
  const founderTags = [
    "United Kingdom",
    "Energytech",
    "Climate",
    "B2B",
    "SaaS",
  ];

  return (
    <div className="flex min-h-[450px] w-full items-center justify-center bg-background p-4">
      <FounderProfileCard
        avatarSrc="https://i.pravatar.cc/150?u=mattjames"
        avatarFallback="MJ"
        iconSrc="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b8/2021_Facebook_icon.svg/512px-2021_Facebook_icon.svg.png"
        description={
          <>
            <b>Matt James</b> who did a PHD in Naming Layers at{" "}
            <b>Facebook</b> just became a <b>Founder</b> at <b>Layers</b>
          </>
        }
        tags={founderTags}
        maxTags={3} // Prop to control how many tags are shown initially
        summaryTitle="Founder summary"
        summaryContent="Layers is a new venture in the energytech sector, focusing on creating sustainable and efficient energy solutions for businesses. Matt's background at Facebook gives him a unique perspective on scaling technology."
      />
    </div>
  );
};

export default FounderProfileCardDemo;