"use client";
import { cn } from "@/lib/utils";
import { CardStack } from "./ui/card-stack";
import { title } from "process";
export function FactsCards() {
  return (
    <div className=" flex">
      <CardStack items={CARDS} />
    </div>
  );
}

// Small utility to highlight the content of specific section of a testimonial content
export const Highlight = ({
  children,
  className,
}: {
  children: React.ReactNode;
  className?: string;
}) => {
  return (
    <span
      className={cn(
        "font-bold bg-emerald-100 text-emerald-700 dark:bg-emerald-700/[0.2] dark:text-emerald-500 px-1 py-0.5",
        className
      )}
    >
      {children}
    </span>
  );
};

const CARDS = [
  {
    id: 0,
    title: "Our Vision",
    content: (
      <p className="text-lg">
        We envision a thriving Mabeskraal where every community member has
        access to opportunities that foster growth, learning, and a healthy
        lifestyle. Through collaboration and dedicated efforts, we strive to
        create a sustainable and prosperous future for all. Together, we
        empower, educate, and elevate our community, building a brighter
        tomorrow.
      </p>
    ),
  },
  {
    id: 1,
    title: "Our Mission",
    content: (
      <p className="text-lg">
        {" "}
        Dedicated to uplifting the Mabeskraal community through comprehensive
        support and empowerment. We aim to improve the quality of life by
        creating job opportunities, fostering economic growth, and providing
        educational and skills development programs. Our mission includes
        promoting health and wellness, preserving cultural heritage, and
        advocating for the needs of the voiceless.{" "}
      </p>
    ),
  },
  {
    id: 2,
    title: "Our Values",
    content: (
      <p>
        We are guided by a set of core values that shape our actions and
        decisions. Empowerment drives us to provide opportunities for growth and
        self-sufficiency. Integrity ensures that we operate with transparency
        and honesty in all our endeavors. Collaboration fosters unity and
        collective effort within the community. Sustainability guides us to
        create long-lasting, positive impacts. Respect for our cultural heritage
        and traditions is paramount. Innovation inspires us to find creative
        solutions to community challenges.
      </p>
    ),
  },
];