feat: 🚀 Updated information, added posthog

TrejoCode · Mar 24, 2024 · 0ffc45b · 0ffc45b
1 parent 2b6829b
commit 0ffc45b
Show file tree

Hide file tree

Showing 10 changed files with 116 additions and 96 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -27,6 +27,8 @@ jobs:
           echo NEXT_PUBLIC_EMAILJS_SERVICE_ID = ${{ secrets.NEXT_PUBLIC_EMAILJS_SERVICE_ID }} >> .env
           echo NEXT_PUBLIC_EMAILJS_TEMPLATE_ID = ${{ secrets.NEXT_PUBLIC_EMAILJS_TEMPLATE_ID }} >> .env
           echo NEXT_PUBLIC_EMAILJS_PUBLIC_KEY = ${{ secrets.NEXT_PUBLIC_EMAILJS_PUBLIC_KEY }} >> .env
+          echo NEXT_PUBLIC_POSTHOG_KEY = ${{ secrets.NEXT_PUBLIC_POSTHOG_KEY }} >> .env
+          echo NEXT_PUBLIC_POSTHOG_HOST = ${{ secrets.NEXT_PUBLIC_POSTHOG_HOST }} >> .env
           echo NODE_ENV = ${{ secrets.NODE_ENV }} >> .env
 
       - run: npm install

diff --git a/next.config.js b/next.config.js
@@ -4,22 +4,9 @@
 
 /** @type {import('next').NextConfig} */
 
-// Funciones de reescritura compatibles con splitbee analytics
-const rewrites = async () => [
-  {
-    source: '/bee.js',
-    destination: 'https://cdn.splitbee.io/sb.js',
-  },
-  {
-    source: '/_hive/:slug',
-    destination: 'https://hive.splitbee.io/:slug',
-  },
-];
-
 const nextConfig = {
   reactStrictMode: true,
   swcMinify: true,
-  rewrites,
   images: {
     domains: ['res.cloudinary.com'],
   },

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,10 +15,10 @@
     "@emailjs/browser": "^3.9.1",
     "@fontsource/ibm-plex-sans": "^4.5.13",
     "@hcaptcha/react-hcaptcha": "^1.4.4",
-    "@splitbee/web": "^0.3.0",
     "@trejocode/uikit": "^0.1.4",
     "classnames": "^2.3.2",
     "next": "13.0.0",
+    "posthog-js": "^1.116.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hot-toast": "^2.4.0"

diff --git a/src/assets/images/traxion.svg b/src/assets/images/traxion.svg
diff --git a/src/components/Cards/Projects/data.ts b/src/components/Cards/Projects/data.ts
@@ -32,7 +32,7 @@ export const CARDS_DATA: InterfaceCardProps[] = [
   {
     image: ImageWoonkly,
     title: 'Woonkly NFT Marketplace',
-    url: 'https://www.woonkly.com',
+    url: 'https://v3.woonkly.com',
     description:
       'La primera red social que convierte tu contenido digital en NFT, que también se puede vender en su propio Marketplace.',
     tags: [
@@ -64,40 +64,44 @@ export const CARDS_DATA: InterfaceCardProps[] = [
     ],
   },
   {
-    image: ImageSietemares,
-    title: 'Sietemares',
-    url: 'https://www.sietemares.com.mx',
+    image: ImageUIKit,
+    title: '@trejocode/uikit',
+    url: 'https://ui.trejocode.com/',
     description:
-      'Plataforma náutica donde se abre una ventana llena de posibilidades para los turistas y residentes que desean encontrar actividades acuáticas.',
+      'Biblioteca de componentes UI reutilizables para proyectos personales ayuda a crear interfaces de usuario más rápido.',
     tags: [
       {
         type: 'web',
         title: 'Web',
       },
-      {
-        type: 'backend',
-        title: 'Backend',
-      },
       {
         type: 'infra',
         title: 'Infraestructura',
       },
+      {
+        type: 'open',
+        title: 'Open Source',
+      },
     ],
   },
   {
-    image: ImageWUIKIT,
-    title: 'Woonkly UIKit',
-    url: 'https://uikit.woonkly.com',
+    image: ImageSietemares,
+    title: 'Sietemares',
+    url: 'https://www.sietemares.com.mx',
     description:
-      'Woonkly UIKit es una biblioteca de componentes reutilizables que ayuda a los colaboradores de Woonkly a crear interfaces de usuario más rápido.',
+      'Plataforma náutica donde se abre una ventana llena de posibilidades para los turistas y residentes que desean encontrar actividades acuáticas.',
     tags: [
       {
         type: 'web',
         title: 'Web',
       },
       {
-        type: 'design',
-        title: 'Diseño Web',
+        type: 'backend',
+        title: 'Backend',
+      },
+      {
+        type: 'infra',
+        title: 'Infraestructura',
       },
     ],
   },
@@ -166,19 +170,19 @@ export const CARDS_DATA: InterfaceCardProps[] = [
     ],
   },
   {
-    image: ImageMontemar,
-    title: 'Montemar Menú',
-    url: 'https://montemar.com.mx/menu/',
+    image: ImageCopperBranch,
+    title: 'Eat Copper Branch',
+    url: 'https://www.eatcopperbranch.com',
     description:
-      'Menu interactivo, Montemar a la altura de los mejores Restaurantes de México, es el resultado de una visión mas allá de lo convencional.',
+      'Wordpress Site. Los restaurantes de Copper Branch ofrecen un menú vegano a base de plantas y superalimentos.',
     tags: [
       {
         type: 'web',
         title: 'Web',
       },
       {
-        type: 'design',
-        title: 'Diseño Web',
+        type: 'wordpress',
+        title: 'Wordpress',
       },
     ],
   },
@@ -229,23 +233,19 @@ export const CARDS_DATA: InterfaceCardProps[] = [
     ],
   },
   {
-    image: ImageUIKit,
-    title: '@trejocode/uikit',
-    url: 'https://www.npmjs.com/package/@trejocode/uikit',
+    image: ImageWUIKIT,
+    title: 'Woonkly UIKit',
+    url: 'https://uikit.woonkly.com',
     description:
-      'Biblioteca de componentes UI reutilizables para proyectos personales ayuda a crear interfaces de usuario más rápido.',
+      'Woonkly UIKit es una biblioteca de componentes reutilizables que ayuda a los colaboradores de Woonkly a crear interfaces de usuario más rápido.',
     tags: [
       {
         type: 'web',
         title: 'Web',
       },
       {
-        type: 'infra',
-        title: 'Infraestructura',
-      },
-      {
-        type: 'open',
-        title: 'Open Source',
+        type: 'design',
+        title: 'Diseño Web',
       },
     ],
   },
@@ -377,19 +377,19 @@ export const CARDS_DATA: InterfaceCardProps[] = [
     ],
   },
   {
-    image: ImageCopperBranch,
-    title: 'Eat Copper Branch',
-    url: 'https://www.eatcopperbranch.com',
+    image: ImageMontemar,
+    title: 'Montemar Menú',
+    url: 'https://montemar.com.mx/menu/',
     description:
-      'Wordpress Site. Los restaurantes de Copper Branch ofrecen un menú vegano a base de plantas y superalimentos.',
+      'Menu interactivo, Montemar a la altura de los mejores Restaurantes de México, es el resultado de una visión mas allá de lo convencional.',
     tags: [
       {
         type: 'web',
         title: 'Web',
       },
       {
-        type: 'wordpress',
-        title: 'Wordpress',
+        type: 'design',
+        title: 'Diseño Web',
       },
     ],
   },

diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
@@ -125,7 +125,7 @@ const Footer = (): JSX.Element => {
               </span>
             </a>
             <a
-              href="https://www.superprof.mx/programacion-desarrollo-web-aplicaciones-html-css-javascript-react-node-frontend-backend-desde-hasta-fullstack.html"
+              href="https://bit.ly/4cwF9xC"
               className="flex items-center text-white font-semibold text-base outline-2 focus:outline-dashed focus:outline-white rounded my-1"
               target="_blank"
               rel="follow noreferrer"

diff --git a/src/components/Home/About.tsx b/src/components/Home/About.tsx
@@ -46,22 +46,22 @@ const About = (): JSX.Element => (
             <span className="font-semibold mr-1">Actualidad: </span>
             <span className="flex flex-row">
               <a
-                href="https://www.woonkly.com"
+                href="https://traxion.global/"
                 target="_blank"
                 rel="nofollow noreferrer"
                 className="flex flex-row items-center w-auto"
               >
-                <span className="mr-1">Woonkly</span>
+                <span className="mr-1">Traxión</span>
                 <Icon icon="ExternalLink" size={16} className="stroke-secondary-base" aria-hidden />
               </a>
-              <span className="ml-1">- Ssr Frontend Developer</span>
+              <span className="ml-1">- Sr React Native Developer</span>
             </span>
           </p>
           <p className="flex flex-row flex-wrap font-medium text-base md:text-lg text-secondary-base mb-6">
             <span className="font-semibold mr-1">Mentorías: </span>
             <span className="flex flex-row">
               <a
-                href="https://bit.ly/3ngHBR7"
+                href="https://bit.ly/4cwF9xC"
                 target="_blank"
                 rel="nofollow noreferrer"
                 className="flex flex-row items-center w-auto"
@@ -74,16 +74,18 @@ const About = (): JSX.Element => (
           </p>
           <h3 className="font-bold text-2xl text-secondary-base mb-6">
             <span className="text-primaryAlt-base">{'{'} </span>
-            2023
+            2024
             <span className="text-primaryAlt-base"> {'}'}</span>
           </h3>
           <p className="font-medium text-base md:text-lg text-secondary-base mb-4">
-            - Convertirme en Blockchain Developer, hola Web 3.0
+            - Convertirme en Android/iOS Developer
           </p>
           <p className="font-medium text-base md:text-lg text-secondary-base mb-4">
             - Dominar Accesibilidad Web, ninguna discapacidad debe limitar la Web
           </p>
-          <p className="font-medium text-base md:text-lg text-secondary-base mb-4">- Empezar en el idioma Portugués</p>
+          <p className="font-medium text-base md:text-lg text-secondary-base mb-4">
+            - Obtener el certificado C1 en Inglés
+          </p>
         </div>
       </div>
     </div>