import Link from "next/link";


const Downloads = () => {
  return (
    <div className="pricing-area space">
      <div className="pricing-shape-img1 shape-mockup d-lg-block d-none">
        <img
          className="about1-shape-img-1 spin"
          src="/assets/img/normal/about_shape1-2.svg"
          alt="Fixturbo"
        />
        <img
          className="about1-shape-img-2 spin2"
          src="/assets/img/normal/about_shape1-1.svg"
          alt="Fixturbo"
        />
      </div>
      <div className="container">
        <div className="row justify-content-center">
          <div className="col-xl-5 col-lg-7">
            <div className="title-area text-center">
              <h3 className="sub-title">Resources</h3>
              <h2 className="sec-title">
                Books
              </h2>
            </div>
          </div>
        </div>
        <div className="row gy-4 justify-content-center">
          <div className="col-lg-3">
            <div className="pricing-card">
         
              <div className="pricing-card-details text-center">
                <h4 className="pricing-card_title">Thevaram - Tamil</h4>
                <div className="checklist style2">
                  
                </div>
                <Link className="btn style2" href="/assets/books/thevaram-tamil.pdf" download target="_blank">
                  Download <i className="fas fa-arrow-right ms-2" />
                </Link>
              </div>
            </div>
          </div>
          <div className="col-lg-3">
            <div className="pricing-card">
             
              <div className="pricing-card-details text-center">
                <h4 className="pricing-card_title ">Thevaram - English</h4>
                <div className="checklist style2">
                  {/* <ul>
                    <li>
                      <i className="fas fa-angle-right" />
                      Expert Car Repair Specialists
                    </li>
                    <li>
                      <i className="fas fa-angle-right" />
                      Profession Car Repair Service
                    </li>
                    <li>
                      <i className="fas fa-angle-right" />
                      Quick and Efficient Car Repair
                    </li>
                    <li>
                      <i className="fas fa-angle-right" />
                      Trusted Car Repair
                    </li>
                  </ul> */}
                </div>
                <Link className="btn style2" href="/assets/books/thevaram-english.pdf" download target="_blank">
                  Download <i className="fas fa-arrow-right ms-2" />
                </Link>
                <br />
              </div>
            </div>
          </div>
          <div className="col-lg-3">
            <div className="pricing-card">
            
              <div className="pricing-card-details text-center">
                <h4 className="pricing-card_title">Thirupugazh - Tamil</h4>
                <div className="checklist style2">
                  {/* <ul>
                    <li>
                      <i className="fas fa-angle-right" />
                      Expert Car Repair Specialists
                    </li>
                    <li>
                      <i className="fas fa-angle-right" />
                      Profession Car Repair Service
                    </li>
                    <li>
                      <i className="fas fa-angle-right" />
                      Quick and Efficient Car Repair
                    </li>
                    <li>
                      <i className="fas fa-angle-right" />
                      Trusted Car Repair
                    </li>
                  </ul> */}
                </div>
                <Link className="btn style2" href="#" download target="_blank">
                  Download <i className="fas fa-arrow-right ms-2" />
                </Link>
              </div>
            </div>
          </div>
          <div className="col-lg-3">
            <div className="pricing-card">
            
              <div className="pricing-card-details text-center">
                <h4 className="pricing-card_title">Thirupugazh - English</h4>
                <div className="checklist style2">
                  
                </div>
                <Link className="btn style2" href="#" download target="_blank">
                  Download <i className="fas fa-arrow-right ms-2" />
                </Link>
              </div>
            </div>
          </div>
          <div className="col-lg-3">
            <div className="pricing-card">
            
              <div className="pricing-card-details text-center">
                <h4 className="pricing-card_title">Kanda Puranam - Tamil</h4>
                <div className="checklist style2">
                  
                </div>
                <Link className="btn style2" href="#" download target="_blank">
                  Download <i className="fas fa-arrow-right ms-2" />
                </Link>
              </div>
            </div>
          </div>
          <div className="col-lg-3">
            <div className="pricing-card">
            
              <div className="pricing-card-details text-center">
                <h4 className="pricing-card_title">Kanda Puranam - English</h4>
                <div className="checklist style2">
                  
                </div>
                <Link className="btn style2" href="#" download target="_blank">
                  Download <i className="fas fa-arrow-right ms-2" />
                </Link>
              </div>
            </div>
          </div>
          <div className="col-lg-3">
            <div className="pricing-card">
            
              <div className="pricing-card-details text-center">
                <h4 className="pricing-card_title">Kandar Alangaram - Tamil</h4>
                <div className="checklist style2">
                  
                </div>
                <Link className="btn style2" href="#" download target="_blank">
                  Download <i className="fas fa-arrow-right ms-2" />
                </Link>
              </div>
            </div>
          </div>
          <div className="col-lg-3">
            <div className="pricing-card">
            
              <div className="pricing-card-details text-center">
                <h4 className="pricing-card_title">Kandar Alangaram - English</h4>
                <div className="checklist style2">
                  
                </div>
                <Link className="btn style2" href="#" download target="_blank">
                  Download <i className="fas fa-arrow-right ms-2" />
                </Link>
              </div>
            </div>
          </div>
          <div className="col-lg-3">
            <div className="pricing-card">
            
              <div className="pricing-card-details text-center">
                <h4 className="pricing-card_title">Kanda Sashti Kavasam - Tamil</h4>
                <div className="checklist style2">
                  
                </div>
                <Link className="btn style2" href="#" download target="_blank">
                  Download <i className="fas fa-arrow-right ms-2" />
                </Link>
              </div>
            </div>
          </div>
          <div className="col-lg-3">
            <div className="pricing-card">
            
              <div className="pricing-card-details text-center">
                <h4 className="pricing-card_title">Kanda Sashti Kavasam - English</h4>
                <div className="checklist style2">
                  
                </div>
                <Link className="btn style2" href="#" download target="_blank">
                  Download <i className="fas fa-arrow-right ms-2" />
                </Link>
              </div>
            </div>
          </div>
          
        </div>
      </div>
    </div>
  );
};

export default Downloads;
