final touches react-intro

.github/workflows/deploy.yml

@@ -38,6 +38,7 @@ jobs:
             apps/ts-no-react/node_modules/.astro
             apps/zod/node_modules/.astro
             apps/react-hook-form/node_modules/.astro
+            apps/react-intro/node_modules/.astro
           key: ${{ runner.os }}-astro-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
             ${{ runner.os }}-astro-
@@ -58,6 +59,7 @@ jobs:
             apps/ts-no-react/dist/
             apps/zod/dist/
             apps/react-hook-form/dist/
+            apps/react-intro/dist/
           # Add more apps as needed
 
   deploy:
@@ -84,6 +86,9 @@ jobs:
           - name: 'react-hook-form'
             path: './react-hook-form/dist/'
             remote_path: '/var/www/guias/react-hook-form/'
+          - name: 'react-intro'
+            path: './react-intro/dist/'
+            remote_path: '/var/www/guias/react-intro/'
           # Add more apps as needed
 
     steps:

apps/home/app/resources.tsx

@@ -12,7 +12,7 @@ import { GridPattern } from '@/components/GridPattern';
 import { ChatBubbleIcon } from '@/components/icons/ChatBubbleIcon';
 import { NextJsIcon } from '@/components/icons/NextJsIcon';
 import { UsersIcon } from '@/components/icons/UsersIcon';
-import { SiZod } from '@icons-pack/react-simple-icons';
+import { SiReacthookform, SiZod } from '@icons-pack/react-simple-icons';
 import { SiReact } from '@icons-pack/react-simple-icons';
 
 interface Resource {
@@ -93,6 +93,17 @@ const resources: Array<Resource> = [
     name: 'React Hook Form',
     description:
       'Aprenda a biblioteca mais popular de validação e criação de formulários em React.',
+    icon: SiReacthookform,
+    pattern: {
+      y: 32,
+      squares: [[0, 2]],
+    },
+  },
+  {
+    // full href
+    href: 'https://guias.codante.io/react-intro',
+    name: 'React Introdutório',
+    description: 'Aprenda o frameworks frontend mais popular do zero!',
     icon: SiReact,
     pattern: {
       y: 32,