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

108 lines
4.0 KiB
Svelte
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<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}
/>