<template>
  <div>
    <CarouselSection />
    <main id="main">
      <ServicesSection data-aos="fade-down" data-aos-anchor-placement="top-bottom" />
      <TestimonialSection
        data-aos="fade-up"
        data-aos-anchor-placement="top-bottom"
        data-aos-delay="150"
      />
    </main>
  </div>
</template>

<script>
/* eslint-disable */
import CarouselSection from "./carouselSection";
import ServicesSection from "../sectionalTitle/ourServicesSection";
import TestimonialSection from "../testimonialSection";
import AOS from "aos";
import "aos/dist/aos.css";
export default {
  created() {
    AOS.init();
  },
  components: {
    CarouselSection,
    ServicesSection,
    TestimonialSection
  }
};
</script>

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