fix links and build issues

src/app/page.tsx

@@ -168,7 +168,7 @@ export default function Home() {
               Creative Corner
             </h2>
             <div className="grid md:grid-cols-3 gap-6">
-              <a
+              <Link
                 href="/digital-art"
                 className="bg-yellow-100 border-2 border-black rounded-none p-6 text-center hover:bg-yellow-200 transition-colors"
               >
@@ -179,8 +179,8 @@ export default function Home() {
                 <p className="text-gray-800 text-sm">
                   Someone messing around with colors and shapes.
                 </p>
-              </a>
-              <a
+              </Link>
+              <Link
                 href="/stories"
                 className="bg-green-100 border-2 border-black rounded-none p-6 text-center hover:bg-green-200 transition-colors"
               >
@@ -191,8 +191,8 @@ export default function Home() {
                 <p className="text-gray-800 text-sm">
                   I like good narratives, so I try to imitate them.
                 </p>
-              </a>
-              <a
+              </Link>
+              <Link
                 href="/thoughts"
                 className="bg-teal-100 border-2 border-black rounded-none p-6 text-center hover:bg-teal-200 transition-colors"
               >
@@ -203,7 +203,7 @@ export default function Home() {
                 <p className="text-gray-800 text-sm">
                   Rants on technology, maybe something else.
                 </p>
-              </a>
+              </Link>
             </div>
           </section>
 
@@ -231,7 +231,7 @@ export default function Home() {
         <footer className="mt-20 text-center">
           <div className="flex justify-center space-x-6 mb-6">
             <a
-              href="#"
+              href="https://github.com/neutrino2211/"
               className="text-black font-bold hover:text-green-600 transition-colors"
             >
               <span className="sr-only">GitHub</span>
@@ -244,7 +244,7 @@ export default function Home() {
               </svg>
             </a>
             <a
-              href="#"
+              href="https://www.linkedin.com/in/mainasara-tsowa-17098b214/"
               className="text-black font-bold hover:text-teal-600 transition-colors"
             >
               <span className="sr-only">LinkedIn</span>
@@ -253,7 +253,7 @@ export default function Home() {
               </svg>
             </a>
             <a
-              href="#"
+              href="https://x.com/neutrino2211/"
               className="text-black font-bold hover:text-blue-600 transition-colors"
             >
               <span className="sr-only">Twitter</span>