Review adjustments (#11)

app/page.tsx

@@ -80,21 +80,27 @@ export default function Home() {
     }
 
     return (
-      <div className='h-12 align-top'>
+      <div className='mx-2 h-44'>
         <Form {...form}>
           <form
             onSubmit={form.handleSubmit(handleSubmit)}
-            className='flex space-x-4'
+            className='flex flex-col space-y-4'
           >
             <FormField
               control={form.control}
               name='email'
               render={({ field }) => (
                 <FormItem>
+                  <div className='h-4'>
+                    <FormMessage className='text-center' />
+                  </div>
                   <FormControl>
-                    <Input placeholder='example@example.com' {...field} />
+                    <Input
+                      placeholder='example@example.com'
+                      className='text-center'
+                      {...field}
+                    />
                   </FormControl>
-                  <FormMessage />
                 </FormItem>
               )}
             />
@@ -103,15 +109,19 @@ export default function Home() {
             </div>
           </form>
         </Form>
+        <p className='py-1 text-center text-xs text-gray-600'>
+          You can rest assured that we will fill your inbox with spam. We
+          don&apos;t like it either! 🙂
+        </p>
       </div>
     );
   }
 
   return (
     <Card
-      style='text-center'
-      title='Hackernews + newsletter'
-      description='Top stories from Hackernews. Once a day. Every day.'
+      style='text-center max-w-96'
+      title='Interested in keeping up with the latest from the tech world? 👩‍💻'
+      description='Subscribe to our newsletter! The top stories from Hackernews for you. Once a day. Every day.'
       content={render()}
     />
   );