classroomio/apps/website/src/routes/roadmap/+page.svelte

<script>
  import { PageHeader, Timeline, PageSignupCTA } from '$lib/components';

  const newFeatures = [
    {
      title: 'LMS Customization',
      desc: 'Right in your settings you can customize what you students see in their dashboard in few clicks.'
    },
    {
      title: 'Course Newsfeed',
      desc: 'You can now send a broadcast message to all the students participating in your course right from our dashboard.'
    },
    {
      title: 'Tags',
      desc: 'You can now group courses into organization-specific categories and filter course catalogs using tags.'
    },
    {
      title: 'Multi language support',
      desc: 'Our dashboard now supports 7 new languages. In addition, we allow you create course content in those any of those languages.'
    },
    {
      title: 'Security RLS',
      desc: "All the tables we've created now have role level security enabled by default"
    },
    {
      title: 'Increased video limit',
      desc: 'You can now upload a single video of about 500mb without interruption.'
    },
    {
      title: 'More certificate templates',
      desc: 'We have shipped 4 more certificate templates in which you can choose from right within your course dashboard'
    }
  ];

  const upcomingFeatures = [
    {
      title: 'Pathways',
      desc: 'This feature gives you the ability to group courses into folder which we are calling - Pathways. Students can complete a series of courses before getting a certificate'
    },
    {
      title: 'Course Batches',
      desc: 'A course can be taken in batches, meaning that you can create different cohorts of students within one course. The benefit of this is that you can teach a course multiple times to different groups of students. This is useful mainly for bootcamps and teaching organizations.'
    },
    {
      title: 'API',
      desc: 'We are working on our public API which allows you to perform CRUD operations against your classroomio organization.'
    },
    {
      title: 'Embedable Course',
      desc: 'You can embed selected course form ClassroomIO on any website of your choice'
    },
    {
      title: 'Landing page builder',
      desc: 'With more templates and pages, we will allow educators create simple web pages using our platform to showcase their programs and offerings.'
    },
    {
      title: 'Analytics',
      desc: 'Educators can easily track students course completion rating, understand what topics are not clearly understood and much more.'
    }
  ];
</script>

<svelte:head>
  <title>Roadmap | ClassroomIO</title>
</svelte:head>

<PageHeader className="flex flex-col items-center justify-center text-center">
  <h1 class="text-start text-4xl text-slate-900 md:text-center md:text-6xl">Product Roadmap</h1>
  <p class="mt-10 w-[80%] text-start text-slate-700 md:w-[40%] md:text-center">
    This is a live document, and will be updated regularly. To submit an idea, or to view a list of feature requests and
    ideas that we're considering, check out our <a
      href="https://feedback.classroomio.com"
      target="_blank"
      rel="noopener"
      class="underline">feedback portal</a
    >
  </p>
</PageHeader>
<section class="relative flex w-full flex-col items-center border-b-2 px-4 py-20">
  <img src="/roadmap-one.svg" alt="" class="absolute right-0 bottom-0 w-60 lg:w-96" />
  <img src="/roadmap-two.svg" alt="" class="absolute top-0 left-0 hidden lg:block" />
  <div class="flex flex-col items-start space-y-10 px-4">
    <div>
      <h1 class="text-3xl">Latest Features</h1>
    </div>

    <Timeline items={newFeatures} />
  </div>
</section>

<section class="flex w-full flex-col items-center border-b-2 px-4 py-20">
  <div class="flex flex-col items-start space-y-10 px-4">
    <div>
      <h1 class="text-3xl">Upcoming Features</h1>
    </div>

    <Timeline items={upcomingFeatures} />
  </div>
</section>

<PageSignupCTA
  header="Share Your First Course With Your Audience In Minutes"
  subText="In about 4 Clicks you can already start creating courses."
  btnLabel="Get started for free"
  link="/signup"
  demo={false}
/>