text: import React, {Component,Fragment} from 'react';
  import {Container,Row,Col,Card} from 'react-bootstrap';
  import {Link} from "react-router-dom";
  
  class FeaturedProducts extends Component {
      render() {
          return (
              <Fragment>
                      <Container className="text-center BetweenTwoSection" fluid={true}>
                          <h4 className="section-title">FEATURED PRODUCTS</h4>
                          <h6 className="section-sub-title pb-3">Some Of Our Exclusive Collection, You May Like</h6>
                          <Row>
                              <Col className="p-1" key={1} xl={2} lg={2} md={2} sm={4} xs={6} >
                                  <Link to="/productDetails">
                                  <Card className="card w-100 image-box ">
                                      <img src="https://static-01.daraz.com.bd/p/66ec675d545eeabf8eb04415318d3db5.jpg_400x400q75-product.jpg"/>
                                      <Card.Body>
                                          <h5 className="product-name-on-card">ASUS TUF A15 FA506IU Ryzen 7 4800H GTX</h5>
                                          <p className="product-price-on-card">Price: 3000TK</p>
                                      </Card.Body>
                                  </Card>
                                  </Link>
  
                              </Col>
  
                              <Col className="p-1" key={1} xl={2} lg={2} md={2} sm={4} xs={6} >
                                  <Link to="/productDetails">
                                  <Card className="card  w-100  image-box ">
                                      <img src="https://static-01.daraz.com.bd/p/a640d8fb382be82b13cadcedf1fcb390.jpg_400x400q75-product.jpg"/>
                                      <Card.Body>
                                          <h5 className="product-name-on-card">ASUS TUF A15 FA506IU Ryzen 7 4800H GTX</h5>
                                          <p className="product-price-on-card">Price: 3000TK</p>
                                      </Card.Body>
                                  </Card>
                                  </Link>
                              </Col>
  
                              <Col className="p-1" key={1} xl={2} lg={2} md={2} sm={4} xs={6} >
                                  <Card className="card  w-100  image-box ">
                                      <img src="https://static-01.daraz.com.bd/p/e83135c4f08dba766d539651fb79d2fa.jpg_400x400q75.jpg"/>
                                      <Card.Body>
                                          <h5 className="product-name-on-card">ASUS TUF A15 FA506IU Ryzen 7 4800H GTX</h5>
                                          <p className="product-price-on-card">Price: 3000TK</p>
                                      </Card.Body>
                                  </Card>
                              </Col>
  
                              <Col className="p-1" key={1} xl={2} lg={2} md={2} sm={4} xs={6} >
                                  <Card className="card  w-100  image-box ">
                                      <img src="https://static-01.daraz.com.bd/p/e46a1751b58cd1bfc97c6c9bfb7a8721.jpg_400x400q75.jpg"/>
                                      <Card.Body>
                                          <h5 className="product-name-on-card">ASUS TUF A15 FA506IU Ryzen 7 4800H GTX</h5>
                                          <p className="product-price-on-card">Price: 3000TK</p>
                                      </Card.Body>
                                  </Card>
                              </Col>
  
                              <Col className="p-1" key={1} xl={2} lg={2} md={2} sm={4} xs={6} >
                                  <Card className="card  w-100  image-box ">
                                      <img src="https://static-01.daraz.com.bd/p/e46a1751b58cd1bfc97c6c9bfb7a8721.jpg_400x400q75.jpg"/>
                                      <Card.Body>
                                          <h5 className="product-name-on-card">ASUS TUF A15 FA506IU Ryzen 7 4800H GTX</h5>
                                          <p className="product-price-on-card">Price: 3000TK</p>
                                      </Card.Body>
                                  </Card>
                              </Col>
  
                              <Col className="p-1" key={1} xl={2} lg={2} md={2} sm={4} xs={6} >
                                  <Card className="card  w-100  image-box ">
                                      <img src="https://static-01.daraz.com.bd/p/e83135c4f08dba766d539651fb79d2fa.jpg_400x400q75.jpg"/>
                                      <Card.Body>
                                          <h5 className="product-name-on-card">ASUS TUF A15 FA506IU Ryzen 7 4800H GTX</h5>
                                          <p className="product-price-on-card">Price: 3000TK</p>
                                      </Card.Body>
                                  </Card>
                              </Col>
  
                              <Col className="p-1" key={1} xl={2} lg={2} md={2} sm={4} xs={6} >
                                  <Card className="card w-100 image-box ">
                                      <img src="https://static-01.daraz.com.bd/p/66ec675d545eeabf8eb04415318d3db5.jpg_400x400q75-product.jpg"/>
                                      <Card.Body>
                                          <h5 className="product-name-on-card">ASUS TUF A15 FA506IU Ryzen 7 4800H GTX</h5>
                                          <p className="product-price-on-card">Price: 3000TK</p>
                                      </Card.Body>
                                  </Card>
                              </Col>
  
                              <Col className="p-1" key={1} xl={2} lg={2} md={2} sm={4} xs={6} >
                                  <Card className="card  w-100  image-box ">
                                      <img src="https://static-01.daraz.com.bd/p/a640d8fb382be82b13cadcedf1fcb390.jpg_400x400q75-product.jpg"/>
                                      <Card.Body>
                                          <h5 className="product-name-on-card">ASUS TUF A15 FA506IU Ryzen 7 4800H GTX</h5>
                                          <p className="product-price-on-card">Price: 3000TK</p>
                                      </Card.Body>
                                  </Card>
                              </Col>
  
                              <Col className="p-1" key={1} xl={2} lg={2} md={2} sm={4} xs={6} >
                                  <Card className="card  w-100  image-box ">
                                      <img src="https://static-01.daraz.com.bd/p/e83135c4f08dba766d539651fb79d2fa.jpg_400x400q75.jpg"/>
                                      <Card.Body>
                                          <h5 className="product-name-on-card">ASUS TUF A15 FA506IU Ryzen 7 4800H GTX</h5>
                                          <p className="product-price-on-card">Price: 3000TK</p>
                                      </Card.Body>
                                  </Card>
                              </Col>
  
                              <Col className="p-1" key={1} xl={2} lg={2} md={2} sm={4} xs={6} >
                                  <Card className="card  w-100  image-box ">
                                      <img src="https://static-01.daraz.com.bd/p/e46a1751b58cd1bfc97c6c9bfb7a8721.jpg_400x400q75.jpg"/>
                                      <Card.Body>
                                          <h5 className="product-name-on-card">ASUS TUF A15 FA506IU Ryzen 7 4800H GTX</h5>
                                          <p className="product-price-on-card">Price: 3000TK</p>
                                      </Card.Body>
                                  </Card>
                              </Col>
  
                              <Col className="p-1" key={1} xl={2} lg={2} md={2} sm={4} xs={6} >
                                  <Card className="card  w-100  image-box ">
                                      <img src="https://static-01.daraz.com.bd/p/e46a1751b58cd1bfc97c6c9bfb7a8721.jpg_400x400q75.jpg"/>
                                      <Card.Body>
                                          <h5 className="product-name-on-card">ASUS TUF A15 FA506IU Ryzen 7 4800H GTX</h5>
                                          <p className="product-price-on-card">Price: 3000TK</p>
                                      </Card.Body>
                                  </Card>
                              </Col>
  
                              <Col className="p-1" key={1} xl={2} lg={2} md={2} sm={4} xs={6} >
                                  <Card className="card  w-100  image-box ">
                                      <img src="https://static-01.daraz.com.bd/p/e83135c4f08dba766d539651fb79d2fa.jpg_400x400q75.jpg"/>
                                      <Card.Body>
                                          <h5 className="product-name-on-card">ASUS TUF A15 FA506IU Ryzen 7 4800H GTX</h5>
                                          <p className="product-price-on-card">Price: 3000TK</p>
                                      </Card.Body>
                                  </Card>
                              </Col>
  
                          </Row>
                      </Container>
  
              </Fragment>
          );
      }
  }
  
  export default FeaturedProducts;