text: import React from "react"
  import { Container, Row, Col } from "reactstrap"
  
  import "../../../../node_modules/react-image-gallery/styles/css/image-gallery.css"
  import "../featured/featured.scss"
  import "../../imageGallery/image-gallery.scss"
  
  import image from "../../../images/projects/nesbit/1.webp"
  import FeaturedDescription from "../featured/featuredDescription"
  import FeaturedOther from "../featured/featuredOther"
  
  const FeaturedHome = () => {
    return (
      <div>
        <section id="featured">
          <Container>
            <Row>
              <Col lg="12">
                <div data-aos="fade-in">
                  <img
                    src={image}
                    alt="best custom home renovation company in east york"
                  />
                </div>
              </Col>
            </Row>
          </Container>
          <Container>
            <Row>
              <Col lg="5">
                <FeaturedDescription title="Nesbit Drive" />
              </Col>
              <Col lg="7">
                <FeaturedOther
                  title="Other projects in East York and surrounding areas."
                  buttonText="View All"
                />
              </Col>
            </Row>
          </Container>
        </section>
      </div>
    )
  }
  
  export default FeaturedHome
  