From 67cb3d9dd96260502ef933ebc3dc4dc6f5f32200 Mon Sep 17 00:00:00 2001
From: aJesusCode <ajesusnode@gmail.com>
Date: Wed, 25 Oct 2023 14:00:40 +0200
Subject: [PATCH] fix: added guide button to main page

---
 src/app/components/SpotConditionsWeek.tsx | 2 --
 src/app/info/page.tsx                     | 4 +---
 src/app/page.tsx                          | 6 ++++++
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/components/SpotConditionsWeek.tsx b/src/app/components/SpotConditionsWeek.tsx
index e17e145..5a0bc73 100644
--- a/src/app/components/SpotConditionsWeek.tsx
+++ b/src/app/components/SpotConditionsWeek.tsx
@@ -28,8 +28,6 @@ export default function SpotConditionsWeek({
         return locTime.setZone("Europe/Paris").toFormat("ccc d HH:mm");
     });
 
-    //TODO make side column sticky
-
     return (
         <div className="overflow-y-auto">
             <table className="table-auto border-separate border-spacing-2 items-center">
diff --git a/src/app/info/page.tsx b/src/app/info/page.tsx
index 1f5e253..133e032 100644
--- a/src/app/info/page.tsx
+++ b/src/app/info/page.tsx
@@ -3,7 +3,6 @@ import pintxosData from "@/app/constants/pintxosData";
 import Image from "next/image";
 import Link from "next/link";
 
-//TODO Add more description, refactor ui
 const Info = () => {
     return (
         <div className="text-light rounded-lg shadow-lg relative overflow-hidden lg:p-20 h-full px-4 pt-20">
@@ -24,7 +23,6 @@ const Info = () => {
                 brand color. You can learn them below.
             </p>
 
-            {/* Grid for list items */}
             <div className="grid grid-cols-1 md:grid-cols-3 gap-4 h-full my-8">
                 {pintxosData.map((item, index) => (
                     <div
@@ -55,7 +53,7 @@ const Info = () => {
                     </div>
                 ))}
             </div>
-            <div className="mx-auto mb-8 lg:flex lg:justify-center lg:items-center md:mt-8">
+            <div className="mx-auto mb-8 lg:flex lg:justify-center lg:items-center md:mt-20">
                 <Link href="/spots">
                     <button className=" p-4 rounded-md bg-secondary text-primary hover:bg-light hover:text-dark font-body w-full md:px-12">
                         Go to Pintxos
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 52d0427..378abee 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,6 +33,12 @@ export default async function Home() {
                     Check Pintxos
                 </button>
             </Link>
+            <span className="text-light font-body">or</span>
+            <Link href="/info">
+                <button className="w-72 p-4 rounded-md border border-light text-secondary hover:bg-dark hover:text-light font-body">
+                    Pintxos Guide
+                </button>
+            </Link>
         </main>
     );
 }