style: update link colors and hover states for documentation and support links

src/components/DownloadHero.tsx

@@ -54,7 +54,7 @@ export default function DownloadHero() {
             className="mt-6 text-lg/8 text-gray-600"
           >
             Get Mycelium for Android, Windows, macOS, and iOS to securely connect, store, and interact with the decentralized network—seamlessly and efficiently. Not sure how it works?{' '}
-            <a href="https://threefold.info/mycelium_network/docs/" className="text-cyan-500 hover:text-cyan-600 font-semibold underline">
+            <a href="https://threefold.info/mycelium_network/docs/" className="text-gray-900 hover:text-cyan-500 transition-colors font-semibold underline">
               Read the manual.
             </a>
           </motion.p>

src/components/Faqs.tsx

@@ -67,8 +67,8 @@ export function Faqs() {
           <p className="mt-2 text-lg text-gray-600">
             If you have anything else you want to ask,{' '}
             <a
-              href="https://t.me/threefold"
+              href="https://threefoldfaq.crisp.help/en/"
-              className="text-gray-900 underline"
+              className="text-gray-900 hover:text-cyan-500 transition-colors font-semibold underline"
             >
               reach out to us
             </a>

src/components/Footer.tsx

@@ -58,7 +58,11 @@ export function Footer() {
             </Button>
           </form>
           <p className="mt-6 text-sm text-gray-500 md:mt-0">
-            &copy; Copyright ThreeFold {new Date().getFullYear()}. All rights reserved.
+            &copy; Copyright{' '}
+            <a href="https://www.threefold.io" target="_blank" rel="noopener noreferrer" className="hover:text-cyan-500 transition-colors">
+              ThreeFold
+            </a>{' '}
+            {new Date().getFullYear()}. All rights reserved.
           </p>
         </div>
       </Container>

src/components/NavLinks.tsx

@@ -14,6 +14,7 @@ export function NavLinks() {
     ['How it Works', '/#howitworks'],
     ['Coming Soon', '/#comingsoon'],
     ['FAQs', '/#faqs'],
+    ['Docs', 'https://threefold.info/mycelium_network/docs/'],
   ].map(([label, href], index) => (
     <Link
       key={label}
@@ -31,13 +32,17 @@ export function NavLinks() {
         }, 50)
       }}
       onClick={(e) => {
-        e.preventDefault()
+        if (href.startsWith('/#')) {
-        const targetId = href.substring(2)
+          e.preventDefault();
-        const targetElement = document.getElementById(targetId)
+          const targetId = href.substring(2);
-        if (targetElement) {
+          const targetElement = document.getElementById(targetId);
-          targetElement.scrollIntoView({ behavior: 'smooth' })
+          if (targetElement) {
+            targetElement.scrollIntoView({ behavior: 'smooth' });
+          }
         }
       }}
+      target={href.startsWith('http') ? '_blank' : undefined}
+      rel={href.startsWith('http') ? 'noopener noreferrer' : undefined}
     >
       <AnimatePresence>
         {hoveredIndex === index && (