import Card from "./ServiceCard";
import AlgorithmImg from "../../assets/imgs/Algorithm.jpg";
import ScheduleImg from "../../assets/imgs/Schedule.jpg";
import TargetImg from "../../assets/imgs/Target.jpg";
import ExpandImg from "../../assets/imgs/Expand.jpg";

const SocialMediaCards = () => {
  return (
    <div className="h-full flex lg:mt-20 flex-col flex-wrap gap-4 xl:flex-row mx-4">
      <Card title="Algorithm" description="Analise" imgSrc={AlgorithmImg} />
      <Card title="Schedule" description="Content" imgSrc={ScheduleImg} />
      <Card title="Target" description="Audience" imgSrc={TargetImg} />
      <Card title="Expand" description="Platforms" imgSrc={ExpandImg} />
    </div>
  );
};

export default SocialMediaCards;
