Fix Issue of build and add recruitment page.

src/components/Navbar.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Code2, Users, Trophy, Home, LogIn, LogOut, UserPlus, User, FolderGit2, InfoIcon } from 'lucide-react';
+import { Code2, Users, Trophy, Home, LogIn, LogOut, UserPlus, User, FolderGit2 } from 'lucide-react';
 import { Link, useLocation, useNavigate } from 'react-router-dom';
 import { useAuth } from '../contexts/AuthContext';
 import { toast } from 'react-toastify';
@@ -39,7 +39,7 @@ export default function Navbar() {
             <NavLinkMobile to="/coins" icon={<Code2 className="w-4 h-4" />} text="Dev Coins" active={isActive('/coins')} />
             <NavLinkMobile to="/members" icon={<Users className="w-4 h-4" />} text="Members" active={isActive('/members')} />
             <NavLinkMobile to="/leaderboard" icon={<Trophy className="w-4 h-4" />} text="Leaderboard" active={isActive('/leaderboard')} />
-            <NavLinkMobile to="/about" icon={<InfoIcon className="w-4 h-4" />} text="About Us" active={isActive('/about')} />
+            <NavLinkMobile to="https://recruitment.nstsdc.org/" icon={<UserPlus className="w-4 h-4" />} text="Recruitment" active={isActive('/recruitment')} />
           </ul>
         </div>
         <Link to="/" className="btn btn-ghost normal-case text-xl gap-2 ml-2">
@@ -55,7 +55,7 @@ export default function Navbar() {
           <NavLink to="/coins" icon={<Code2 className="w-4 h-4" />} text="Dev Coins" active={isActive('/coins')} />
           <NavLink to="/members" icon={<Users className="w-4 h-4" />} text="Members" active={isActive('/members')} />
           <NavLink to="/leaderboard" icon={<Trophy className="w-4 h-4" />} text="Leaderboard" active={isActive('/leaderboard')} />
-          <NavLink to="/about" icon={<InfoIcon className="w-4 h-4" />} text="About Us" active={isActive('/about')} />
+          <NavLink to="https://recruitment.nstsdc.org/" icon={<UserPlus className="w-4 h-4" />} text="Recruitment" active={isActive('recruitment')} />
         </ul>
       </div>
 

src/pages/HomePage.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Code2, FolderKanban, Github, Terminal } from 'lucide-react';
+import { Code2, FolderKanban, Github, Terminal, UserPlus } from 'lucide-react';
 import { Link } from 'react-router-dom';
 
 export default function HomePage() {
@@ -86,7 +86,16 @@ export default function HomePage() {
           Learn modern technologies, build amazing projects, and grow your skills with like-minded developers.
         </p>
         <div className="flex gap-6 flex-wrap justify-center lg:justify-start">
-          <Link to="/signup" className="btn btn-primary">Get Started</Link>
+        <a 
+            href="https://recruitment.nstsdc.org/" 
+            target="_blank" 
+            rel="noopener noreferrer"
+            className="btn btn-primary"
+          >
+            <UserPlus className="w-5 h-5 mr-2" />
+            Join
+          </a>
+
           <a 
             href="https://github.com/nst-sdc" 
             target="_blank" 

vite.config.ts

@@ -7,4 +7,16 @@ export default defineConfig({
   optimizeDeps: {
     exclude: ['lucide-react'],
   },
+  build: {
+    chunkSizeWarningLimit: 1000,
+    rollupOptions: {
+      output: {
+        manualChunks(id) {
+          if (id.includes('node_modules')) {
+            return id.toString().split('node_modules/')[1].split('/')[0];
+          }
+        }
+      }
+    }
+  }
 });