From b0792882563679dcc2ec86db08deda6305354a99 Mon Sep 17 00:00:00 2001
From: Asaf Korem <asaf.korem@gmail.com>
Date: Mon, 4 Nov 2024 18:30:34 +0200
Subject: [PATCH] feat: improve UI

---
 next.config.ts     |  1 +
 public/github.svg  |  1 +
 src/app/layout.tsx |  3 ++-
 src/app/page.tsx   | 27 ++++++++++++++++++++++-----
 4 files changed, 26 insertions(+), 6 deletions(-)
 create mode 100644 public/github.svg

diff --git a/next.config.ts b/next.config.ts
index 1c89844..505f692 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -4,6 +4,7 @@ const nextConfig = {
     images: {
         unoptimized: true,
     },
+    reactStrictMode: true,
 }
 
 module.exports = nextConfig
diff --git a/public/github.svg b/public/github.svg
new file mode 100644
index 0000000..a580fa4
--- /dev/null
+++ b/public/github.svg
@@ -0,0 +1 @@
+<svg role="img" fill="#FFFFFF" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index e67a859..938a4f7 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -8,6 +8,7 @@ const geistSans = localFont({
   variable: "--font-geist-sans",
   weight: "100 900",
 });
+
 const geistMono = localFont({
   src: "./fonts/GeistMonoVF.woff",
   variable: "--font-geist-mono",
@@ -18,7 +19,7 @@ const GA_MEASUREMENT_ID = 'G-NFEVN0VVSF';
 
 export const metadata: Metadata = {
   title: "Git Spotlight",
-  description: "Illuminating your code's pain points through git history",
+    description: "Spot pain points in your code through git history",
 };
 
 export default function RootLayout({
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0497e8e..3471eb5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,16 +8,15 @@ export default function Home() {
   return (
       <div className="min-h-screen bg-[#0d1117] text-[#c9d1d9] p-6">
         <div className="max-w-5xl mx-auto space-y-6">
-          <header className="text-center py-8">
+          <header className="text-center py-1">
             <div className="flex items-center justify-center gap-3 mb-4">
               <Flashlight
                   className="w-8 h-8 text-yellow-500 transform rotate-[145deg] animate-shine"
               />
               <h1 className="text-3xl font-bold text-glow">Git Spotlight</h1>
             </div>
-            <p className="text-[#8b949e] max-w-2xl mx-auto mb-6">
-              Discover insights in your git history with these carefully crafted command patterns.
-              Each pattern helps you identify different aspects of your codebase.
+            <p className="text-[#8b949e] max-w-2xl mx-auto mb-3">
+              Spot pain points in your code through git history
             </p>
           </header>
 
@@ -30,7 +29,7 @@ export default function Home() {
             ))}
           </div>
 
-          <footer className="text-center text-sm py-8">
+          <footer className="text-center text-sm py-8 space-y-4">
             <p className="text-[#8b949e]">
               Originally presented in{' '}
               <span className="text-[#c9d1d9]">
@@ -41,6 +40,24 @@ export default function Home() {
               by Asaf Korem • Wix Engineering Conference 2024
             </span>
             </p>
+
+            <a
+                href="https://github.com/yourusername/git-spotlight"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="inline-flex items-center gap-2.5 px-4 py-2 rounded-lg
+                     bg-[#21262d] hover:bg-[#30363d]
+                     border border-[#30363d] hover:border-[#8b949e]
+                     transition-all duration-200 ease-in-out group
+                     text-[#c9d1d9] hover:text-white rounded"
+            >
+              <img
+                  src="/github.svg"
+                  alt="GitHub"
+                  className="w-5 h-5 opacity-90 group-hover:opacity-100 transition-opacity"
+              />
+              <span>Contribute on GitHub</span>
+            </a>
           </footer>
         </div>
       </div>