New blog post

Author: scastiel

src/app/blog/page.tsx

@@ -9,7 +9,7 @@ import Image from 'next/image'
 import Link from 'next/link'
 
 export const revalidate = 60
-export const dynamic = 'force-static'
+// export const dynamic = 'force-static'
 
 export async function generateMetadata(): Promise<Metadata> {
   const { blogIndex } = await basehub({ next: { revalidate: 60 } }).query({

src/app/globals.css

@@ -65,3 +65,7 @@
 .landing-header strong {
   @apply font-bold text-transparent;
 }
+
+.text-balance {
+  text-wrap: balance;
+}

src/app/page.tsx

@@ -38,7 +38,7 @@ export default function HomePage() {
       <TrackPage path="/" />
       <section className="py-16 md:py-24 lg:py-32">
         <div className="container flex max-w-screen-md flex-col items-center gap-4 text-center">
-          <h1 className="!leading-none font-bold text-2xl sm:text-3xl md:text-4xl lg:text-5xl landing-header py-2">
+          <h1 className="!leading-none font-bold text-2xl sm:text-3xl md:text-4xl lg:text-5xl landing-header py-2 text-balance">
             {t.rich('Homepage.title', {
               strong: (chunks) => <strong>{chunks}</strong>,
             })}

src/components/news-button.tsx

@@ -23,6 +23,7 @@ import {
 import { useLocalStorageState, useMediaQuery } from '@/lib/hooks'
 import {
   ExternalLink,
+  Globe,
   Linkedin,
   LucideIcon,
   Newspaper,
@@ -45,6 +46,37 @@ type News = {
 }
 
 const news: News[] = [
+  {
+    id: 'languages',
+    title: <>Spliit is now available in eight languages!</>,
+    summary: (
+      <>
+        French, German, Spanish, and more! Read about it in our new blog post.
+      </>
+    ),
+    icon: Globe,
+    content: (
+      <>
+        <p>
+          Spliit began as an English-only app but now supports multiple
+          languages, thanks to the open-source community. Learn about the
+          contributors and how to help expand language support.
+        </p>
+        <p>
+          <Button asChild>
+            <a
+              target="_blank"
+              href="/blog/spliit-is-now-available-in-eight-languages"
+              className="no-underline"
+            >
+              <ExternalLink className="mr-2 w-4" />
+              Read the blog post
+            </a>
+          </Button>
+        </p>
+      </>
+    ),
+  },
   {
     id: 'blog-post-splitwise',
     title: <>We need an open source alternative to Splitwise</>,