Merge pull request #167 from uidotdev/tyler

Update taglines

Author: benadam11

usehooks.com/src/components/search/HooksList.tsx

@@ -56,25 +56,25 @@ export default function HooksList({ hooks }) {
       imageHeight: "206",
       imageAlt: "20-sided die",
       pitch:
-        "Don’t go it alone. Learn how to implement useHooks in your React projects.",
+        "It's dangerous to go alone! Master React by learning how to build useHooks yourself.",
     },
     {
       id: "Callout 2",
-      image: "money",
+      image: "spinner",
       imageWidth: "284",
       imageHeight: "180",
-      imageAlt: "$100 Monopoly-style money",
+      imageAlt: "board game spinner and all options are React",
       pitch:
-        "Level up faster. Learn how to implement useHooks in your React projects.",
+        "There's no better way to learn useHooks than by building it yourself.",
     },
     {
       id: "Callout 3",
-      image: "spinner",
+      image: "money",
       imageWidth: "210",
       imageHeight: "210",
-      imageAlt: "board game spinner and all options are React",
+      imageAlt: "$100 Monopoly-style money",
       pitch:
-        "Want to learn how to build useHooks yourself? Check out react.gg – the interactive way to master modern React.",
+        "Please give us your money.",
     },
     {
       id: "Callout 4",
@@ -83,7 +83,7 @@ export default function HooksList({ hooks }) {
       imageHeight: "224",
       imageAlt: "travel-style postcard from React that says “Enjoy the views!",
       pitch:
-        "Check out 🔥 react.gg 🔥 – the interactive way to master modern React.",
+        "The all new interactive way to master modern React (for fun and profit).",
     }
   ]);
 

usehooks.com/src/pages/404.astro

@@ -6,15 +6,15 @@ import Footer from '../sections/Footer.astro';
 
 <Layout
 	title="Page not found."
-	description="An open source library of easy to understand React Hook recipes, from the team at ui.dev."
+	description="A collection of Server Component safe React Hooks – from the ui.dev team."
 >
 	<NavInternal />
 	<main>
 		<h1>404</h1>
 		<p>If you think this page should exist, email <a href="mailto:[email protected]">[email protected]</a>.</p>
 	</main>
 	<Footer />
-</Layout> 
+</Layout>
 
 <style>
 	body {

usehooks.com/src/pages/index.astro

@@ -10,7 +10,7 @@ const hooks = await getCollection("hooks");
 ---
 
 <Layout
-  title="Easy to understand React Hook recipes – useHooks"
+  title="A collection of Server Component safe React Hooks – from the ui.dev team"
   description="A collection of 50 React Server Component safe React hooks"
 >
   <NavMain />

usehooks.com/src/sections/HomeHero.astro

@@ -7,7 +7,7 @@ const hooksMarquee2 = (await getCollection('hooks')).slice(25,50);
 
 <header class="hero">
 	<img src="/img/logo-useHooks.svg" width="546" height="80" alt="useHooks" />
-	<h1>A collection of 50 RSC safe React hooks</h1>
+	<h1>A collection of Server Component safe React Hooks – from the ui.dev team</h1>
 	<Install text="npm i @uidotdev/usehooks" />
 
 	<div class="marquee marquee-left">