import Card from "./ServiceCard";
import AnaliseImg from "../../assets/imgs/Analise.jpg";
import CreateImg from "../../assets/imgs/Create.jpg";
import ScaleImg from "../../assets/imgs/Scale.jpg";
import ExecuteImg from "../../assets/imgs/Execute.jpg";

const MarketingCards = () => {
  return (
    <div className="h-full flex lg:mt-20 flex-col flex-wrap gap-4 xl:flex-row mx-4">
      <Card title="Analise" description="Problem" imgSrc={AnaliseImg} />
      <Card title="Create" description="Strategy" imgSrc={CreateImg} />
      <Card title="Scale" description="Company" imgSrc={ScaleImg} />
      <Card title="Execute" description="Plan" imgSrc={ExecuteImg} />
    </div>
  );
};

export default MarketingCards;
