<script setup>
import AboutHero from "@/components/sections/about/AboutHero.vue";
import AboutTheProblem from "@/components/sections/about/AboutTheProblem.vue";
import AboutOurMission from "@/components/sections/about/AboutOurMission.vue";
import AboutTechnology from "@/components/sections/about/AboutTechnology.vue";
import AboutCTA from "@/components/sections/about/AboutCTA.vue";
</script>

<template>

  <div class="flex flex-col">
    <section class="border-b border-border">
      <div class="container mx-auto">
        <AboutHero/>
      </div>
    </section>

    <section class="border-b border-border">
      <div class="container mx-auto">
        <AboutTheProblem />
      </div>
    </section>

    <section class="border-b border-border">
      <div class="container mx-auto">
        <AboutOurMission />
      </div>
    </section>

    <section class="border-b border-border">
      <div class="container mx-auto">
        <AboutTechnology />
      </div>
    </section>
  </div>

  <section class="">
    <div class="container mx-auto">
      <AboutCTA/>
    </div>
  </section>
</template>
