<script setup lang="ts">
import NavBarNew from '@/components/new/NavBarNew.vue'
import HeroSectionNew from '@/components/new/HeroSectionNew.vue'
import FeaturesSectionNew from '@/components/new/FeaturesSectionNew.vue'
import AppSectionNew from '@/components/new/AppSectionNew.vue'
import AdminSectionNew from '@/components/new/AdminSectionNew.vue'
import ClassroomMonitorSectionNew from '@/components/new/ClassroomMonitorSectionNew.vue'
import TechSectionNew from '@/components/new/TechSectionNew.vue'
import StatsSectionNew from '@/components/new/StatsSectionNew.vue'
import TestimonialSectionNew from '@/components/new/TestimonialSectionNew.vue'
import CtaSectionNew from '@/components/new/CtaSectionNew.vue'
import FooterSectionNew from '@/components/new/FooterSectionNew.vue'
</script>

<template>
  <div class="min-h-screen bg-white">
    <NavBarNew />
    <main>
      <HeroSectionNew />
      <FeaturesSectionNew />
      <AppSectionNew />
      <AdminSectionNew />
      <ClassroomMonitorSectionNew />
      <TechSectionNew />
      <StatsSectionNew />
      <!-- <TestimonialSectionNew /> -->
      <!-- <CtaSectionNew /> -->
    </main>
    <FooterSectionNew />
  </div>
</template>
