<template>
  <div>
    <carouselSection />
    <main id="main">
      <contentSection data-aos="fade-left" data-aos-anchor-placement="top-bottom" />
      <latestListings
        data-aos="fade-up"
        data-aos-anchor-placement="top-bottom"
        data-aos-delay="150"
      />
    </main>
  </div>
</template>

<script>
/* eslint-disable */
import carouselSection from "./residentialCarouselSection";
import contentSection from "./residentialContentSection";
import latestListings from "./latestListings";
import AOS from "aos";
import "aos/dist/aos.css";
export default {
  created() {
    AOS.init();
  },
  components: {
    carouselSection,
    contentSection,
    latestListings
  }
};
</script>

<style lang="scss" scoped></style>
