docs: add early adopters blog post

apps/website/src/blog/early-adopter.md

@@ -0,0 +1,38 @@
+---
+title: 'The Early Adopter Plan: Why We Created It'
+description: 'We created the Early Adopter plan to reward our earliest customers with exclusive access to new features and a locked-in rate before our upcoming pricing update.'
+imageUrl: 'https://assets.cdn.clsrio.com/blog/early-adopter.png'
+date: '2026-06-15'
+author: Rotimi Best
+avatar: /blog/best.jpg
+role: Founder
+tags: ['Pricing', 'Company Update']
+published: true
+---
+
+![early-adopter-plan](https://assets.cdn.clsrio.com/blog/early-adopter.png)
+_ClassroomIO Early Adopter Plan_
+
+When we started ClassroomIO, our mission was simple: build the most powerful, customisable, and affordable learning management platform, one that puts brand and simplicity first.
+
+As we've grown, we've been listening closely to what our users need. And one thing became clear: the people who believed in us early deserve something special.
+
+### Why the Early Adopter Plan?
+
+We're gearing up for a pricing update that reflects the true value of everything we've built. But we didn't want our earliest customers, the ones who shaped our roadmap with their feedback to feel the pinch.
+
+The Early Adopter plan is our way of saying thank you. It locks you into our current pricing while giving you access to every new feature we ship, even the ones that will eventually belong to higher tiers.
+
+### What You Get
+
+- **Locked-in pricing** — Your rate stays as is, even after we update pricing for new customers.
+- **Early access to new features** — Be the first to try everything we launch.
+- **Grandfathered into future tiers** — As we introduce new plans, you'll keep whatever you already have, plus more.
+
+### This Won't Last Forever
+
+Once we announce the new pricing, the Early Adopter door closes. So if you've been on the fence, now is the time.
+
+[Sign up for the Early Adopter plan](https://app.classroomio.com) and lock in your rate today.
+
+We're building the future of training, and we're glad to have you with us from the start.

apps/website/src/lib/components/blog-list-item.svelte

@@ -30,7 +30,7 @@
 
 <a href="/blog/{post.slug}" class="group space-y-2">
   <img loading="lazy" src={post.imageUrl} alt={post.title} class="h-48 w-70 rounded-md object-cover" />
-  <p class="text-md font-medium {isRecommended && 'h-[60px]'} line-clamp-2 group-hover:underline">
+  <p class="text-md font-medium {isRecommended && 'h-[40px]'} line-clamp-2 group-hover:underline">
     {@html post.title}
   </p>
 

packages/ui/src/index.ts

@@ -88,4 +88,5 @@ export { CourseCard, DEFAULT_COURSE_BANNER_IMAGE } from './custom/course-card';
 export { NewsfeedReactions } from './custom/newsfeed-reactions';
 export * as PublicCourse from './custom/public-course';
 export * as Certificate from './custom/certificate-preview';
+export * as EmailPreview from './custom/email-preview';
 export * from './custom/animation';