{"size": 4692, "ext": "js", "max_stars_repo_path": "components/index_page/Indexmain1.js", "max_stars_repo_name": "emintatli/Eticaret-Sitesi-NextJS-MongoDB", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "components/index_page/Indexmain1.js", "max_issues_repo_name": "emintatli/Eticaret-Sitesi-NextJS-MongoDB", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "components/index_page/Indexmain1.js", "max_forks_repo_name": "emintatli/Eticaret-Sitesi-NextJS-MongoDB", "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": 29.5094339623, "max_line_length": 71, "alphanum_fraction": 0.4507672634}
import SimplePopover from "../PopOver";

const Indexmain1 = () => {
  return (
    <>
      <div className="container d-flex flex-row align-items-center">
        
        <ul className="list-group w-25 main-list main-ul">
          
          <SimplePopover icon="fas fa-dumbbell fa-lg me-2" />
          <SimplePopover icon="fas fa-camera fa-lg me-2" />
          <SimplePopover icon="fas fa-baby-carriage fa-lg me-2" />
          <SimplePopover icon="fas fa-arrow-circle-right fa-lg me-2" />
          <SimplePopover icon="fas fa-air-freshener fa-lg me-2" />
          <SimplePopover icon="fas fa-dumbbell fa-lg me-2" />
          <SimplePopover icon="fas fa-camera fa-lg me-2" />
          <SimplePopover icon="fas fa-baby-carriage fa-lg me-2" />
          <SimplePopover icon="fas fa-arrow-circle-right fa-lg me-2" />
          <SimplePopover icon="fas fa-air-freshener fa-lg me-2" />
          <SimplePopover icon="fas fa-arrow-circle-right fa-lg me-2" />
          <SimplePopover icon="fas fa-air-freshener fa-lg me-2" />
          
        </ul>
        
      <div className="pc">
      <div
          id="carouselExampleControls"
          className="carousel w-100"
          data-bs-ride="carousel"
        >
          <div className="carousel-inner ms-1">
            <div className="carousel-item active">
              <img
                src="/c1.jpg"
                height="495px"
                className="d-block w-100 "
                alt="..."
              />
              
            </div>
            <div className="carousel-item">
              <img
                src="/c2.png"
                height="495px"
                className="d-block  w-100"
                alt="..."
              />
            </div>
            <div className="carousel-item">
              <img
                src="/c3.jpg"
                height="495px"
                className="d-block w-100"
                alt="..."
              />
            </div>
          </div>
          <button
            className="carousel-control-prev"
            type="button"
            data-bs-target="#carouselExampleControls"
            data-bs-slide="prev"
          >
            <span
              className="carousel-control-prev-icon"
              aria-hidden="true"
            ></span>
            <span className="visually-hidden">Previous</span>
          </button>
          <button
            className="carousel-control-next"
            type="button"
            data-bs-target="#carouselExampleControls"
            data-bs-slide="next"
          >
            <span
              className="carousel-control-next-icon"
              aria-hidden="true"
            ></span>
            <span className="visually-hidden">Next</span>
          </button>
        </div>
      </div>
       
    <div className="container mobile">
      
       

        
      <div
          id="carouselExampleControls"
          className="carousel w-100"
          data-bs-ride="carousel"
        >
          <div className="carousel-inner ms-1">
            <div className="carousel-item active">
              <img
                src="/mobile1.png"
                height="200px"
                className="d-block w-100 "
                alt="..."
              />
              
            </div>
            <div className="carousel-item">
              <img
                src="/mobile2.png"
                height="200px"
                className="d-block  w-100"
                alt="..."
              />
            </div>
            <div className="carousel-item">
              <img
                src="/mobile3.png"
                height="200px"
                className="d-block w-100"
                alt="..."
              />
            </div>
          </div>
          <button
            className="carousel-control-prev"
            type="button"
            data-bs-target="#carouselExampleControls"
            data-bs-slide="prev"
          >
            <span
              className="carousel-control-prev-icon"
              aria-hidden="true"
            ></span>
            <span className="visually-hidden">Previous</span>
          </button>
          <button
            className="carousel-control-next"
            type="button"
            data-bs-target="#carouselExampleControls"
            data-bs-slide="next"
          >
            <span
              className="carousel-control-next-icon"
              aria-hidden="true"
            ></span>
            <span className="visually-hidden">Next</span>
          </button>
        </div>
      
       



      </div>
      </div>
    </>
  );
};

export default Indexmain1;
