Fix routing for GitHub Pages using HashRouter paths

Author: nanidurga

src/components/layout/Footer.tsx

@@ -11,7 +11,7 @@ const Footer: React.FC = () => {
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
           {/* Logo and Description */}
           <div className="space-y-4 text-center md:text-left">
-            <Link to="/" className="inline-block">
+            <Link to="/#/" className="inline-block">
               <img 
                 src={logo} 
                 alt="LCM Logo" 
@@ -44,7 +44,7 @@ const Footer: React.FC = () => {
                 </Link>
               </li>
               <li>
-                <Link to="/team" className="text-white/70 hover:text-white transition-colors">
+                <Link to="#/team" className="text-white/70 hover:text-white transition-colors">
                   Team
                 </Link>
               </li>
@@ -56,12 +56,12 @@ const Footer: React.FC = () => {
             <h3 className="font-display text-lg font-semibold text-white mb-4">Company</h3>
             <ul className="space-y-2">
               <li>
-                <Link to="/careers" className="text-white/70 hover:text-white transition-colors">
+                <Link to="#/careers" className="text-white/70 hover:text-white transition-colors">
                   Careers
                 </Link>
               </li>
               <li>
-                <Link to="/faq" className="text-white/70 hover:text-white transition-colors">
+                <Link to="#/faq" className="text-white/70 hover:text-white transition-colors">
                   FAQ
                 </Link>
               </li>

src/components/layout/Header.tsx

@@ -9,10 +9,10 @@ const navLinks = [
   { name: 'Technology', href: '/#technology' },
   { name: 'Benefits', href: '/#benefits' },
   { name: 'Integration', href: '/#integration' },
-  { name: 'Timeline', href: '/timeline' },
-  { name: 'Team', href: '/team' },
-  { name: 'Careers', href: '/careers' },
-  { name: 'FAQ', href: '/faq' },
+  { name: 'Timeline', href: '#/timeline' },
+  { name: 'Team', href: '#/team' },
+  { name: 'Careers', href: '#/careers' },
+  { name: 'FAQ', href: '#/faq' },
 ];
 
 const Header: React.FC = () => {

src/pages/Team.tsx

@@ -247,7 +247,7 @@ const Team: React.FC = () => (
             Join our team of innovators and help revolutionize how electric vehicles charge.
           </p>
           <motion.a 
-            href="/careers"
+            href="#/careers"
             className="inline-block bg-primary-500 hover:bg-primary-600 text-white px-8 py-3 rounded-full font-medium transition-colors"
             whileHover={{ scale: 1.05 }}
             whileTap={{ scale: 0.95 }}