Fix Dark Mode Styles for Footer

components/footer.tsx

@@ -3,6 +3,8 @@ import Image from 'next/image'
 
 import { ToggleThemeButton } from '@/components/toggle-theme-button'
 
+import Logo from '@/public/logo.svg'
+
 import {
   FOLLOW_US_LINKS,
   INTERNAL_LINKS,
@@ -17,13 +19,15 @@ interface linksProps {
 
 const Links = ({ title, links }: linksProps) => (
   <div className="basis-[100%] md:basis-[calc(33%-8px)] lg:basis-[calc(25%-8px)] xl:basis-[calc(20%-8px)]">
-    <h3 className="pb-6 text-base font-semibold text-black">{title}</h3>
+    <h3 className="pb-6 text-base font-semibold text-black dark:text-gray-200">
+      {title}
+    </h3>
     <ul className="flex flex-col gap-1">
       {links.map(({ href, label }, i) => (
         <li key={i}>
           <Link
             href={href}
-            className="block py-2 leading-6 text-neutral-600 hover:text-black"
+            className="block py-2 leading-6 text-neutral-600 hover:text-black dark:text-neutral-400 dark:hover:text-gray-200"
           >
             {label}
           </Link>
@@ -34,22 +38,22 @@ const Links = ({ title, links }: linksProps) => (
 )
 
 export const Footer = () => (
-  <footer className="w-full bg-[#f1f3f4]">
+  <footer className="w-full bg-[#f1f3f4] dark:bg-[#05080a]">
     <div className="w-full max-w-[1400px] mx-auto px-4 md:px-8">
       <div className="flex items-center gap-8 py-8">
-        <h4 className="text-black text-base sm:text-lg font-semibold">
+        <h4 className="text-black dark:text-gray-200 text-base sm:text-lg font-semibold">
           Follow Us
         </h4>
         <div className="flex items-center gap-8">
-          {FOLLOW_US_LINKS.map(({ href, alt, src }, i) => (
+          {FOLLOW_US_LINKS.map(({ href, Icon }, i) => (
-            <Link key={i} href={href}>
+            <Link key={i} href={href} className="group">
-              <Image alt={alt} src={src} width={24} height={24} />
+              <Icon className="fill-neutral-600 group-hover:fill-black dark:fill-neutral-400 dark:hover:fill-white" />
             </Link>
           ))}
         </div>
       </div>
 
-      <div className="flex flex-wrap items-start gap-2 gap-y-8 py-10 border-t border-neutral-200">
+      <div className="flex flex-wrap items-start gap-x-2 md:gap-x-4 gap-y-8 py-10 border-t border-neutral-200 dark:border-zinc-800">
         <Links title="Internal Links" links={INTERNAL_LINKS} />
         <Links title="External Links" links={EXTERNAL_LINKS} />
         <Links title="Internal Links" links={INTERNAL_LINKS} />
@@ -57,10 +61,10 @@ export const Footer = () => (
         <Links title="Internal Links" links={INTERNAL_LINKS} />
       </div>
 
-      <div className="flex flex-wrap items-center gap-6 pt-6 pb-10 border-t md:pb-12 md:pt-8 md:gap-8 border-t-clr-border">
+      <div className="flex flex-wrap items-center gap-6 pt-6 pb-10 border-t border-neutral-200 dark:border-zinc-800 md:pb-12 md:pt-8 md:gap-8 border-t-clr-border">
         <div className="flex items-center justify-between grow">
           <Link href="/">
-            <Image alt="logo" src="/logo.svg" width={120} height={34} />
+            <Logo className="w-[120px] h-[34px] fill-black dark:fill-white" />
           </Link>
 
           <ToggleThemeButton className="md:hidden" />
@@ -71,7 +75,7 @@ export const Footer = () => (
             <li key={i}>
               <Link
                 href={href}
-                className="text-sm text-neutral-600 hover:text-black hover:underline whitespace-nowrap"
+                className="text-sm text-neutral-600 hover:text-black dark:text-neutral-400 dark:hover:text-gray-200 hover:underline whitespace-nowrap"
               >
                 {label}
               </Link>

components/header.tsx

@@ -9,7 +9,7 @@ import { MobileNav } from '@/components/mobile-nav'
 export const Header = () => (
   <header className="w-full h-36 fixed top-0 shadow-header px-4 sm:px-6 pt-4 sm:pt-6 bg-white z-10">
     <div className="w-full max-w-[1400px] mx-auto flex flex-col items-center justify-center gap-4 sm:gap-4 md:gap-6">
-      <div className="w-full flex items-center justify-between">
+      <div className="w-full flex items-center justify-between gap-2">
         <Link href="/" className="overflow-hidden">
           <Image
             src="/logo.svg"

components/nav-dropdown.tsx

@@ -39,7 +39,7 @@ export const NavDropdown = ({
           <Link
             key={i}
             href={opLink}
-            className="w-full p-2 hover:bg-zinc-100 rounded-md transition-colors duration-200 text-sm"
+            className="w-full p-2 text-sm text-black hover:bg-zinc-100 rounded-md transition-colors duration-200"
           >
             {label}
           </Link>

components/toggle-theme-button.tsx

@@ -29,7 +29,10 @@ export const ToggleThemeButton = ({ className }: toggleThemeButtonProps) => {
         variant="secondary"
         icon={resolvedTheme === 'dark' ? <SunIcon /> : <MoonIcon />}
         onClick={() => setTheme(resolvedTheme === 'dark' ? 'light' : 'dark')}
-        className={clsx('w-12 h-12 rounded-full !px-1 bg-[#dedede]', className)}
+        className={clsx(
+          'w-12 h-12 rounded-full !px-1 !bg-[#dedede] dark:!bg-[#2e2e2e]',
+          className
+        )}
       />
     )
   )

constants/footer-links.ts

@@ -1,7 +1,11 @@
+import YoutubeIcon from '@/public/youtube.svg'
+import TwitterIcon from '@/public/twitter.svg'
+import FacebookIcon from '@/public/facebook.svg'
+
 export const FOLLOW_US_LINKS = [
-  { href: '/', alt: 'youtube icon', src: '/youtube.svg' },
+  { href: '/', Icon: YoutubeIcon },
-  { href: '/', alt: 'twitter icon', src: '/twitter.svg' },
+  { href: '/', Icon: TwitterIcon },
-  { href: '/', alt: 'facebook icon', src: '/facebook.svg' },
+  { href: '/', Icon: FacebookIcon },
 ]
 
 export const INTERNAL_LINKS = [

public/facebook.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.8587 24V13.0533H17.5316L18.0826 8.78588H13.8587V6.06176C13.8587 4.82664 14.2003 3.98492 15.9734 3.98492L18.2313 3.98399V0.167076C17.8408 0.116334 16.5005 0 14.9405 0C11.683 0 9.45282 1.98836 9.45282 5.63912V8.78588H5.7688V13.0533H9.45282V24H13.8587Z" fill="black"/>
+<path d="M13.8587 24V13.0533H17.5316L18.0826 8.78588H13.8587V6.06176C13.8587 4.82664 14.2003 3.98492 15.9734 3.98492L18.2313 3.98399V0.167076C17.8408 0.116334 16.5005 0 14.9405 0C11.683 0 9.45282 1.98836 9.45282 5.63912V8.78588H5.7688V13.0533H9.45282V24H13.8587Z" fill=""/>
 </svg>

public/logo.svg

@@ -1,5 +1,5 @@
-<svg width="138" height="38" viewBox="0 0 138 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 138 38" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect width="38" height="38" rx="9" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M38 9C38 4.02944 33.9706 0 29 0H9C4.02944 0 0 4.02944 0 9V29C0 33.9706 4.02944 38 9 38H29C33.9706 38 38 33.9706 38 29V9ZM25.9423 6.74828C27.1023 7.41529 27.6823 7.7488 28.0316 8.1999C28.4974 8.80143 28.7054 9.56107 28.61 10.3117C28.5664 10.6544 28.4267 11.0017 28.1748 11.4806C27.8047 12.1846 27.794 13.027 28.1974 13.7177C28.6008 14.4084 29.3427 14.8178 30.1422 14.8489C30.686 14.8699 31.0591 14.9223 31.3804 15.0551C32.0842 15.3459 32.645 15.9027 32.9394 16.6027C33.1602 17.1277 33.1636 17.7927 33.1703 19.1223L33.1703 19.1235C33.177 20.454 33.1803 21.1192 32.9649 21.6436C32.6774 22.3428 32.1222 22.8978 31.4215 23.1865C31.1014 23.3184 30.7289 23.3695 30.185 23.389C29.3859 23.4176 28.6482 23.8246 28.2518 24.514C27.8553 25.2035 27.8745 26.0461 28.2517 26.751C28.5085 27.2307 28.6515 27.5785 28.6987 27.9214C28.8016 28.6723 28.6012 29.4313 28.1415 30.0315C27.7966 30.4815 27.22 30.8132 26.0668 31.4766L26.0665 31.4768C24.9134 32.1402 24.3369 32.4719 23.7719 32.5451C23.0188 32.6428 22.2556 32.4382 21.6502 31.9762C21.3738 31.7653 21.1409 31.4693 20.849 31.0098C20.4201 30.3345 19.693 29.8991 18.8932 29.898C18.0933 29.8968 17.3707 30.3299 16.9486 31.0039C16.6614 31.4625 16.4313 31.758 16.1571 31.968C15.5564 32.428 14.7951 32.6304 14.0409 32.5304C13.4754 32.4553 12.8954 32.1218 11.7354 31.4548C10.5754 30.7878 9.99546 30.4543 9.64613 30.0033C9.18033 29.4017 8.9723 28.642 9.06771 27.8914C9.11127 27.5487 9.25096 27.2013 9.5028 26.7225C9.87307 26.0185 9.88374 25.1761 9.48037 24.4854C9.07692 23.7948 8.33503 23.3853 7.53558 23.3543C6.99168 23.3331 6.61858 23.2808 6.29732 23.148C5.59357 22.8571 5.03277 22.3004 4.73833 21.6003C4.51752 21.0755 4.51415 20.4104 4.50743 19.0808L4.50743 19.0796C4.50071 17.7492 4.49741 17.0838 4.71294 16.5595C5.00034 15.8603 5.55548 15.3053 6.25633 15.0166C6.57626 14.8848 6.94885 14.8336 7.49264 14.8141C8.29175 14.7855 9.02955 14.3783 9.42603 13.6889C9.82251 12.9995 9.80336 12.1569 9.42605 11.4517C9.16938 10.9721 9.02621 10.6245 8.97921 10.2817C8.87621 9.53066 9.07662 8.77164 9.53637 8.17155C9.88118 7.72147 10.4578 7.38975 11.611 6.72629L11.611 6.72629C12.7643 6.06284 13.3409 5.73111 13.9058 5.65785C14.659 5.56015 15.4223 5.76478 16.0277 6.22673C16.304 6.4376 16.537 6.73374 16.8288 7.19328C17.2577 7.86857 17.9848 8.30377 18.7846 8.30501C19.5844 8.30624 20.3071 7.87325 20.7292 7.19925C21.0164 6.74061 21.2463 6.44519 21.5206 6.23516C22.1214 5.77507 22.8826 5.57277 23.6368 5.67278C24.2024 5.74775 24.7823 6.08126 25.9423 6.74828ZM22.573 21.2488C21.396 23.2956 18.7702 23.9935 16.7078 22.8075C14.6455 21.6216 13.9277 19.0011 15.1047 16.9543C16.2816 14.9075 18.9075 14.2096 20.9699 15.3956C23.0323 16.5815 23.75 19.202 22.573 21.2488Z" fill="#616DF4"/>
-<path d="M45.1563 27.5V25.2969L52.9297 14.6406H45.1641V11.5H57.8203V13.7031L50.0469 24.3594H57.8125V27.5H45.1563ZM60.1855 27.5V15.5H64.0059V27.5H60.1855ZM62.0996 14.1016C61.5632 14.1016 61.1022 13.9245 60.7168 13.5703C60.3314 13.2109 60.1387 12.7786 60.1387 12.2734C60.1387 11.7734 60.3314 11.3464 60.7168 10.9922C61.1022 10.6328 61.5632 10.4531 62.0996 10.4531C62.6413 10.4531 63.1022 10.6328 63.4824 10.9922C63.8678 11.3464 64.0605 11.7734 64.0605 12.2734C64.0605 12.7786 63.8678 13.2109 63.4824 13.5703C63.1022 13.9245 62.6413 14.1016 62.0996 14.1016ZM70.2578 20.6562V27.5H66.4375V15.5H70.0703V17.7031H70.2031C70.4688 16.9687 70.9219 16.3932 71.5625 15.9766C72.2031 15.5547 72.9661 15.3438 73.8516 15.3438C74.6953 15.3438 75.4271 15.5339 76.0469 15.9141C76.6719 16.2891 77.1563 16.8151 77.5 17.4922C77.849 18.1641 78.0208 18.9505 78.0156 19.8516V27.5H74.1953V20.6016C74.2005 19.9349 74.0313 19.4141 73.6875 19.0391C73.349 18.6641 72.8776 18.4766 72.2734 18.4766C71.8724 18.4766 71.5182 18.5651 71.2109 18.7422C70.9089 18.9141 70.6745 19.1615 70.5078 19.4844C70.3464 19.8073 70.263 20.1979 70.2578 20.6562ZM78.8477 14.6406V11.5H92.3711V14.6406H87.5195V27.5H83.707V14.6406H78.8477ZM98.1211 27.7266C96.8607 27.7266 95.7773 27.4688 94.8711 26.9531C93.9701 26.4323 93.2747 25.7083 92.7852 24.7812C92.3008 23.849 92.0586 22.7682 92.0586 21.5391C92.0586 20.3047 92.3008 19.224 92.7852 18.2969C93.2747 17.3646 93.9701 16.6406 94.8711 16.125C95.7773 15.6042 96.8607 15.3438 98.1211 15.3438C99.3815 15.3438 100.462 15.6042 101.363 16.125C102.27 16.6406 102.965 17.3646 103.449 18.2969C103.939 19.224 104.184 20.3047 104.184 21.5391C104.184 22.7682 103.939 23.849 103.449 24.7812C102.965 25.7083 102.27 26.4323 101.363 26.9531C100.462 27.4688 99.3815 27.7266 98.1211 27.7266ZM98.1445 24.8437C98.6029 24.8437 98.9909 24.7031 99.3086 24.4219C99.6263 24.1406 99.8685 23.75 100.035 23.25C100.207 22.75 100.293 22.1719 100.293 21.5156C100.293 20.849 100.207 20.2656 100.035 19.7656C99.8685 19.2656 99.6263 18.875 99.3086 18.5937C98.9909 18.3125 98.6029 18.1719 98.1445 18.1719C97.6706 18.1719 97.2695 18.3125 96.9414 18.5937C96.6185 18.875 96.3711 19.2656 96.1992 19.7656C96.0326 20.2656 95.9492 20.849 95.9492 21.5156C95.9492 22.1719 96.0326 22.75 96.1992 23.25C96.3711 23.75 96.6185 24.1406 96.9414 24.4219C97.2695 24.7031 97.6706 24.8437 98.1445 24.8437ZM111.742 27.7266C110.482 27.7266 109.398 27.4688 108.492 26.9531C107.591 26.4323 106.896 25.7083 106.406 24.7812C105.922 23.849 105.68 22.7682 105.68 21.5391C105.68 20.3047 105.922 19.224 106.406 18.2969C106.896 17.3646 107.591 16.6406 108.492 16.125C109.398 15.6042 110.482 15.3438 111.742 15.3438C113.003 15.3438 114.083 15.6042 114.984 16.125C115.891 16.6406 116.586 17.3646 117.07 18.2969C117.56 19.224 117.805 20.3047 117.805 21.5391C117.805 22.7682 117.56 23.849 117.07 24.7812C116.586 25.7083 115.891 26.4323 114.984 26.9531C114.083 27.4688 113.003 27.7266 111.742 27.7266ZM111.766 24.8437C112.224 24.8437 112.612 24.7031 112.93 24.4219C113.247 24.1406 113.49 23.75 113.656 23.25C113.828 22.75 113.914 22.1719 113.914 21.5156C113.914 20.849 113.828 20.2656 113.656 19.7656C113.49 19.2656 113.247 18.875 112.93 18.5937C112.612 18.3125 112.224 18.1719 111.766 18.1719C111.292 18.1719 110.891 18.3125 110.563 18.5937C110.24 18.875 109.992 19.2656 109.82 19.7656C109.654 20.2656 109.57 20.849 109.57 21.5156C109.57 22.1719 109.654 22.75 109.82 23.25C109.992 23.75 110.24 24.1406 110.563 24.4219C110.891 24.7031 111.292 24.8437 111.766 24.8437ZM123.582 11.5V27.5H119.762V11.5H123.582ZM136.49 19.1641L132.982 19.2578C132.946 19.0078 132.847 18.7865 132.686 18.5937C132.524 18.3958 132.313 18.2422 132.053 18.1328C131.798 18.0182 131.501 17.9609 131.162 17.9609C130.719 17.9609 130.342 18.0495 130.029 18.2266C129.722 18.4036 129.571 18.6432 129.576 18.9453C129.571 19.1797 129.665 19.3828 129.857 19.5547C130.055 19.7266 130.407 19.8646 130.912 19.9687L133.225 20.4062C134.423 20.6354 135.313 21.0156 135.896 21.5469C136.485 22.0781 136.782 22.7812 136.787 23.6562C136.782 24.4792 136.537 25.1953 136.053 25.8047C135.574 26.4141 134.917 26.888 134.084 27.2266C133.251 27.5599 132.298 27.7266 131.225 27.7266C129.511 27.7266 128.16 27.375 127.17 26.6719C126.186 25.9635 125.623 25.0156 125.482 23.8281L129.256 23.7344C129.339 24.1719 129.555 24.5052 129.904 24.7344C130.253 24.9635 130.699 25.0781 131.24 25.0781C131.73 25.0781 132.128 24.987 132.436 24.8047C132.743 24.6224 132.899 24.3802 132.904 24.0781C132.899 23.8073 132.779 23.5911 132.545 23.4297C132.311 23.263 131.943 23.1328 131.443 23.0391L129.35 22.6406C128.146 22.4219 127.251 22.0182 126.662 21.4297C126.074 20.8359 125.782 20.0807 125.787 19.1641C125.782 18.362 125.995 17.6771 126.428 17.1094C126.86 16.5365 127.475 16.099 128.271 15.7969C129.068 15.4948 130.008 15.3438 131.092 15.3438C132.717 15.3438 133.998 15.6849 134.936 16.3672C135.873 17.0443 136.391 17.9766 136.49 19.1641Z" fill="black"/>
+<path d="M45.1563 27.5V25.2969L52.9297 14.6406H45.1641V11.5H57.8203V13.7031L50.0469 24.3594H57.8125V27.5H45.1563ZM60.1855 27.5V15.5H64.0059V27.5H60.1855ZM62.0996 14.1016C61.5632 14.1016 61.1022 13.9245 60.7168 13.5703C60.3314 13.2109 60.1387 12.7786 60.1387 12.2734C60.1387 11.7734 60.3314 11.3464 60.7168 10.9922C61.1022 10.6328 61.5632 10.4531 62.0996 10.4531C62.6413 10.4531 63.1022 10.6328 63.4824 10.9922C63.8678 11.3464 64.0605 11.7734 64.0605 12.2734C64.0605 12.7786 63.8678 13.2109 63.4824 13.5703C63.1022 13.9245 62.6413 14.1016 62.0996 14.1016ZM70.2578 20.6562V27.5H66.4375V15.5H70.0703V17.7031H70.2031C70.4688 16.9687 70.9219 16.3932 71.5625 15.9766C72.2031 15.5547 72.9661 15.3438 73.8516 15.3438C74.6953 15.3438 75.4271 15.5339 76.0469 15.9141C76.6719 16.2891 77.1563 16.8151 77.5 17.4922C77.849 18.1641 78.0208 18.9505 78.0156 19.8516V27.5H74.1953V20.6016C74.2005 19.9349 74.0313 19.4141 73.6875 19.0391C73.349 18.6641 72.8776 18.4766 72.2734 18.4766C71.8724 18.4766 71.5182 18.5651 71.2109 18.7422C70.9089 18.9141 70.6745 19.1615 70.5078 19.4844C70.3464 19.8073 70.263 20.1979 70.2578 20.6562ZM78.8477 14.6406V11.5H92.3711V14.6406H87.5195V27.5H83.707V14.6406H78.8477ZM98.1211 27.7266C96.8607 27.7266 95.7773 27.4688 94.8711 26.9531C93.9701 26.4323 93.2747 25.7083 92.7852 24.7812C92.3008 23.849 92.0586 22.7682 92.0586 21.5391C92.0586 20.3047 92.3008 19.224 92.7852 18.2969C93.2747 17.3646 93.9701 16.6406 94.8711 16.125C95.7773 15.6042 96.8607 15.3438 98.1211 15.3438C99.3815 15.3438 100.462 15.6042 101.363 16.125C102.27 16.6406 102.965 17.3646 103.449 18.2969C103.939 19.224 104.184 20.3047 104.184 21.5391C104.184 22.7682 103.939 23.849 103.449 24.7812C102.965 25.7083 102.27 26.4323 101.363 26.9531C100.462 27.4688 99.3815 27.7266 98.1211 27.7266ZM98.1445 24.8437C98.6029 24.8437 98.9909 24.7031 99.3086 24.4219C99.6263 24.1406 99.8685 23.75 100.035 23.25C100.207 22.75 100.293 22.1719 100.293 21.5156C100.293 20.849 100.207 20.2656 100.035 19.7656C99.8685 19.2656 99.6263 18.875 99.3086 18.5937C98.9909 18.3125 98.6029 18.1719 98.1445 18.1719C97.6706 18.1719 97.2695 18.3125 96.9414 18.5937C96.6185 18.875 96.3711 19.2656 96.1992 19.7656C96.0326 20.2656 95.9492 20.849 95.9492 21.5156C95.9492 22.1719 96.0326 22.75 96.1992 23.25C96.3711 23.75 96.6185 24.1406 96.9414 24.4219C97.2695 24.7031 97.6706 24.8437 98.1445 24.8437ZM111.742 27.7266C110.482 27.7266 109.398 27.4688 108.492 26.9531C107.591 26.4323 106.896 25.7083 106.406 24.7812C105.922 23.849 105.68 22.7682 105.68 21.5391C105.68 20.3047 105.922 19.224 106.406 18.2969C106.896 17.3646 107.591 16.6406 108.492 16.125C109.398 15.6042 110.482 15.3438 111.742 15.3438C113.003 15.3438 114.083 15.6042 114.984 16.125C115.891 16.6406 116.586 17.3646 117.07 18.2969C117.56 19.224 117.805 20.3047 117.805 21.5391C117.805 22.7682 117.56 23.849 117.07 24.7812C116.586 25.7083 115.891 26.4323 114.984 26.9531C114.083 27.4688 113.003 27.7266 111.742 27.7266ZM111.766 24.8437C112.224 24.8437 112.612 24.7031 112.93 24.4219C113.247 24.1406 113.49 23.75 113.656 23.25C113.828 22.75 113.914 22.1719 113.914 21.5156C113.914 20.849 113.828 20.2656 113.656 19.7656C113.49 19.2656 113.247 18.875 112.93 18.5937C112.612 18.3125 112.224 18.1719 111.766 18.1719C111.292 18.1719 110.891 18.3125 110.563 18.5937C110.24 18.875 109.992 19.2656 109.82 19.7656C109.654 20.2656 109.57 20.849 109.57 21.5156C109.57 22.1719 109.654 22.75 109.82 23.25C109.992 23.75 110.24 24.1406 110.563 24.4219C110.891 24.7031 111.292 24.8437 111.766 24.8437ZM123.582 11.5V27.5H119.762V11.5H123.582ZM136.49 19.1641L132.982 19.2578C132.946 19.0078 132.847 18.7865 132.686 18.5937C132.524 18.3958 132.313 18.2422 132.053 18.1328C131.798 18.0182 131.501 17.9609 131.162 17.9609C130.719 17.9609 130.342 18.0495 130.029 18.2266C129.722 18.4036 129.571 18.6432 129.576 18.9453C129.571 19.1797 129.665 19.3828 129.857 19.5547C130.055 19.7266 130.407 19.8646 130.912 19.9687L133.225 20.4062C134.423 20.6354 135.313 21.0156 135.896 21.5469C136.485 22.0781 136.782 22.7812 136.787 23.6562C136.782 24.4792 136.537 25.1953 136.053 25.8047C135.574 26.4141 134.917 26.888 134.084 27.2266C133.251 27.5599 132.298 27.7266 131.225 27.7266C129.511 27.7266 128.16 27.375 127.17 26.6719C126.186 25.9635 125.623 25.0156 125.482 23.8281L129.256 23.7344C129.339 24.1719 129.555 24.5052 129.904 24.7344C130.253 24.9635 130.699 25.0781 131.24 25.0781C131.73 25.0781 132.128 24.987 132.436 24.8047C132.743 24.6224 132.899 24.3802 132.904 24.0781C132.899 23.8073 132.779 23.5911 132.545 23.4297C132.311 23.263 131.943 23.1328 131.443 23.0391L129.35 22.6406C128.146 22.4219 127.251 22.0182 126.662 21.4297C126.074 20.8359 125.782 20.0807 125.787 19.1641C125.782 18.362 125.995 17.6771 126.428 17.1094C126.86 16.5365 127.475 16.099 128.271 15.7969C129.068 15.4948 130.008 15.3438 131.092 15.3438C132.717 15.3438 133.998 15.6849 134.936 16.3672C135.873 17.0443 136.391 17.9766 136.49 19.1641Z" fill=""/>
 </svg>

public/sun.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15ZM12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12C17 13.3833 16.5125 14.5625 15.5375 15.5375C14.5625 16.5125 13.3833 17 12 17ZM2 13C1.71667 13 1.47917 12.9042 1.2875 12.7125C1.09583 12.5208 1 12.2833 1 12C1 11.7167 1.09583 11.4792 1.2875 11.2875C1.47917 11.0958 1.71667 11 2 11H4C4.28333 11 4.52083 11.0958 4.7125 11.2875C4.90417 11.4792 5 11.7167 5 12C5 12.2833 4.90417 12.5208 4.7125 12.7125C4.52083 12.9042 4.28333 13 4 13H2ZM20 13C19.7167 13 19.4792 12.9042 19.2875 12.7125C19.0958 12.5208 19 12.2833 19 12C19 11.7167 19.0958 11.4792 19.2875 11.2875C19.4792 11.0958 19.7167 11 20 11H22C22.2833 11 22.5208 11.0958 22.7125 11.2875C22.9042 11.4792 23 11.7167 23 12C23 12.2833 22.9042 12.5208 22.7125 12.7125C22.5208 12.9042 22.2833 13 22 13H20ZM12 5C11.7167 5 11.4792 4.90417 11.2875 4.7125C11.0958 4.52083 11 4.28333 11 4V2C11 1.71667 11.0958 1.47917 11.2875 1.2875C11.4792 1.09583 11.7167 1 12 1C12.2833 1 12.5208 1.09583 12.7125 1.2875C12.9042 1.47917 13 1.71667 13 2V4C13 4.28333 12.9042 4.52083 12.7125 4.7125C12.5208 4.90417 12.2833 5 12 5ZM12 23C11.7167 23 11.4792 22.9042 11.2875 22.7125C11.0958 22.5208 11 22.2833 11 22V20C11 19.7167 11.0958 19.4792 11.2875 19.2875C11.4792 19.0958 11.7167 19 12 19C12.2833 19 12.5208 19.0958 12.7125 19.2875C12.9042 19.4792 13 19.7167 13 20V22C13 22.2833 12.9042 22.5208 12.7125 22.7125C12.5208 22.9042 12.2833 23 12 23ZM5.65 7.05L4.575 6C4.375 5.81667 4.27917 5.58333 4.2875 5.3C4.29583 5.01667 4.39167 4.775 4.575 4.575C4.775 4.375 5.01667 4.275 5.3 4.275C5.58333 4.275 5.81667 4.375 6 4.575L7.05 5.65C7.23333 5.85 7.325 6.08333 7.325 6.35C7.325 6.61667 7.23333 6.85 7.05 7.05C6.86667 7.25 6.6375 7.34583 6.3625 7.3375C6.0875 7.32917 5.85 7.23333 5.65 7.05ZM18 19.425L16.95 18.35C16.7667 18.15 16.675 17.9125 16.675 17.6375C16.675 17.3625 16.7667 17.1333 16.95 16.95C17.1333 16.75 17.3625 16.6542 17.6375 16.6625C17.9125 16.6708 18.15 16.7667 18.35 16.95L19.425 18C19.625 18.1833 19.7208 18.4167 19.7125 18.7C19.7042 18.9833 19.6083 19.225 19.425 19.425C19.225 19.625 18.9833 19.725 18.7 19.725C18.4167 19.725 18.1833 19.625 18 19.425ZM16.95 7.05C16.75 6.86667 16.6542 6.6375 16.6625 6.3625C16.6708 6.0875 16.7667 5.85 16.95 5.65L18 4.575C18.1833 4.375 18.4167 4.27917 18.7 4.2875C18.9833 4.29583 19.225 4.39167 19.425 4.575C19.625 4.775 19.725 5.01667 19.725 5.3C19.725 5.58333 19.625 5.81667 19.425 6L18.35 7.05C18.15 7.23333 17.9167 7.325 17.65 7.325C17.3833 7.325 17.15 7.23333 16.95 7.05ZM4.575 19.425C4.375 19.225 4.275 18.9833 4.275 18.7C4.275 18.4167 4.375 18.1833 4.575 18L5.65 16.95C5.85 16.7667 6.0875 16.675 6.3625 16.675C6.6375 16.675 6.86667 16.7667 7.05 16.95C7.25 17.1333 7.34583 17.3625 7.3375 17.6375C7.32917 17.9125 7.23333 18.15 7.05 18.35L6 19.425C5.81667 19.625 5.58333 19.7208 5.3 19.7125C5.01667 19.7042 4.775 19.6083 4.575 19.425Z" fill="black"/>
+<path d="M12 15C12.8333 15 13.5417 14.7083 14.125 14.125C14.7083 13.5417 15 12.8333 15 12C15 11.1667 14.7083 10.4583 14.125 9.875C13.5417 9.29167 12.8333 9 12 9C11.1667 9 10.4583 9.29167 9.875 9.875C9.29167 10.4583 9 11.1667 9 12C9 12.8333 9.29167 13.5417 9.875 14.125C10.4583 14.7083 11.1667 15 12 15ZM12 17C10.6167 17 9.4375 16.5125 8.4625 15.5375C7.4875 14.5625 7 13.3833 7 12C7 10.6167 7.4875 9.4375 8.4625 8.4625C9.4375 7.4875 10.6167 7 12 7C13.3833 7 14.5625 7.4875 15.5375 8.4625C16.5125 9.4375 17 10.6167 17 12C17 13.3833 16.5125 14.5625 15.5375 15.5375C14.5625 16.5125 13.3833 17 12 17ZM2 13C1.71667 13 1.47917 12.9042 1.2875 12.7125C1.09583 12.5208 1 12.2833 1 12C1 11.7167 1.09583 11.4792 1.2875 11.2875C1.47917 11.0958 1.71667 11 2 11H4C4.28333 11 4.52083 11.0958 4.7125 11.2875C4.90417 11.4792 5 11.7167 5 12C5 12.2833 4.90417 12.5208 4.7125 12.7125C4.52083 12.9042 4.28333 13 4 13H2ZM20 13C19.7167 13 19.4792 12.9042 19.2875 12.7125C19.0958 12.5208 19 12.2833 19 12C19 11.7167 19.0958 11.4792 19.2875 11.2875C19.4792 11.0958 19.7167 11 20 11H22C22.2833 11 22.5208 11.0958 22.7125 11.2875C22.9042 11.4792 23 11.7167 23 12C23 12.2833 22.9042 12.5208 22.7125 12.7125C22.5208 12.9042 22.2833 13 22 13H20ZM12 5C11.7167 5 11.4792 4.90417 11.2875 4.7125C11.0958 4.52083 11 4.28333 11 4V2C11 1.71667 11.0958 1.47917 11.2875 1.2875C11.4792 1.09583 11.7167 1 12 1C12.2833 1 12.5208 1.09583 12.7125 1.2875C12.9042 1.47917 13 1.71667 13 2V4C13 4.28333 12.9042 4.52083 12.7125 4.7125C12.5208 4.90417 12.2833 5 12 5ZM12 23C11.7167 23 11.4792 22.9042 11.2875 22.7125C11.0958 22.5208 11 22.2833 11 22V20C11 19.7167 11.0958 19.4792 11.2875 19.2875C11.4792 19.0958 11.7167 19 12 19C12.2833 19 12.5208 19.0958 12.7125 19.2875C12.9042 19.4792 13 19.7167 13 20V22C13 22.2833 12.9042 22.5208 12.7125 22.7125C12.5208 22.9042 12.2833 23 12 23ZM5.65 7.05L4.575 6C4.375 5.81667 4.27917 5.58333 4.2875 5.3C4.29583 5.01667 4.39167 4.775 4.575 4.575C4.775 4.375 5.01667 4.275 5.3 4.275C5.58333 4.275 5.81667 4.375 6 4.575L7.05 5.65C7.23333 5.85 7.325 6.08333 7.325 6.35C7.325 6.61667 7.23333 6.85 7.05 7.05C6.86667 7.25 6.6375 7.34583 6.3625 7.3375C6.0875 7.32917 5.85 7.23333 5.65 7.05ZM18 19.425L16.95 18.35C16.7667 18.15 16.675 17.9125 16.675 17.6375C16.675 17.3625 16.7667 17.1333 16.95 16.95C17.1333 16.75 17.3625 16.6542 17.6375 16.6625C17.9125 16.6708 18.15 16.7667 18.35 16.95L19.425 18C19.625 18.1833 19.7208 18.4167 19.7125 18.7C19.7042 18.9833 19.6083 19.225 19.425 19.425C19.225 19.625 18.9833 19.725 18.7 19.725C18.4167 19.725 18.1833 19.625 18 19.425ZM16.95 7.05C16.75 6.86667 16.6542 6.6375 16.6625 6.3625C16.6708 6.0875 16.7667 5.85 16.95 5.65L18 4.575C18.1833 4.375 18.4167 4.27917 18.7 4.2875C18.9833 4.29583 19.225 4.39167 19.425 4.575C19.625 4.775 19.725 5.01667 19.725 5.3C19.725 5.58333 19.625 5.81667 19.425 6L18.35 7.05C18.15 7.23333 17.9167 7.325 17.65 7.325C17.3833 7.325 17.15 7.23333 16.95 7.05ZM4.575 19.425C4.375 19.225 4.275 18.9833 4.275 18.7C4.275 18.4167 4.375 18.1833 4.575 18L5.65 16.95C5.85 16.7667 6.0875 16.675 6.3625 16.675C6.6375 16.675 6.86667 16.7667 7.05 16.95C7.25 17.1333 7.34583 17.3625 7.3375 17.6375C7.32917 17.9125 7.23333 18.15 7.05 18.35L6 19.425C5.81667 19.625 5.58333 19.7208 5.3 19.7125C5.01667 19.7042 4.775 19.6083 4.575 19.425Z" fill="white"/>
 </svg>

public/twitter.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.29 19.936C15.837 19.936 19.965 13.806 19.965 8.48999C19.965 8.31499 19.961 8.14199 19.953 7.96999C20.7537 7.40247 21.4469 6.69676 22 5.88599C21.25 6.21162 20.4562 6.42491 19.644 6.51899C20.4962 6.02169 21.1376 5.23055 21.448 4.29399C20.655 4.75399 19.778 5.08999 18.842 5.26999C18.4545 4.86694 17.9893 4.5466 17.4745 4.32832C16.9598 4.11005 16.4061 3.99835 15.847 3.99999C13.581 3.99999 11.743 5.80199 11.743 8.02299C11.743 8.33799 11.779 8.64499 11.85 8.93999C10.2259 8.86397 8.63526 8.45109 7.17921 7.72753C5.72316 7.00398 4.43346 5.98558 3.392 4.73699C3.02782 5.34856 2.83572 6.0472 2.836 6.75899C2.83761 7.42494 3.00546 8.07995 3.32433 8.6646C3.64319 9.24926 4.10299 9.74504 4.662 10.107C4.01173 10.0878 3.37516 9.91544 2.804 9.60399L2.803 9.65499C2.803 11.604 4.218 13.23 6.095 13.599C5.4903 13.7603 4.85715 13.7842 4.242 13.669C4.764 15.266 6.279 16.429 8.075 16.462C6.61314 17.5831 4.82123 18.1886 2.979 18.184C2.6519 18.1848 2.32502 18.1668 2 18.13C3.88402 19.3141 6.06478 19.9396 8.29 19.936Z" fill="black"/>
+<path d="M8.29 19.936C15.837 19.936 19.965 13.806 19.965 8.48999C19.965 8.31499 19.961 8.14199 19.953 7.96999C20.7537 7.40247 21.4469 6.69676 22 5.88599C21.25 6.21162 20.4562 6.42491 19.644 6.51899C20.4962 6.02169 21.1376 5.23055 21.448 4.29399C20.655 4.75399 19.778 5.08999 18.842 5.26999C18.4545 4.86694 17.9893 4.5466 17.4745 4.32832C16.9598 4.11005 16.4061 3.99835 15.847 3.99999C13.581 3.99999 11.743 5.80199 11.743 8.02299C11.743 8.33799 11.779 8.64499 11.85 8.93999C10.2259 8.86397 8.63526 8.45109 7.17921 7.72753C5.72316 7.00398 4.43346 5.98558 3.392 4.73699C3.02782 5.34856 2.83572 6.0472 2.836 6.75899C2.83761 7.42494 3.00546 8.07995 3.32433 8.6646C3.64319 9.24926 4.10299 9.74504 4.662 10.107C4.01173 10.0878 3.37516 9.91544 2.804 9.60399L2.803 9.65499C2.803 11.604 4.218 13.23 6.095 13.599C5.4903 13.7603 4.85715 13.7842 4.242 13.669C4.764 15.266 6.279 16.429 8.075 16.462C6.61314 17.5831 4.82123 18.1886 2.979 18.184C2.6519 18.1848 2.32502 18.1668 2 18.13C3.88402 19.3141 6.06478 19.9396 8.29 19.936Z" fill=""/>
 </svg>

public/youtube.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M23.6654 6.28172C23.5394 5.23082 22.5491 4.22311 21.5129 4.0881C15.1955 3.30299 8.80531 3.30299 2.48798 4.0881C1.45091 4.22281 0.460541 5.23082 0.334562 6.28172C-0.111521 10.1332 -0.111521 13.8676 0.334562 17.7183C0.460541 18.7692 1.45091 19.7778 2.48798 19.9119C8.80531 20.697 15.1955 20.697 21.5129 19.9119C22.5491 19.7781 23.5394 18.7692 23.6654 17.7183C24.1115 13.868 24.1115 10.1332 23.6654 6.28172ZM9.99985 16.0007V8.00048L16 12.0008L9.99985 16.0007Z" fill="black"/>
+<path d="M23.6654 6.28172C23.5394 5.23082 22.5491 4.22311 21.5129 4.0881C15.1955 3.30299 8.80531 3.30299 2.48798 4.0881C1.45091 4.22281 0.460541 5.23082 0.334562 6.28172C-0.111521 10.1332 -0.111521 13.8676 0.334562 17.7183C0.460541 18.7692 1.45091 19.7778 2.48798 19.9119C8.80531 20.697 15.1955 20.697 21.5129 19.9119C22.5491 19.7781 23.5394 18.7692 23.6654 17.7183C24.1115 13.868 24.1115 10.1332 23.6654 6.28172ZM9.99985 16.0007V8.00048L16 12.0008L9.99985 16.0007Z" fill=""/>
 </svg>