BouncyCard

import {
  BouncyCard,
  BouncyCardContent,
  BouncyCardHeader,
} from "@/components/ui/BouncyCard";

export const GridExample = () => {
  return (
    <div className="grid gap-6 md:grid-cols-2">
      <BouncyCard>
        <BouncyCardHeader>Security</BouncyCardHeader>
        <BouncyCardContent className="bg-orange-500">
          Demo Here
        </BouncyCardContent>
      </BouncyCard>

      <BouncyCard>
        <BouncyCardHeader>Projects</BouncyCardHeader>
        <BouncyCardContent className="bg-emerald-500">
          Demo Here
        </BouncyCardContent>
      </BouncyCard>
    </div>
  );
};

import {
  BouncyCard,
  BouncyCardContent,
  BouncyCardHeader,
} from "@/components/ui/BouncyCard";

export const WithFooterExample = () => {
  return (
    <BouncyCard>
      <BouncyCardHeader>Boost Sales</BouncyCardHeader>
      <BouncyCardContent className="bg-pink-500">Preview</BouncyCardContent>
      <BouncyCardFooter>
        <button className="text-sm text-primary">Explore</button>
      </BouncyCardFooter>
    </BouncyCard>
  );
};