SEO: Added Helmet tags to AiChat, FocusRoom and Timetable

Author: codeXsidd

frontend/src/pages/AiChatPage.jsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect, useRef } from 'react';
+import { Helmet } from 'react-helmet-async';
 import { Send, Bot, User, Sparkles, Trash2, Brain, Zap, Clock, MessageSquare, Target, Coffee, Layout, Calendar, Flame } from 'lucide-react';
 import API, { aiChat } from '../services/api';
 import toast from 'react-hot-toast';
@@ -139,6 +140,10 @@ const AiChatPage = () => {
 
     return (
         <div className="page-container animate-fade-in chat-layout" style={{ display: 'flex', gap: '1.5rem', height: '100%', maxWidth: '1400px', margin: '0 auto', overflow: 'hidden', padding: '1rem', position: 'relative' }}>
+            <Helmet>
+                <title>AI Study Buddy — StudyTrack</title>
+                <meta name="description" content="Chat with your AI Study Buddy to break down tasks, learn new concepts, and build the perfect study plan." />
+            </Helmet>
 
             {/* Backdrop for mobile sidebar */}
             {showSidebar && (

frontend/src/pages/FocusRoomPage.jsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect, useRef } from 'react';
+import { Helmet } from 'react-helmet-async';
 import { Timer, Play, Pause, Coffee, BookOpen, Clock, Zap, Target, Bot, Send } from 'lucide-react';
 import API, { addXP, aiChat } from '../services/api';
 import toast from 'react-hot-toast';
@@ -141,6 +142,10 @@ const FocusRoomPage = () => {
 
     return (
         <div style={{ height: 'calc(100vh - 40px)', margin: '-1.5rem', background: '#050510', position: 'relative', overflow: 'hidden' }}>
+            <Helmet>
+                <title>Deep Focus Room — StudyTrack</title>
+                <meta name="description" content="Eliminate distractions and achieve flow state with Pomodoro timers and our AI Study Tutor." />
+            </Helmet>
             {/* Ambient Background - Lofi video iframe (No controls, looping) */}
             <div style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', opacity: 0.2, pointerEvents: 'none', zIndex: 0 }}>
                 {/* Embedded Lofi Girl Radio or Similar */}

frontend/src/pages/TimetablePage.jsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react';
+import { Helmet } from 'react-helmet-async';
 import { Calendar, Plus, Trash2, X, Settings, Clock, Save, RotateCcw, Bot, Sparkles } from 'lucide-react';
 import API, { optimizeSchedule } from '../services/api';
 import toast from 'react-hot-toast';
@@ -122,6 +123,10 @@ const TimetablePage = () => {
 
     return (
         <div style={{ maxWidth: 1200, margin: '0 auto', padding: '2rem 1.5rem' }}>
+            <Helmet>
+                <title>Weekly Timetable — StudyTrack</title>
+                <meta name="description" content="Organize your weekly schedule, set study periods, and let AI optimize your timetable." />
+            </Helmet>
             <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '1.5rem' }}>
                 <h2 style={{ display: 'flex', alignItems: 'center', gap: 8, fontSize: '1.5rem', fontWeight: 700 }}>
                     <Calendar size={26} color="#6366f1" /> Weekly Timetable