import React from "react";
import "./services.style.scss";
import Card from "../services-card/card.component";
import Icon from "../../assets/images/main/services/icon3.svg";

import Circle from "../../assets/images/main/services/circle.png"

const Services = () => {
  return (
    <div className="container services">
      <img src={Circle} alt="circle" className="circle" />
      <Card 
        icon={Icon} 
        title="Web development"
        text="We build modern and easy to use websites, e-commerce solutions for desktop, mobile and tablet."
      />
      <Card 
        icon={Icon} 
        title="Mobile App"
        text="We build modern and easy to use websites, e-commerce solutions for desktop, mobile and tablet."
      />
      <Card 
        icon={Icon} 
        title="UI & Animations"
        text="We build modern and easy to use websites, e-commerce solutions for desktop, mobile and tablet."
      />
    </div>
  );
};

export default Services;
