From ff96afe6d574510c95a822709bfb95d79c6da7c1 Mon Sep 17 00:00:00 2001
From: fwedwicc <moreno.frederick.capiral@gmail.com>
Date: Tue, 6 Aug 2024 13:49:03 +0800
Subject: [PATCH] Fixed some broken links in some components

---
 src/components/Footer.jsx | 2 +-
 src/components/Hero.jsx   | 4 ++--
 src/components/Navbar.jsx | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 8705ce5..da2ef6e 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -7,7 +7,7 @@ const Footer = () => {
     <footer className='py-12 lg:px-24 md:px-12 px-6'>
       <div className='flex md:flex-row flex-col gap-7 justify-between md:items-end items-start'>
         <div className='space-y-4'>
-          <Link to='/home'>
+          <Link to='/fmUI/home'>
             <img src={fmUILogo} alt="fmUI Logo" className='w-auto lg:h-7 md:h-7 h-5' />
           </Link>
           <p className='text-sm w-full max-w-md'>fmUI: a project aimed at providing a diverse range of open-source Tailwind CSS components and templates for seamless web development.</p>
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index 1924d5b..52aca94 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -23,14 +23,14 @@ const Hero = () => {
           <p>fmUI is a comprehensive collection of free Tailwind CSS components and templates for your projects. With diverse components and sample pages, you can develop websites, web apps, and more. Explore our selection to enhance your development process with ease and flexibility.</p>
         </div>
         <div className='space-x-3'>
-          <Link to='/components'>
+          <Link to='/fmUI/components'>
             <button className='inline-flex text-sm gap-2.5 items-center px-4 py-2.5 text-zinc-100 hover:bg-neutral-900/90 transition duration-300 ease-in-out bg-neutral-700 border border-neutral-900 font-medium rounded-md'>
               Explore components
               <MdArrowOutward className='h-4 w-auto' />
             </button>
           </Link>
           <a href='https://github.com/fwedwicc/fmUI' target='_blank' rel='noopener noreferrer' className='inline-flex text-sm gap-2.5 items-center px-4 py-2.5 transition duration-300 ease-in-out text-zinc-600 bg-neutral-200 border border-neutral-300 hover:bg-neutral-400/40 font-medium rounded-md'>
-            View on GitHub
+            Star it on GitHub
             <FaGithub className='h-4 w-auto' />
           </a>
         </div>
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 65c5e63..ef688a3 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -39,7 +39,7 @@ const Navbar = () => {
 
   // Active/inactive span style
   const spanClasses = () => {
-    return location.pathname.startsWith('/fmUI/components')
+    return location.pathname.startsWith('/fmUI/components/')
       ? 'inline-flex gap-2 items-center px-2.5 py-1.5 text-zinc-100 border border-neutral-900 bg-neutral-700 font-medium rounded-md text-sm'
       : 'inline-flex gap-2 items-center px-2.5 py-1.5 text-zinc-600 bg-neutral-200 border border-neutral-300 font-medium rounded-md text-sm';
   };