feat: replace NotebookLM icon with SVG logo in download section

thinkingjimmy · thinkingjimmy · commit d8a0cc079811 · 2025-08-22T19:27:30.000+08:00
diff --git a/public/logos/notebooklm.svg b/public/logos/notebooklm.svg
@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>NotebookLM</title><path d="M11.999 3.14C5.372 3.14 0 8.588 0 15.312v5.828h2.212v-.58c0-2.728 2.178-4.938 4.866-4.938 2.688 0 4.866 2.21 4.866 4.937v.581h2.212v-.58c0-3.967-3.17-7.18-7.078-7.18a6.966 6.966 0 00-4.086 1.318C4.2 12.262 6.687 10.59 9.56 10.59c4.057 0 7.347 3.338 7.347 7.453v3.097h2.212v-3.097c0-5.355-4.28-9.698-9.56-9.698a9.438 9.438 0 00-6.217 2.332C4.984 7.528 8.244 5.383 12 5.383c5.406 0 9.788 4.446 9.788 9.93v5.827H24v-5.828C23.999 8.588 18.627 3.14 11.999 3.14z"></path></svg>
diff --git a/src/app/page.jsx b/src/app/page.jsx
@@ -44,7 +44,7 @@ export default function IndexPage() {
               <a href="https://storage.googleapis.com/webstatics.ii.inc/The%20Last%20Economy.pdf" className="border-2 border-[#BAE9F4] hover:bg-[#BAE9F4]/50 transition-colors py-3 px-4 rounded-lg flex items-center justify-center gap-2 font-bold" target="_blank"><CloudDownload /> Download PDF</a>
               <a href="https://storage.googleapis.com/webstatics.ii.inc/The%20Last%20Economy%20-%20FINAL%20EPUB.epub" className="border-2 border-[#BAE9F4] hover:bg-[#BAE9F4]/50 transition-colors py-3 px-4 rounded-lg flex items-center justify-center gap-2 font-bold" target="_blank"><CloudDownload /> Download EPUB</a>
               <a href="https://books.apple.com/us/book/the-last-economy/id6751326083" className="border-2 border-[#BAE9F4] hover:bg-[#BAE9F4]/50 transition-colors py-3 px-4 rounded-lg flex items-center justify-center gap-2 font-bold" target="_blank"><Image src="/logos/apple.svg" alt="Apple" width={20} height={20} className="invert" /> Apple Books</a>
-              <a href="https://notebooklm.google.com/notebook/64caceae-51f4-4744-ad4c-772cb9237ad2" className="border-2 border-[#BAE9F4] hover:bg-[#BAE9F4]/50 transition-colors py-3 px-4 rounded-lg flex items-center justify-center gap-2 font-bold" target="_blank"><Notebook /> NotebookLM </a>
+              <a href="https://notebooklm.google.com/notebook/64caceae-51f4-4744-ad4c-772cb9237ad2" className="border-2 border-[#BAE9F4] hover:bg-[#BAE9F4]/50 transition-colors py-3 px-4 rounded-lg flex items-center justify-center gap-2 font-bold" target="_blank"><Image src="/logos/notebooklm.svg" alt="NotebookLM" width={20} height={20} className="invert" /> NotebookLM </a>
               <a href="https://chatgpt.com/share/68a7323b-0620-8009-9de3-947e65565e63" className="border-2 border-[#BAE9F4] hover:bg-[#BAE9F4]/50 transition-colors py-3 px-4 rounded-lg flex items-center justify-center gap-2 font-bold" target="_blank"><Image src="/logos/chatgpt.svg" alt="ChatGPT" width={20} height={20} className="invert" /> GPT-5 </a>
               <a href="https://claude.ai/share/1bc9ace1-9638-40cc-b436-a4cd6a7fd0cd" className="border-2 border-[#BAE9F4] hover:bg-[#BAE9F4]/50 transition-colors py-3 px-4 rounded-lg flex items-center justify-center gap-2 font-bold" target="_blank"><Image src="/logos/claude.svg" alt="Claude" width={20} height={20} className="invert" /> Claude</a>
               <a href="https://grok.com/share/bGVnYWN5_a79eb1b2-17dd-47dd-85a1-96dda7dbf18d" className="border-2 border-[#BAE9F4] hover:bg-[#BAE9F4]/50 transition-colors py-3 px-4 rounded-lg flex items-center justify-center gap-2 font-bold" target="_blank"><Image src="/logos/grok.svg" alt="Grok" width={20} height={20} className="invert" /> Grok</a>
