{"size": 594, "ext": "js", "max_stars_repo_path": "src/layout/Products.js", "max_stars_repo_name": "gustavozapata/twentyfivestore", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/layout/Products.js", "max_issues_repo_name": "gustavozapata/twentyfivestore", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/layout/Products.js", "max_forks_repo_name": "gustavozapata/twentyfivestore", "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": 23.76, "max_line_length": 74, "alphanum_fraction": 0.5555555556}
import React from "react";
import "./styles/Products.css";

const Products = () => {
  return (
    <div className="Products">
      <img
        className="empower-img"
        src="/images/elephant.png"
        alt="Empower illustration"
      />
      <div className="texts">
        <h3>Empower Your Imagination</h3>
        <div className="twenty-five">
          <p>TwentyFiveStore</p>
          <img src="/images/brush.png" alt="Brush" />
        </div>
      </div>
      {/* <img src="/images/empower.png" alt="Empower illustration" /> */}
    </div>
  );
};

export default Products;
