{"size": 2184, "ext": "js", "max_stars_repo_path": "Loopr-4/src/components/USPs.js", "max_stars_repo_name": "venki24/Loopr-1", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "Loopr-4/src/components/USPs.js", "max_issues_repo_name": "venki24/Loopr-1", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "Loopr-4/src/components/USPs.js", "max_forks_repo_name": "venki24/Loopr-1", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 30.3333333333, "max_line_length": 80, "alphanum_fraction": 0.4908424908}
import React from "react"
import * as styles from "../styles/usps.module.css";
import { StaticImage } from "gatsby-plugin-image"
import Rect from "../images/SVGs/rect"
import Piggy from "../images/SVGs/piggy";
import Badge from "../images/SVGs/badge";
function USPs() {
  return (
    <>
    <div  className={styles.main}>
      <div className={styles.color1}>
        <div className={styles.header}>
          <h1>Our USPs</h1>
          <p>
            We aim to improve our client's overall bussiness <br />
            processes and bottom line with every product we have.
          </p>
        </div>
        <div className={styles.one}>
          <div className={styles.one_img}>
            {/* <StaticImage
              src="../images/badge3.png"
              alt="badge"
              className={styles.badge3}
            /> */}
            <Badge height={70} width={70}/>
          </div>
          <div>
            <h3>01</h3>
            <h1>Quality</h1>
            <p>
              Best in class labelling tools and models along with a skilled data
              annotation team.
            </p>
          </div>
        </div>
        <div className={styles.two}>
          <div className={styles.two_img}>
            {/* <StaticImage src="../images/rect2.jpg" alt="react" /> */}
            <Rect width={70} height={70}/>
          </div>
          <div>
            <h3>02</h3>
            <h1>Scalability</h1>
            <p>
              We offer an adaptable solution to meet your workflow needs,
              letting you easily scale and switch capacity.
            </p>
          </div>
        </div>
        <div className={styles.three}>
          <div className={styles.three_img}>
            {/* <StaticImage src="../images/pig2.jpg" alt="piggy bank" /> */}
            <Piggy width={70} height={70}/>
          </div>
          <div>
            <h3>03</h3>
            <h1>Cost effective</h1>
            <p>
              An affordable solution covering data workflows, labelling and
              implementing deep learning models.
            </p>
          </div>
        </div>
      </div>
    </div>
    </>
  )
}

export default USPs;
