logo on menu, share page added

Author: sibisiddharth8

src/components/ui/MobileMenu.tsx

@@ -1,6 +1,10 @@
 import { motion, AnimatePresence } from 'framer-motion';
 import { FiX, FiMail } from 'react-icons/fi';
 import SocialLinks from './SocialLinks';
+import MyMind from '../../../public/android-chrome-512x512.png.png';
+import { Link } from 'react-router-dom';
+// info icon import 
+import { FiInfo } from 'react-icons/fi';
 
 // Local Type Definition
 interface LinksData { github?: string; linkedin?: string; instagram?: string; portal?: string; }
@@ -18,7 +22,6 @@ export default function MobileMenu({ isOpen, onClose, scrollToSection, links }:
     { id: 'projects', label: 'Projects' },
     { id: 'skills', label: 'Skills' },
     { id: 'journey', label: 'Journey' },
-    // { id: 'contact', label: 'Contact' },
   ];
 
   const menuVariants = {
@@ -54,7 +57,20 @@ export default function MobileMenu({ isOpen, onClose, scrollToSection, links }:
             onClick={(e) => e.stopPropagation()}
           >
             <div className="flex justify-between items-center p-6 border-b border-slate-200 flex-shrink-0">
-              <h2 className="font-bold text-lg text-slate-800">Menu</h2>
+              <div className="flex items-center gap-1.5">
+                <img src={MyMind} alt="MyMind Logo" className="h-9 w-9" />
+                <div>
+                  <h2 className="font-bold text-lg text-slate-800">MyMind</h2>
+                  <div className="flex items-center gap-1.5">
+                    <p className="text-sm text-slate-500 flex">
+                      powered by Nyra.ai
+                    </p>
+                    <Link to="/nyra">
+                      <FiInfo className="text-slate-700 hover:text-slate-900 h-3.5 w-3.5" title="Learn more about Nyra.ai"/>
+                    </Link>
+                  </div>
+                </div>
+              </div>
               <button onClick={onClose} className="p-1 text-slate-500 hover:text-slate-900">
                 <FiX size={24} />
               </button>

src/layouts/SubPageLayout.tsx

@@ -1,6 +1,7 @@
 import { Outlet, useNavigate } from 'react-router-dom';
 import { FiArrowLeft } from 'react-icons/fi';
 import Footer from './Footer';
+import NyraChatbot from '../components/NyraChatbot';
 
 export default function SubPageLayout() {
   const navigate = useNavigate();
@@ -22,6 +23,7 @@ export default function SubPageLayout() {
         {/* The child page (e.g., ProjectsPage) will be rendered here */}
         <Outlet />
       </main>
+      <NyraChatbot />
       <Footer />
     </div>
   );

src/pages/ProjectDetailPage.tsx

@@ -12,6 +12,7 @@ import { useState } from 'react';
 import { generateAIDescription_Public } from '../services/aiService';
 import toast from 'react-hot-toast';
 import Nyra from '../assets/NyraAI.png';
+import { FiShare2 } from 'react-icons/fi';
 
 interface Member { id: string; name: string; profileImage?: string | null; githubLink?: string; linkedinLink?: string; }
 interface ProjectMember { id: string; role: string; member: Member; }
@@ -22,6 +23,18 @@ interface AiSummaryProps {
     existingAiDescription: string;
 }
 
+const onShare = () => {
+    const shareData = {
+        title: document.title,
+        text: 'Check out this project on MyMind!',
+        url: window.location.href
+    };
+
+    navigator.share(shareData).catch((error) => {
+        console.error('Error sharing:', error);
+    });
+};
+
 const SummarySkeleton = () => (
     <div className="space-y-3">
         <div className="h-4 bg-slate-200/80 rounded w-3/4 animate-pulse"></div>
@@ -148,9 +161,14 @@ export default function ProjectDetailPage() {
             <main className="sm:px-4 lg:px-6 py-6">
                 <div className="container mx-auto px-6">
                     <motion.div initial={{opacity: 0, y: 20}} animate={{opacity: 1, y: 0}} transition={{duration: 0.5}}>
-                        <div className="text-center">
+                        <div className="flex flex-col items-center text-center">
                             <span className="text-sm font-bold text-blue-600 uppercase tracking-widest">{project.category.name}</span>
-                            <h1 className="text-4xl md:text-5xl font-extrabold text-slate-900 mt-2">{project.name}</h1>
+                            <div className="w-fit relative">
+                                <h1 className="text-4xl md:text-5xl font-extrabold text-slate-900 mt-2">{project.name}</h1>
+                                <button onClick={onShare} className="cursor-pointer absolute top-1 -right-4 text-slate-500 hover:text-slate-900" title="Share Project">
+                                    <FiShare2 />
+                                </button>
+                            </div>
                             <p className="text-slate-500 mt-3 flex items-center justify-center gap-2">
                                 <FiCalendar/>
                                 <span>{formatDate(project.startDate)} - {project.endDate ? formatDate(project.endDate) : 'Present'}</span>