diff --git a/packages/docs/src/components/icons/IconArrowDownRight.tsx b/packages/docs/src/components/icons/IconArrowDownRight.tsx
index 36fe4f0..8adfab2 100644
--- a/packages/docs/src/components/icons/IconArrowDownRight.tsx
+++ b/packages/docs/src/components/icons/IconArrowDownRight.tsx
@@ -18,6 +18,10 @@ export const IconArrowDownRight = (props: ItemProps) => {
             fill="none"
             stroke-linecap="round"
             stroke-linejoin="round"
-        ></svg>
+        >
+            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+            <line x1="7" y1="7" x2="17" y2="17"></line>
+            <polyline points="17 8 17 17 8 17"></polyline>
+        </svg>
     )
 }
diff --git a/packages/docs/src/components/widgets/CallToAction.tsx b/packages/docs/src/components/widgets/CallToAction.tsx
index f1eb46e..1ca9b40 100644
--- a/packages/docs/src/components/widgets/CallToAction.tsx
+++ b/packages/docs/src/components/widgets/CallToAction.tsx
@@ -7,7 +7,7 @@ export const handleVideo = $((ev: QwikMouseEvent<HTMLVideoElement>) => {
 
 export default component$(() => {
     return (
-        <section class="relative border-t border-gray-200 dark:border-slate-800">
+        <section class="relative ">
             <div class="max-w-6xl mx-auto px-4 sm:px-6 ">
                 <div class="py-0 md:py-5">
                     <video
diff --git a/packages/docs/src/components/widgets/Collaborators.tsx b/packages/docs/src/components/widgets/Collaborators.tsx
index 540cfb7..23f2844 100644
--- a/packages/docs/src/components/widgets/Collaborators.tsx
+++ b/packages/docs/src/components/widgets/Collaborators.tsx
@@ -33,7 +33,10 @@ export default component$((props: { users: User[] }) => {
                     </h2>
                     <p class="max-w-3xl mx-auto sm:text-center text-xl text-gray-600 dark:text-slate-400">
                         Todo es posible gracias a el mayor recursos de todos, el
-                        recurso humano. Tu tambien puedes formar parte
+                        recurso humano. Tu tambien puedes{' '}
+                        <a class={'font-semibold'} href="/docs/contributing">
+                            formar parte
+                        </a>
                     </p>
                 </div>
 
diff --git a/packages/docs/src/components/widgets/FAQs.tsx b/packages/docs/src/components/widgets/FAQs.tsx
index 829d032..28aa2c1 100644
--- a/packages/docs/src/components/widgets/FAQs.tsx
+++ b/packages/docs/src/components/widgets/FAQs.tsx
@@ -34,7 +34,7 @@ export default component$(() => {
     ]
 
     return (
-        <section class="border-t border-gray-200 dark:border-slate-800">
+        <section class="">
             <div class="px-4 py-16 mx-auto max-w-6xl lg:py-20">
                 <div class="max-w-xl sm:mx-auto lg:max-w-2xl">
                     <div class="max-w-xl mb-10 md:mx-auto sm:text-center lg:max-w-2xl md:mb-12">
@@ -52,10 +52,10 @@ export default component$(() => {
                             <div class="space-y-8">
                                 {subitems.map(({ question, answer }) => (
                                     <div>
-                                        <p class="mb-4 text-xl font-bold">
-                                            <IconArrowDownRight class="w-7 h-7 text-secondary-500 inline-block" />
+                                        <div class="mb-4 text-xl font-bold">
+                                            <IconArrowDownRight class="w-7 h-7 text-primary-600  inline-block" />
                                             {question}
-                                        </p>
+                                        </div>
                                         {answer
                                             .split('\n\n')
                                             .map((paragraph) => (
diff --git a/packages/docs/src/components/widgets/Features.tsx b/packages/docs/src/components/widgets/Features.tsx
index 451211c..4888086 100644
--- a/packages/docs/src/components/widgets/Features.tsx
+++ b/packages/docs/src/components/widgets/Features.tsx
@@ -15,14 +15,14 @@ export default component$(() => {
                     'Se pueden automatizar tareas repetitivas y ahorrar tiempo y esfuerzo en tareas administrativas, como enviar recordatorios a tus clientes sobre pagos pendientes o para confirmar citas o reservas.',
             },
             {
-                title: 'Experiencia personalizada para tus clientes',
+                title: 'Experiencia personalizada',
                 description:
                     'Podrás enviar mensajes automatizados con ofertas especiales o recomendaciones de productos basadas en el historial de compras de tus clientes, lo que significa que tus clientes pueden recibir una experiencia más personalizada.',
             },
         ],
         [
             {
-                title: 'Análisis de datos y toma de decisiones informadas',
+                title: 'Análisis de datos',
                 description:
                     'Te permite recopilar y analizar datos sobre tus clientes para ayudarte a entender mejor sus necesidades y preferencias, y ofrecerles un servicio aún más destacado.',
                 icon: 'tabler:rocket',