..

src/layouts/Layout.astro

@@ -71,7 +71,7 @@ const { site, title, tagline } = Astro.props;
         <h1 class="nu-c-h3 nu-u-text--primary nu-u-mt-0 nu-u-mb-2 title">
           {title}
         </h1>
-        <p class="nu-c-fs-normal nu-u-text--secondary">{tagline}</p>
+        <p class="nu-c-fs-normal nu-u-text--secondary description-text">{tagline}</p>
       </div>
     </header>
     <slot />
@@ -112,6 +112,9 @@ const { site, title, tagline } = Astro.props;
   p {
     margin-top: var(--spacing-00);
   }
+  p.description-text {
+    max-inline-size: 600px;
+  }
   .nu-u-link--subtle {
     color: var(--text-secondary) !important;
   }

src/pages/index.astro

@@ -10,8 +10,8 @@ import Dashboard from "../components/Dashboard";
 
 <Layout
   site="Rise of Machine"
-  title="Enhance Your Craft with AI"
-  tagline="A curated set of powerful AI tools for makers."
+  title="And Another One"
+  tagline="My old bookmarks were freaking out, drowning in existential tears cause these AI chicks hatched faster than pop-up ads on a free websites. So I said, Screw it, and built this damn website where these brainy birds can do their thing."
 >
   <main>
     <Dashboard client:load />