text: import React, { Component } from "react";
  import { Col, Container, Row } from "reactstrap";
  
  export default class Section extends Component {
    render() {
      return (
        <React.Fragment>
          <section className="bg-half bg-light d-table w-100">
            <Container>
              <Row className="justify-content-center">
                <Col lg={12} className="text-center">
                  <div className="page-next-level">
                    <h4 className="title"> Forums </h4>
                    <div className="page-next">
                      <nav aria-label="breadcrumb" className="d-inline-block">
                        <ul className="breadcrumb bg-white rounded shadow mb-0">
                          <li className="breadcrumb-item">
                            <a href="index.html">Air99</a>
                          </li>
                          <li
                            className="breadcrumb-item active"
                            aria-current="page"
                          >
                            Forums
                          </li>
                        </ul>
                      </nav>
                    </div>
                  </div>
                </Col>
              </Row>
            </Container>
          </section>
          <div className="position-relative">
            <div className="shape overflow-hidden text-white">
              <svg
                viewBox="0 0 2880 48"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z"
                  fill="currentColor"
                ></path>
              </svg>
            </div>
          </div>
        </React.Fragment>
      );
    }
  }
  