docs: let the launch week begin 🚀 (#491)

* docs: update meta tags

* fix: make env dynamic

* docs: let the launch week begin 🚀
This commit is contained in:
Rotimi Best
2024-10-07 01:36:07 +01:00
committed by GitHub
parent 22f0d868d5
commit c7722cb18a
25 changed files with 9371 additions and 7297 deletions
@@ -15,7 +15,7 @@
class="mb-5"
/>
<p class="lg:text-base mb-5 mr-2 text-sm leading-7 tracking-wide text-gray-600 lg:leading-7">
Launch Your Online Bootcamp In Minutes
The Open Source Learning Management System for Companies
<br />
ClassroomIO is the easiest way to grow your teaching business.
</p>
+1 -1
View File
@@ -34,7 +34,7 @@
</div>
<PageSignupCTA
header="Spend less time managing your LMS and more time training with ClassroomIO"
header="Your Custom Academy – Up & Running in Minutes!"
subText="Try before you buy. No credit card required."
btnLabel="Book a demo"
link="classroomio/demo"
+14 -12
View File
@@ -5,10 +5,10 @@
import { env } from '$env/dynamic/public';
const names = [
{ label: 'Bootcamp', color: '#3ADFEC' },
{ label: 'Course', color: '#BF0696' },
{ label: 'Training', color: '#0233BD' },
{ label: 'Academy', color: '#9747FF' }
{ label: 'Audience', color: '#3ADFEC' },
{ label: 'Employees', color: '#BF0696' },
{ label: 'Customers', color: '#0233BD' },
{ label: 'Students', color: '#9747FF' }
];
let animate = false;
let titleIndex = 0;
@@ -94,28 +94,30 @@
<div
class="font-bold md:leading-[1.5] text-left lg:text-center ml-6 text-slate-900 text-4xl lg:text-7xl"
>
<span>Launch Your Online</span> <br />
<div class="flex-wrap flex items-center lg:gap-3">
<span>Educate Your</span>
<div class="flex-wrap flex items-center justify-center lg:gap-3 mb-2">
<span
class="w-full lg:w-[48%] h-[40px] md:h-[50px] lg:h-[90px] mb-0 mt-1 md:mt-0 lg:-mb-4 relative inline-block overflow-hidden"
class="w-full lg:w-[48%] h-[40px] md:h-[50px] lg:h-[75px] mb-0 mt-1 md:mt-0 lg:-mb-4 relative inline-block overflow-hidden lg:text-center"
>
{#key titleIndex}
<span
class="absolute left-0 right-[unset] lg:right-0 lg:left-[unset]"
class="absolute left-0 right-[unset] lg:right-0 lg:left-[unset] w-full"
style="color: {names[titleIndex].color}"
transition:fly={{ y: 100, delay: 0, easing: sineInOut }}
>
{names[titleIndex].label}
<span class="w-full text-center m-auto">
{names[titleIndex].label}
</span>
</span>
{/key}
</span>
<span>In Minutes</span>
</div>
<span>from one Platform</span>
</div>
<p class="text-base mx-auto mt-10 px-4 text-slate-700 md:text-lg lg:mt-6 lg:w-[42%] lg:p-0">
ClassroomIO is an open source learning management system for small and medium bootcamps that
wants to set up a fully customizable online teaching platform quickly.
ClassroomIO is an open source learning management system for companies. We give you a suite
of tools to help you achieve your training, onboarding and certification goals.
</p>
</div>
@@ -113,7 +113,7 @@
<div class="flex justify-evenly gap-y-8 flex-wrap w-full mt-10 mx-auto">
<div class="text-center">
<h1 class="text-3xl md:text-5xl font-bold">
Play With Our <span class="text-[#0233BD]">Free Tools</span>
Explore Our <span class="text-[#0233BD]">Free Tools</span>
</h1>
<p class="text-sm md:text-base text-[#334155] md:w-[65%] mt-5 md:mt-10 mx-auto">
Innovative tools to help you aid you example preparation, as well as making learning