From 165e64951b564bb850cc75e2cb53d23673fc2be7 Mon Sep 17 00:00:00 2001
From: Irwing Naranjo <khalisser@gmail.com>
Date: Tue, 2 Apr 2024 23:28:26 -0300
Subject: [PATCH 1/5] feat: add not-found page

---
 src/app/not-found.tsx | 78 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 78 insertions(+)
 create mode 100644 src/app/not-found.tsx

diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
new file mode 100644
index 0000000..041262c
--- /dev/null
+++ b/src/app/not-found.tsx
@@ -0,0 +1,78 @@
+/* eslint-disable tailwindcss/migration-from-tailwind-2 */
+import { Header } from "@/components/Header/Header";
+import { Mountain } from "@/components/Icons/Mountain";
+import { Particles } from "@/components/Particles";
+import { footer } from "@/lib/data";
+import { getMetaData, getViewports } from "@/lib/metadata";
+import { Link } from "@/components/Link";
+import { ChevronLeft } from "lucide-react";
+
+export const generateMetadata = () => getMetaData({});
+
+export const generateViewport = getViewports;
+
+export default function Home() {
+  return (
+    <>
+      <main className="text-white">
+        <div className="relative h-screen">
+          <div className="pointer-events-none absolute inset-0">
+            <div className="flex h-screen w-full items-center justify-center">
+              <div className="absolute">
+                <div className="relative -z-30 mx-auto w-[400px] max-w-[90%] animate-gradient-svg from-mountain-primary to-mountain-secondary blur-[1px] md:w-[746px] md:blur-sm lg:w-[900px] xl:w-[1200px]">
+                  <Mountain />
+                </div>
+                <div className="absolute top-0 -z-20 mx-auto size-full max-w-[100%] bg-gradient-radial to-black to-95% md:w-[746px] lg:w-[900px] xl:w-[1200px]"></div>
+                <div
+                  className="absolute top-0 -z-10 mx-auto size-full max-w-[100%] md:w-[746px] lg:w-[900px] xl:w-[1200px]"
+                  id="home"
+                ></div>
+                <Particles id="home" />
+                <div className="absolute top-0 z-[-1] mx-auto size-full max-w-[100%] bg-[#090907] opacity-70 blur-xl md:w-[746px] lg:w-[900px] lg:blur-2xl xl:w-[1200px]"></div>
+              </div>
+            </div>
+          </div>
+          <div className="z-[1]">
+            <Header />
+            <div className="mx-auto flex h-[calc(100vh_-_120px)] w-[400px] max-w-[90%] flex-auto flex-col justify-center gap-8 text-left text-white md:w-[746px] lg:shrink-0 lg:basis-1/3">
+              <div className="flex flex-col items-center justify-center gap-6 rounded-xl bg-[#090907] bg-opacity-10 px-12 py-32 text-center backdrop-blur">
+                <h1 className="text-center font-inconsolata text-9xl font-bold text-gray-200">
+                  404
+                </h1>
+                <p className="font-inconsolata text-2xl text-gray-400">
+                  La página que estás buscando no existe.
+                </p>
+                <div className="w-full md:w-48">
+                  <Link
+                    href="https://tally.so/r/mO5j9A"
+                    target="_blank"
+                    rel="noreferrer"
+                  >
+                    <ChevronLeft size={16} /> Volver al inicio
+                  </Link>
+                </div>
+              </div> 
+            </div>
+          </div>
+        </div>
+      </main>
+      <footer className="relative z-10 p-4 font-koulen text-white">
+        <div className="container mx-auto flex flex-col items-center justify-center gap-4 lg:flex-row">
+          <div className="flex flex-col gap-4 text-center lg:flex-row lg:gap-8">
+            {footer.map((link) => (
+              <a
+                key={link.url}
+                href={link.url}
+                target="_blank"
+                rel="noreferrer"
+                className="hover:text-jsconf-yellow"
+              >
+                {link.name}
+              </a>
+            ))}
+          </div>
+        </div>
+      </footer>
+    </>
+  );
+}

From 8391a87ceaad155647698e324ef13ec245ea17d3 Mon Sep 17 00:00:00 2001
From: Irwing Naranjo <khalisser@gmail.com>
Date: Tue, 2 Apr 2024 23:29:20 -0300
Subject: [PATCH 2/5] feat: custom 404 page

---
 src/app/not-found.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index 041262c..26e1381 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -35,7 +35,11 @@ export default function Home() {
           <div className="z-[1]">
             <Header />
             <div className="mx-auto flex h-[calc(100vh_-_120px)] w-[400px] max-w-[90%] flex-auto flex-col justify-center gap-8 text-left text-white md:w-[746px] lg:shrink-0 lg:basis-1/3">
+<<<<<<< Updated upstream
               <div className="flex flex-col items-center justify-center gap-6 rounded-xl bg-[#090907] bg-opacity-10 px-12 py-32 text-center backdrop-blur">
+=======
+              <div className="flex flex-col items-center justify-center gap-6 rounded-xl bg-[#090907] bg-opacity-30 px-12 py-32 text-center backdrop-blur">
+>>>>>>> Stashed changes
                 <h1 className="text-center font-inconsolata text-9xl font-bold text-gray-200">
                   404
                 </h1>
@@ -51,7 +55,11 @@ export default function Home() {
                     <ChevronLeft size={16} /> Volver al inicio
                   </Link>
                 </div>
+<<<<<<< Updated upstream
               </div> 
+=======
+              </div>
+>>>>>>> Stashed changes
             </div>
           </div>
         </div>

From a0c6c730795d1ef7056fe5def8cc2c85e4b08145 Mon Sep 17 00:00:00 2001
From: Irwing Naranjo <khalisser@gmail.com>
Date: Tue, 2 Apr 2024 23:34:31 -0300
Subject: [PATCH 3/5] fix: conflicts and add correct href

---
 src/app/not-found.tsx | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index 26e1381..96aaf4c 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -35,11 +35,7 @@ export default function Home() {
           <div className="z-[1]">
             <Header />
             <div className="mx-auto flex h-[calc(100vh_-_120px)] w-[400px] max-w-[90%] flex-auto flex-col justify-center gap-8 text-left text-white md:w-[746px] lg:shrink-0 lg:basis-1/3">
-<<<<<<< Updated upstream
               <div className="flex flex-col items-center justify-center gap-6 rounded-xl bg-[#090907] bg-opacity-10 px-12 py-32 text-center backdrop-blur">
-=======
-              <div className="flex flex-col items-center justify-center gap-6 rounded-xl bg-[#090907] bg-opacity-30 px-12 py-32 text-center backdrop-blur">
->>>>>>> Stashed changes
                 <h1 className="text-center font-inconsolata text-9xl font-bold text-gray-200">
                   404
                 </h1>
@@ -48,18 +44,13 @@ export default function Home() {
                 </p>
                 <div className="w-full md:w-48">
                   <Link
-                    href="https://tally.so/r/mO5j9A"
-                    target="_blank"
+                    href="/"
                     rel="noreferrer"
                   >
                     <ChevronLeft size={16} /> Volver al inicio
                   </Link>
                 </div>
-<<<<<<< Updated upstream
-              </div> 
-=======
               </div>
->>>>>>> Stashed changes
             </div>
           </div>
         </div>

From 5fcd1a65177d28cbe7c9232a8da4b51421f25954 Mon Sep 17 00:00:00 2001
From: Irwing Naranjo <khalisser@gmail.com>
Date: Tue, 2 Apr 2024 23:39:19 -0300
Subject: [PATCH 4/5] refactor: add linting and code formatting fixes

---
 .husky/pre-commit | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.husky/pre-commit b/.husky/pre-commit
index 36af219..6440a3a 100644
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -2,3 +2,5 @@
 . "$(dirname "$0")/_/husky.sh"
 
 npx lint-staged
+npm run lint:fix
+npm run prettier:fix

From e1c5bb48a0f028f392e05bcb892f013561187b31 Mon Sep 17 00:00:00 2001
From: Irwing Naranjo <khalisser@gmail.com>
Date: Tue, 2 Apr 2024 23:39:56 -0300
Subject: [PATCH 5/5] refactor: code style not-found.tsx

---
 src/app/not-found.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index 96aaf4c..9855da2 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -1,11 +1,12 @@
 /* eslint-disable tailwindcss/migration-from-tailwind-2 */
+import { ChevronLeft } from "lucide-react";
+
 import { Header } from "@/components/Header/Header";
 import { Mountain } from "@/components/Icons/Mountain";
+import { Link } from "@/components/Link";
 import { Particles } from "@/components/Particles";
 import { footer } from "@/lib/data";
 import { getMetaData, getViewports } from "@/lib/metadata";
-import { Link } from "@/components/Link";
-import { ChevronLeft } from "lucide-react";
 
 export const generateMetadata = () => getMetaData({});
 
@@ -43,10 +44,7 @@ export default function Home() {
                   La página que estás buscando no existe.
                 </p>
                 <div className="w-full md:w-48">
-                  <Link
-                    href="/"
-                    rel="noreferrer"
-                  >
+                  <Link href="/" rel="noreferrer">
                     <ChevronLeft size={16} /> Volver al inicio
                   </Link>
                 </div>