Update website

splash/app/components/apps/index.tsx

@@ -1,5 +1,6 @@
 import {
   BookIcon,
+  CurlyBracesIcon,
   DatabaseIcon,
   GlobeIcon,
   LaptopIcon,
@@ -12,6 +13,7 @@ import ApiImage from './api.png';
 import AppImage from './app.png';
 import DocsImage from './docs.png';
 import EmailImage from './email.png';
+import StorybookImage from './storybook.png';
 import StudioImage from './studio.png';
 import WebImage from './web.png';
 
@@ -51,7 +53,7 @@ const apps = [
   {
     icon: BookIcon,
     name: 'docs',
-    title: 'Powered by Mintlify',
+    title: 'Stunning documentation',
     description:
       'Simple, beautiful out of the box and easy to maintain documentation. Pages are automatically generated from your markdown files.',
     image: DocsImage,
@@ -64,6 +66,14 @@ const apps = [
       'Use Prisma to generate a type-safe client for your database, and Prisma Studio to visualize and edit it.',
     image: StudioImage,
   },
+  {
+    icon: CurlyBracesIcon,
+    name: 'storybook',
+    title: 'A frontend workshop',
+    description:
+      'Built-in Storybook instance, allowing you to create reusable components and pages that can be tested and previewed in isolation.',
+    image: StorybookImage,
+  },
 ];
 
 const App = ({ app, index }: { app: (typeof apps)[number]; index: number }) => (
@@ -107,5 +117,8 @@ export const Apps = () => (
         <App app={app} index={index} />
       </div>
     ))}
+    {apps.length % 2 === 1 && (
+      <div className="h-full w-full border-t border-l bg-dashed" />
+    )}
   </section>
 );

splash/app/components/social.tsx

@@ -59,6 +59,9 @@ const tweets = [
   '1873819850638016610',
   '1872679875796160528',
   '1866549472861491341',
+  '1879219290001621387',
+  '1874963073548845348',
+  '1879220737669558711',
 ];
 
 export const Social = () => (