Fix: Unete button

Author: ivanrdgz03

src/data/contactFormConfig.ts

@@ -0,0 +1,21 @@
+export const contactFormConfig = {
+  inputs: [
+    {
+      type: 'text',
+      name: 'name',
+      label: 'Nombre',
+    },
+    {
+      type: 'email',
+      name: 'email',
+      label: 'Correo electrónico',
+    },
+  ],
+  textarea: {
+    label: 'Mensaje',
+  },
+  disclaimer: {
+    label: 'Al enviar este formulario de contacto, reconoces y aceptas la recopilación de tu información personal.',
+  },
+  description: 'Nuestro equipo de soporte generalmente responde dentro de las 24 horas hábiles.',
+};

src/navigation.ts

@@ -28,6 +28,10 @@ export const headerData = {
         {
           text: 'Contacto',
           href: getPermalink('/contact'),
+        },
+        {
+          text: 'Únete al club',
+          href: getPermalink('/unete'),
         }
       ],
     }

src/pages/contact.astro

@@ -3,6 +3,7 @@ import Layout from '~/layouts/PageLayout.astro';
 import HeroText from '~/components/widgets/HeroText.astro';
 import ContactUs from '~/components/widgets/Contact.astro';
 import Features2 from '~/components/widgets/Features2.astro';
+import { contactFormConfig } from '~/data/contactFormConfig';
 
 const metadata = {
   title: 'Contacto',
@@ -18,26 +19,7 @@ const metadata = {
     id="form"
     title="¿Tienes alguna pregunta?"
     subtitle="Ponte en contacto con nosotros a través del siguiente formulario y te responderemos lo más rápido posible."
-    inputs={[
-      {
-        type: 'text',
-        name: 'name',
-        label: 'Nombre',
-      },
-      {
-        type: 'email',
-        name: 'email',
-        label: 'Correo electrónico',
-      },
-    ]}
-    textarea={{
-      label: 'Mensaje',
-    }}
-    disclaimer={{
-      label:
-        'Al enviar este formulario de contacto, reconoces y aceptas la recopilación de tu información personal.',
-    }}
-    description="Nuestro equipo de soporte generalmente responde dentro de las 24 horas hábiles."
+    {...contactFormConfig}
   />
 
   <Features2

src/pages/index.astro

@@ -26,7 +26,7 @@ const metadata = {
       {
         variant: 'primary',
         text: 'Únete al club',
-        href: '#', 
+        href: '/unete',
         icon: 'tabler:rocket',
       },
       { text: 'Leer el blog', href: '#blog' },

src/pages/unete.astro

@@ -0,0 +1,21 @@
+---
+import Layout from '~/layouts/PageLayout.astro';
+import HeroText from '~/components/widgets/HeroText.astro';
+import ContactUs from '~/components/widgets/Contact.astro';
+import { contactFormConfig } from '~/data/contactFormConfig';
+
+const metadata = {
+  title: 'Únete al club',
+};
+---
+
+<Layout metadata={metadata}>
+  <HeroText tagline="Formulario de inscripción" title="¡Únete a Hackiit!" />
+
+  <ContactUs
+    id="form"
+    title="¿Quieres formar parte del club?"
+    subtitle="Rellena este formulario para unirte a Hackiit y nos pondremos en contacto contigo lo antes posible."
+    {...contactFormConfig}
+  />
+</Layout>