feat: improve UI

asafkorem · Nov 4, 2024 · b079288 · b079288
1 parent fd2a9b1
commit b079288
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 6 deletions.
diff --git 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
diff --git 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
@@ -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>