import Card from "./ServiceCard";
import IdealizeImg from "../../assets/imgs/Idealize.png";
import DesignImg from "../../assets/imgs/Design.png";
import CodeImg from "../../assets/imgs/Code.jpg";
import BuildImg from "../../assets/imgs/Build.png";

const WesiteCards = () => {
  return (
    <div className="h-full flex lg:mt-20 flex-col flex-wrap gap-4 xl:flex-row mx-4">
      <Card title="Idealize" description="Website" imgSrc={IdealizeImg} />
      <Card title="Design" description="Website" imgSrc={DesignImg} />
      <Card title="Code" description="Website" imgSrc={CodeImg} />
      <Card title="Build" description="Website" imgSrc={BuildImg} />
    </div>
  );
};

export default WesiteCards;
