From 8e17bf677155bdf088b45178ba39db35f03813f1 Mon Sep 17 00:00:00 2001
From: 213sanjana <sanjanashamgurav@gmail.com>
Date: Tue, 28 Oct 2025 11:18:37 +0530
Subject: [PATCH 1/4] Enhancement

---
 package-lock.json                        |  21 ++
 package.json                             |   5 +-
 src/app/ai-generator/page.tsx            | 205 ++--------------
 src/app/api/chat-assignment/route.ts     |   4 +-
 src/app/api/export-document/route.ts     |   4 +-
 src/app/api/fetch-image/route.ts         |   4 +-
 src/app/api/generate-assignment/route.ts |  88 ++-----
 src/app/contact/page.tsx                 | 283 +++++++++++++++++++++++
 src/app/dashboard/page.tsx               |  49 +---
 src/app/form/page.tsx                    |   8 +
 src/app/layout.tsx                       |   8 +-
 src/app/page.tsx                         |  28 +--
 src/app/sign/page.tsx                    |   3 -
 src/components/back-to-top.tsx           |  58 +++++
 src/components/footer.tsx                | 192 +++++++++++++++
 src/components/mwrap.tsx                 |  47 +++-
 src/components/nav.tsx                   |  23 +-
 src/components/navbar1.tsx               |   1 -
 src/components/signup.tsx                |  13 +-
 src/components/ui/resizable-navbar.tsx   |   4 +-
 src/components/ui/textarea.tsx           |   3 +-
 src/components/usage-tracker.tsx         |  26 +--
 src/lib/document-utils.ts                | 116 +++-------
 src/lib/supabaseclient.ts                |   9 +-
 24 files changed, 748 insertions(+), 454 deletions(-)
 create mode 100644 src/app/contact/page.tsx
 create mode 100644 src/components/back-to-top.tsx
 create mode 100644 src/components/footer.tsx

diff --git a/package-lock.json b/package-lock.json
index 99452a1..63ce28d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -42,6 +42,7 @@
       "devDependencies": {
         "@eslint/eslintrc": "^3",
         "@tailwindcss/postcss": "^4.1.10",
+        "@types/file-saver": "^2.0.7",
         "@types/node": "^20",
         "@types/react": "^19",
         "@types/react-dom": "^19",
@@ -3022,6 +3023,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/file-saver": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/file-saver/-/file-saver-2.0.7.tgz",
+      "integrity": "sha512-dNKVfHd/jk0SkR/exKGj2ggkB45MAkzvWCaqLUUgkyjITkGNzH8H+yUwr+BLJUBjZOe9w8X3wgmXhZDRg1ED6A==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/json-schema": {
       "version": "7.0.15",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
@@ -6670,6 +6678,19 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/liquid-glass-react": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/liquid-glass-react/-/liquid-glass-react-1.1.1.tgz",
+      "integrity": "sha512-pKzaktaMAEztd93wpWcz2Z5Z9qdLJUNJdMX+n00Ca4XsnrLTQ5xJzm/+GQXZUeuFXe/PQ8ziVMZO6531PyaFJw==",
+      "license": "MIT",
+      "workspaces": [
+        "liquid-glass"
+      ],
+      "peerDependencies": {
+        "react": ">=19",
+        "react-dom": ">=19"
+      }
+    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
diff --git a/package.json b/package.json
index bfdf599..8b6ace7 100644
--- a/package.json
+++ b/package.json
@@ -19,12 +19,12 @@
     "@tabler/icons-react": "^3.34.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "file-saver": "^2.0.5",
     "framer-motion": "^12.19.1",
     "gsap": "^3.13.0",
-    "file-saver": "^2.0.5",
+    "html-docx-js": "^0.3.1",
     "html2canvas": "^1.4.1",
     "html2pdf.js": "^0.10.2",
-    "html-docx-js": "^0.3.1",
     "jspdf": "^2.5.2",
     "liquid-glass-react": "^1.1.1",
     "lucide-react": "^0.518.0",
@@ -43,6 +43,7 @@
   "devDependencies": {
     "@eslint/eslintrc": "^3",
     "@tailwindcss/postcss": "^4.1.10",
+    "@types/file-saver": "^2.0.7",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
diff --git a/src/app/ai-generator/page.tsx b/src/app/ai-generator/page.tsx
index 8221dc0..73deffe 100644
--- a/src/app/ai-generator/page.tsx
+++ b/src/app/ai-generator/page.tsx
@@ -1,17 +1,20 @@
 'use client';
 
 import { useState } from 'react';
+import Link from 'next/link';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Textarea } from '@/components/ui/textarea';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { Download, FileText, Loader2, Sparkles, Brain, Upload, X, Send, MessageSquare, Edit3, Plus } from 'lucide-react';
+import { Download, FileText, Loader2, Sparkles, Brain, Upload, X, Send, MessageSquare, Plus } from 'lucide-react';
 import { exportToPDF, exportToWord } from '@/lib/document-utils';
 
 
 import Aurora from '@/components/Backgrounds/Aurora';
+import { NavbarDemo } from '@/components/nav';
+import Footer from '@/components/footer';
 
 export default function AIGenerator() {
   const [formData, setFormData] = useState({
@@ -19,7 +22,6 @@ export default function AIGenerator() {
     subject: '',
     wordCount: '1000',
     level: 'undergraduate',
-<<<<<<< HEAD
     requirements: '',
     includeImages: true,
     imageQuery: ''
@@ -32,7 +34,6 @@ export default function AIGenerator() {
   const [chatMessages, setChatMessages] = useState<{role: 'user' | 'assistant', content: string}[]>([]);
   const [chatInput, setChatInput] = useState('');
   const [isChatting, setIsChatting] = useState(false);
-  const [showChat, setShowChat] = useState(false);
 
   const getUsage = () => {
     const saved = localStorage.getItem('ai-generator-usage');
@@ -52,27 +53,11 @@ export default function AIGenerator() {
     
     if (usage.geminiUsage >= usage.geminiLimit) {
       alert('Your limit for today has exceeded. Please try again tomorrow.');
-=======
-    requirements: ''
-  });
-  const [generatedContent, setGeneratedContent] = useState('');
-  const [isGenerating, setIsGenerating] = useState(false);
-  const [isExporting, setIsExporting] = useState(false);
-
-  const handleGenerate = async () => {
-    // Check usage limits
-    const savedUsage = localStorage.getItem('ai-generator-usage');
-    const usage = savedUsage ? JSON.parse(savedUsage) : { geminiUsage: 0, geminiLimit: 100 };
-    
-    if (usage.geminiUsage >= usage.geminiLimit) {
-      alert('Daily limit reached! You have generated ' + usage.geminiLimit + ' assignments today. Please try again tomorrow.');
->>>>>>> 744373a (ai powered assignment generator added)
       return;
     }
     
     setIsGenerating(true);
     try {
-<<<<<<< HEAD
       const formDataWithFiles = new FormData();
       Object.entries(formData).forEach(([key, value]) => {
         formDataWithFiles.append(key, value.toString());
@@ -94,16 +79,6 @@ export default function AIGenerator() {
         }
         throw new Error(data.error);
       }
-=======
-      const response = await fetch('/api/generate-assignment', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify(formData)
-      });
-      
-      const data = await response.json();
-      if (data.error) throw new Error(data.error);
->>>>>>> 744373a (ai powered assignment generator added)
       
       // Clean the content to remove any CSS and HTML that might affect layout
       const cleanContent = data.content
@@ -119,10 +94,8 @@ export default function AIGenerator() {
         .replace(/<body[^>]*>/gi, '')
         .replace(/<\/body>/gi, '');
       setGeneratedContent(cleanContent);
-<<<<<<< HEAD
       setStatusMessage({type: 'success', text: 'Assignment generated successfully!'});
       setChatMessages([]);
-      setShowChat(true);
       
       updateUsage('generation');
     } catch (error) {
@@ -132,20 +105,11 @@ export default function AIGenerator() {
       } else {
         alert('Generation failed: ' + errorMsg);
       }
-=======
-      
-      // Update usage count
-      const newUsage = { ...usage, geminiUsage: usage.geminiUsage + 1 };
-      localStorage.setItem('ai-generator-usage', JSON.stringify(newUsage));
-    } catch (error) {
-      alert('Generation failed: ' + (error as Error).message);
->>>>>>> 744373a (ai powered assignment generator added)
     } finally {
       setIsGenerating(false);
     }
   };
 
-<<<<<<< HEAD
   const handleChatSubmit = async () => {
     if (!chatInput.trim() || !generatedContent) return;
     
@@ -169,14 +133,14 @@ export default function AIGenerator() {
       });
       
       const data = await response.json();
-      if (data.error) throw new Error(data.error);
+      if (data.error) throw new Error(data.error as string);
       
       // Add assistant response and update content if modified
       setChatMessages(prev => [...prev, { role: 'assistant', content: data.response }]);
       if (data.updatedContent) {
         setGeneratedContent(data.updatedContent);
       }
-    } catch (error) {
+    } catch {
       setChatMessages(prev => [...prev, { role: 'assistant', content: 'Sorry, I encountered an error. Please try again.' }]);
     } finally {
       setIsChatting(false);
@@ -185,12 +149,6 @@ export default function AIGenerator() {
 
   const handleExportToPDF = async () => {
     const usage = getUsage();
-=======
-  const handleExportToPDF = () => {
-    // Check export limits
-    const savedUsage = localStorage.getItem('ai-generator-usage');
-    const usage = savedUsage ? JSON.parse(savedUsage) : { exportsToday: 0, exportLimit: 50 };
->>>>>>> 744373a (ai powered assignment generator added)
     
     if (usage.exportsToday >= usage.exportLimit) {
       alert('Daily export limit reached! You have downloaded ' + usage.exportLimit + ' documents today. Please try again tomorrow.');
@@ -198,31 +156,15 @@ export default function AIGenerator() {
     }
     
     setIsExporting(true);
-<<<<<<< HEAD
     const success = await exportToPDF(generatedContent, formData.topic || 'assignment');
     if (!success) alert('PDF export failed');
     
     updateUsage('export');
-=======
-    const success = exportToPDF(generatedContent, formData.topic || 'assignment');
-    if (!success) alert('PDF export failed');
-    
-    // Update export count
-    const newUsage = { ...usage, exportsToday: usage.exportsToday + 1 };
-    localStorage.setItem('ai-generator-usage', JSON.stringify(newUsage));
-    
->>>>>>> 744373a (ai powered assignment generator added)
     setIsExporting(false);
   };
 
   const handleExportToWord = async () => {
-<<<<<<< HEAD
     const usage = getUsage();
-=======
-    // Check export limits
-    const savedUsage = localStorage.getItem('ai-generator-usage');
-    const usage = savedUsage ? JSON.parse(savedUsage) : { exportsToday: 0, exportLimit: 50 };
->>>>>>> 744373a (ai powered assignment generator added)
     
     if (usage.exportsToday >= usage.exportLimit) {
       alert('Daily export limit reached! You have downloaded ' + usage.exportLimit + ' documents today. Please try again tomorrow.');
@@ -231,28 +173,8 @@ export default function AIGenerator() {
     
     setIsExporting(true);
     try {
-<<<<<<< HEAD
       await exportToWord(generatedContent, formData.topic || 'assignment');
       updateUsage('export');
-=======
-      const response = await fetch('/api/export-document', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          content: generatedContent,
-          format: 'docx',
-          title: formData.topic || 'assignment'
-        })
-      });
-      
-      const data = await response.json();
-      
-      exportToWord(generatedContent, formData.topic || 'assignment');
-      
-      // Update export count
-      const newUsage = { ...usage, exportsToday: usage.exportsToday + 1 };
-      localStorage.setItem('ai-generator-usage', JSON.stringify(newUsage));
->>>>>>> 744373a (ai powered assignment generator added)
     } catch (error) {
       alert('Word export failed: ' + (error as Error).message);
     } finally {
@@ -262,20 +184,8 @@ export default function AIGenerator() {
 
   return (
     <div className="relative bg-slate-900 min-h-screen">
-      {/* Simple Header */}
-      <div className="relative z-10 bg-slate-900/50 backdrop-blur-sm border-b border-white/10">
-        <div className="max-w-7xl mx-auto px-4 py-4">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-2">
-              <Brain className="h-6 w-6 text-purple-400" />
-              <span className="text-white font-semibold text-lg">AsHelp AI</span>
-            </div>
-            <a href="/" className="text-white hover:text-purple-400 transition-colors">
-              ← Back to Home
-            </a>
-          </div>
-        </div>
-      </div>
+      {/* Navbar */}
+      <NavbarDemo />
       
       {/* Aurora Background */}
       <div className="fixed inset-0 z-0">
@@ -287,11 +197,10 @@ export default function AIGenerator() {
         />
       </div>
       
-      <div className="relative z-10 pt-20 pb-16">
+      <div className="relative z-10 pt-24 pb-16">
         <div className="max-w-7xl mx-auto px-4">
           {/* Hero Section */}
           <div className="text-center mb-12">
-<<<<<<< HEAD
             <h1 className="text-4xl md:text-6xl font-bold text-white/90 mb-4">
               AI Assignment Generator
             </h1>
@@ -317,23 +226,10 @@ export default function AIGenerator() {
                 </div>
               </div>
             )}
-=======
-            <div className="flex items-center justify-center gap-2 mb-4">
-              <Brain className="h-8 w-8 text-purple-400" />
-              <h1 className="text-4xl md:text-6xl font-bold text-white/90">
-                AI Assignment Generator
-              </h1>
-              <Sparkles className="h-8 w-8 text-pink-400" />
-            </div>
-            <p className="text-white/90 text-lg max-w-2xl mx-auto">
-              Generate professional academic assignments with AI. Get structured, well-formatted content in seconds.
-            </p>
->>>>>>> 744373a (ai powered assignment generator added)
           </div>
           
 
           
-<<<<<<< HEAD
           {/* Main Content */}
           <div className="space-y-8">
             {!generatedContent && (
@@ -345,19 +241,6 @@ export default function AIGenerator() {
                   </CardTitle>
                 </CardHeader>
                 <CardContent className="space-y-6">
-=======
-          {/* Main Content Grid */}
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
-            {/* Input Form */}
-            <Card className="bg-white/10 backdrop-blur-md border-white/20">
-              <CardHeader>
-                <CardTitle className="text-white/90 flex items-center gap-2">
-                  <FileText className="h-5 w-5" />
-                  Assignment Details
-                </CardTitle>
-              </CardHeader>
-              <CardContent className="space-y-6">
->>>>>>> 744373a (ai powered assignment generator added)
                 <div className="space-y-2">
                   <Label htmlFor="topic" className="text-white/90">Topic *</Label>
                   <Input
@@ -366,6 +249,7 @@ export default function AIGenerator() {
                     onChange={(e) => setFormData({...formData, topic: e.target.value})}
                     placeholder="Enter assignment topic"
                     className="bg-white/10 border-white/20 text-white placeholder:text-white/60"
+                    suppressHydrationWarning
                   />
                 </div>
                 
@@ -377,6 +261,7 @@ export default function AIGenerator() {
                     onChange={(e) => setFormData({...formData, subject: e.target.value})}
                     placeholder="e.g., Computer Science, History"
                     className="bg-white/10 border-white/20 text-white placeholder:text-white/60"
+                    suppressHydrationWarning
                   />
                 </div>
                 
@@ -425,7 +310,6 @@ export default function AIGenerator() {
                   />
                 </div>
                 
-<<<<<<< HEAD
                 <div className="flex items-center space-x-2">
                   <input
                     type="checkbox"
@@ -448,6 +332,7 @@ export default function AIGenerator() {
                       onChange={(e) => setFormData({...formData, imageQuery: e.target.value})}
                       placeholder="e.g., sunflower, DNA structure, solar system"
                       className="bg-white/10 border-white/20 text-white placeholder:text-white/60"
+                      suppressHydrationWarning
                     />
                   </div>
                 )}
@@ -500,8 +385,6 @@ export default function AIGenerator() {
                   )}
                 </div>
                 
-=======
->>>>>>> 744373a (ai powered assignment generator added)
                 <Button 
                   onClick={handleGenerate} 
                   disabled={!formData.topic || !formData.subject || isGenerating}
@@ -520,7 +403,6 @@ export default function AIGenerator() {
                     </>
                   )}
                 </Button>
-<<<<<<< HEAD
                 </CardContent>
               </Card>
             )}
@@ -594,7 +476,7 @@ export default function AIGenerator() {
                           <div className="text-center text-white/60 py-8">
                             <MessageSquare className="mx-auto h-8 w-8 mb-2 opacity-50" />
                             <p className="text-sm">Ask me to modify your assignment!</p>
-                            <p className="text-xs mt-1 opacity-75">Try: "Make it shorter" or "Add examples"</p>
+                            <p className="text-xs mt-1 opacity-75">Try: &quot;Make it shorter&quot; or &quot;Add examples&quot;</p>
                           </div>
                         ) : (
                           chatMessages.map((msg, idx) => (
@@ -627,6 +509,7 @@ export default function AIGenerator() {
                           className="bg-white/10 border-white/20 text-white placeholder:text-white/60 text-sm"
                           onKeyPress={(e) => e.key === 'Enter' && !e.shiftKey && handleChatSubmit()}
                           disabled={isChatting}
+                          suppressHydrationWarning
                         />
                         <Button 
                           onClick={handleChatSubmit}
@@ -643,65 +526,11 @@ export default function AIGenerator() {
               </div>
             )}
           </div>
-=======
-              </CardContent>
-            </Card>
-            
-            {/* Generated Content */}
-            <Card className="bg-white/10 backdrop-blur-md border-white/20">
-              <CardHeader>
-                <div className="flex items-center justify-between">
-                  <CardTitle className="text-white/90 flex items-center gap-2">
-                    <FileText className="h-5 w-5" />
-                    Generated Content
-                  </CardTitle>
-                  {generatedContent && (
-                    <div className="flex gap-2">
-                      <Button 
-                        onClick={handleExportToPDF} 
-                        disabled={isExporting}
-                        variant="outline"
-                        size="sm"
-                        className="bg-white/10 border-white/20 text-white hover:bg-white/20"
-                      >
-                        {isExporting ? <Loader2 className="h-4 w-4 animate-spin" /> : <Download className="h-4 w-4" />}
-                        PDF
-                      </Button>
-                      <Button 
-                        onClick={handleExportToWord} 
-                        disabled={isExporting}
-                        variant="outline"
-                        size="sm"
-                        className="bg-white/10 border-white/20 text-white hover:bg-white/20"
-                      >
-                        {isExporting ? <Loader2 className="h-4 w-4 animate-spin" /> : <Download className="h-4 w-4" />}
-                        Word
-                      </Button>
-                    </div>
-                  )}
-                </div>
-              </CardHeader>
-              <CardContent>
-                {generatedContent ? (
-                  <div 
-                    className="max-w-none bg-white/5 p-6 rounded-lg border border-white/10 max-h-96 overflow-y-auto text-white"
-                    dangerouslySetInnerHTML={{ __html: generatedContent }}
-                  />
-                ) : (
-                  <div className="text-center text-white/90 py-16">
-                    <FileText className="mx-auto h-16 w-16 mb-4 opacity-50" />
-                    <p className="text-lg">Generated assignment will appear here</p>
-                    <p className="text-sm mt-2">Fill in the details and click generate to start</p>
-                  </div>
-                )}
-              </CardContent>
-            </Card>
-          </div>
-          
-
->>>>>>> 744373a (ai powered assignment generator added)
         </div>
       </div>
+      
+      {/* Footer */}
+      <Footer />
     </div>
   );
 }
\ No newline at end of file
diff --git a/src/app/api/chat-assignment/route.ts b/src/app/api/chat-assignment/route.ts
index e5cf3c7..f9a7546 100644
--- a/src/app/api/chat-assignment/route.ts
+++ b/src/app/api/chat-assignment/route.ts
@@ -76,10 +76,10 @@ Please provide a helpful response about the assignment. If the user is asking fo
       });
     }
 
-  } catch (error: any) {
+  } catch (error: unknown) {
     console.error('Chat error:', error);
     return NextResponse.json({ 
-      error: error.message || 'Failed to process chat request' 
+      error: error instanceof Error ? error.message : 'Failed to process chat request' 
     }, { status: 500 });
   }
 }
\ No newline at end of file
diff --git a/src/app/api/export-document/route.ts b/src/app/api/export-document/route.ts
index 395a9dd..f19b72f 100644
--- a/src/app/api/export-document/route.ts
+++ b/src/app/api/export-document/route.ts
@@ -21,7 +21,7 @@ export async function POST(req: NextRequest) {
       htmlContent: content,
       filename: `${title || 'assignment'}.pdf`
     });
-  } catch (error: any) {
-    return NextResponse.json({ error: error.message || 'Export failed' }, { status: 500 });
+  } catch (error: unknown) {
+    return NextResponse.json({ error: error instanceof Error ? error.message : 'Export failed' }, { status: 500 });
   }
 }
\ No newline at end of file
diff --git a/src/app/api/fetch-image/route.ts b/src/app/api/fetch-image/route.ts
index 50089c9..b787cab 100644
--- a/src/app/api/fetch-image/route.ts
+++ b/src/app/api/fetch-image/route.ts
@@ -39,7 +39,7 @@ export async function POST(req: NextRequest) {
     }
 
     return NextResponse.json({ error: 'No images found' }, { status: 404 });
-  } catch (error: any) {
-    return NextResponse.json({ error: error.message || 'Image fetch failed' }, { status: 500 });
+  } catch (error: unknown) {
+    return NextResponse.json({ error: error instanceof Error ? error.message : 'Image fetch failed' }, { status: 500 });
   }
 }
\ No newline at end of file
diff --git a/src/app/api/generate-assignment/route.ts b/src/app/api/generate-assignment/route.ts
index 4a08310..cd11442 100644
--- a/src/app/api/generate-assignment/route.ts
+++ b/src/app/api/generate-assignment/route.ts
@@ -56,34 +56,24 @@ export async function POST(req: NextRequest) {
       return NextResponse.json({ error: 'Topic and subject are required' }, { status: 400 });
     }
 
-<<<<<<< HEAD
     // Extract text from uploaded files
     let fileContent = '';
     const files = Array.from(formData.entries()).filter(([key]) => key.startsWith('file_'));
     
     for (const [, file] of files) {
       if (file instanceof File) {
-        try {
-          const text = await file.text();
-          fileContent += `\n\nReference from ${file.name}:\n${text}\n`;
-        } catch (error) {
-          console.error(`Failed to read file ${file.name}:`, error);
-        }
+        const text = await file.text();
+        fileContent += `\n--- Content from ${file.name} ---\n${text}\n\n`;
       }
     }
 
-=======
->>>>>>> 744373a (ai powered assignment generator added)
     const model = genAI.getGenerativeModel({ model: 'gemini-2.0-flash-exp' });
 
     const prompt = `Generate a comprehensive academic assignment on "${topic}" for ${subject} at ${level || 'undergraduate'} level. 
     Target word count: ${wordCount || 1000} words.
     ${requirements ? `Additional requirements: ${requirements}` : ''}
-<<<<<<< HEAD
-    ${fileContent ? `\n\nReference materials provided:\n${fileContent}\n\nPlease incorporate relevant information from these reference materials into the assignment.` : ''}
-=======
->>>>>>> 744373a (ai powered assignment generator added)
-    
+    ${fileContent ? `\nReference materials:\n${fileContent}` : ''}
+
     Structure the assignment with:
     1. Title
     2. Introduction
@@ -91,67 +81,29 @@ export async function POST(req: NextRequest) {
     4. Conclusion
     5. References (if applicable)
     
-<<<<<<< HEAD
-    ${includeImages ? `Also suggest 1 relevant image search term that would enhance this assignment. Use the main topic "${topic}" as the search term unless a more specific term would be better. Add this term as a JSON array in an HTML comment at the very end: <!-- ["term1"] -->` : ''}
-    
     Format the response as structured HTML with proper headings, paragraphs, and formatting.`;
 
     const result = await model.generateContent(prompt);
-    
-    if (!result.response) {
-      throw new Error('Your limit for today has exceeded. Please try again tomorrow.');
-    }
-    
-    let content = result.response.text();
-    
-    // Extract image suggestions and fetch images
-    if (includeImages) {
-      const imageTermsMatch = content.match(/<!--\s*\[([^\]]+)\]\s*-->/s);
-      if (imageTermsMatch) {
-        try {
-          const imageTerms = JSON.parse(`[${imageTermsMatch[1]}]`);
-          const images = [];
-          
-          // Use user's image query, or topic as fallback
-          const searchTerm = imageQuery || topic;
-          const image = await fetchRelevantImage(searchTerm);
-          if (image) {
-            // Find the first heading after introduction to inject image
-            const headingMatch = content.match(/(<h[2-6][^>]*>)/i);
-            if (headingMatch) {
-              const imageHtml = `
-<div class="image-container" style="margin: 20px 0; text-align: center;">
-  <img src="${image.url}" alt="${image.alt}" style="max-width: 100%; height: auto; border-radius: 8px;" data-download-url="${image.downloadUrl}" />
-</div>
-`;
-              // Insert image before the first main heading, preserving the original heading tag
-              content = content.replace(headingMatch[1], imageHtml + headingMatch[1]);
-            }
-          }
-          
-          // Remove the image suggestions comment
-          content = content.replace(/<!--\s*\[.*?\]\s*-->/s, '');
-        } catch (e) {
-          console.error('Failed to process image suggestions:', e);
-        }
+    const content = result.response.text();
+
+    // Fetch image if requested
+    let finalContent = content;
+    if (includeImages && imageQuery) {
+      const imageData = await fetchRelevantImage(imageQuery);
+      if (imageData) {
+        finalContent = `<div style="text-align: center; margin: 20px 0;">
+          <img src="${imageData.url}" alt="${imageData.alt}" style="max-width: 100%; height: auto; border-radius: 8px;" />
+        </div>\n${content}`;
       }
     }
 
-    return NextResponse.json({ content, topic, subject });
-  } catch (error: any) {
-    const errorMessage = error.message?.includes('limit') || error.message?.includes('quota') || error.message?.includes('exceeded')
+    return NextResponse.json({ content: finalContent });
+  } catch (error: unknown) {
+    console.error('Assignment generation failed:', error);
+    const errorObj = error as Error;
+    const errorMessage = errorObj.message?.includes('limit') || errorObj.message?.includes('quota')
       ? 'Your limit for today has exceeded. Please try again tomorrow.'
-      : error.message || 'Assignment generation failed';
+      : errorObj.message || 'Assignment generation failed';
     return NextResponse.json({ error: errorMessage }, { status: 500 });
-=======
-    Format the response as structured HTML with proper headings, paragraphs, and formatting.`;
-
-    const result = await model.generateContent(prompt);
-    const content = result.response.text();
-
-    return NextResponse.json({ content, topic, subject });
-  } catch (error: any) {
-    return NextResponse.json({ error: error.message || 'Assignment generation failed' }, { status: 500 });
->>>>>>> 744373a (ai powered assignment generator added)
   }
 }
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..b6cc3c6
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,283 @@
+"use client";
+import React, { useState, useEffect } from "react";
+import Link from "next/link";
+import { Boxes } from "@/components/ui/background-boxes";
+import { NavbarDemo } from "@/components/nav";
+import { Label } from "@/components/ui/label";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { cn } from "@/lib/utils";
+import { Mail, Phone, MapPin, Send } from "lucide-react";
+import { AnimatePresence } from "framer-motion";
+import { DotLottieReact } from "@lottiefiles/dotlottie-react";
+
+export default function ContactPage() {
+  const [isLoading, setIsLoading] = useState(true);
+  const [mounted, setMounted] = useState(false);
+  const [formData, setFormData] = useState({
+    name: "",
+    email: "",
+    subject: "",
+    message: ""
+  });
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [submitStatus, setSubmitStatus] = useState<"idle" | "success" | "error">("idle");
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  useEffect(() => {
+    if (!mounted) return;
+    const timer = setTimeout(() => {
+      setIsLoading(false);
+    }, 2000);
+    return () => clearTimeout(timer);
+  }, [mounted]);
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
+    const { name, value } = e.target;
+    setFormData(prev => ({
+      ...prev,
+      [name]: value
+    }));
+  };
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    setIsSubmitting(true);
+    
+    // Simulate form submission
+    try {
+      await new Promise(resolve => setTimeout(resolve, 2000));
+      setSubmitStatus("success");
+      setFormData({ name: "", email: "", subject: "", message: "" });
+    } catch (error) {
+      setSubmitStatus("error");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  if (!mounted) return null;
+
+  return (
+    <div className="min-h-screen relative w-full overflow-hidden bg-slate-900 flex flex-col items-center justify-center p-4">
+      
+      {/* Loading Screen */}
+      {isLoading && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-slate-900">
+          <div className="flex flex-col items-center gap-4">
+            <DotLottieReact
+              src="https://lottie.host/184e3f2e-31ad-4bfd-9ea2-5bc8650cf1c9/dBlK14bVkG.lottie"
+              loop
+              autoplay
+            />
+            <p className="text-white text-lg font-medium">Loading...</p>
+          </div>
+        </div>
+      )}
+
+      <NavbarDemo />
+
+      <div className="absolute inset-0 w-full h-full bg-slate-900 z-20 [mask-image:radial-gradient(transparent,white)] pointer-events-none" />
+      <Boxes />
+
+
+      {/* Main Content */}
+      <div
+        className={`relative z-30 transition-opacity duration-500 ${
+          isLoading ? "opacity-0" : "opacity-100"
+        }`}
+      >
+        {!isLoading && (
+          <div className="w-full max-w-6xl mx-auto pt-20">
+            {/* Header Section */}
+            <div className="text-center mb-12">
+              <h1 className="text-4xl md:text-6xl font-bold text-white mb-4">
+                Get in <span className="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-400">Touch</span>
+              </h1>
+              <p className="text-gray-400 text-lg md:text-xl max-w-2xl mx-auto">
+                Have questions about our services? We'd love to hear from you. Send us a message and we'll respond as soon as possible.
+              </p>
+            </div>
+
+            <div className="grid lg:grid-cols-2 gap-12 items-start">
+              {/* Contact Information */}
+              <div className="space-y-8">
+                <div>
+                  <h2 className="text-2xl font-bold text-white mb-6">Contact Information</h2>
+                  <div className="space-y-6">
+                    <div className="grid md:grid-cols-2 gap-6">
+                      <div className="flex items-center space-x-4">
+                        <div className="flex items-center justify-center w-12 h-12 rounded-full bg-gradient-to-r from-green-500 to-blue-500">
+                          <Phone className="w-6 h-6 text-white" />
+                        </div>
+                        <div>
+                          <h3 className="text-white font-semibold">Phone</h3>
+                          <p className="text-gray-400">+1 (555) 123-4567</p>
+                        </div>
+                      </div>
+                      
+                      <div className="flex items-center space-x-4">
+                        <div className="flex items-center justify-center w-12 h-12 rounded-full bg-gradient-to-r from-blue-500 to-purple-500">
+                          <Mail className="w-6 h-6 text-white" />
+                        </div>
+                        <div>
+                          <h3 className="text-white font-semibold">Email</h3>
+                          <p className="text-gray-400">support@asshelp.com</p>
+                        </div>
+                      </div>
+                    </div>
+                    
+                    <div className="flex items-center space-x-4">
+                      <div className="flex items-center justify-center w-12 h-12 rounded-full bg-gradient-to-r from-purple-500 to-pink-500">
+                        <MapPin className="w-6 h-6 text-white" />
+                      </div>
+                      <div>
+                        <h3 className="text-white font-semibold">Address</h3>
+                        <p className="text-gray-400">123 Assignment Street<br />Help City, HC 12345</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                {/* FAQ Section */}
+                <div className="mt-12">
+                  <h3 className="text-xl font-bold text-white mb-4">Frequently Asked Questions</h3>
+                  <div className="space-y-4">
+                    <div className="bg-white/5 backdrop-blur-sm rounded-lg p-4 border border-white/10">
+                      <h4 className="text-white font-semibold mb-2">What subjects do you cover?</h4>
+                      <p className="text-gray-400 text-sm">We cover all major academic subjects including STEM, humanities, business, and more.</p>
+                    </div>
+                    <div className="bg-white/5 backdrop-blur-sm rounded-lg p-4 border border-white/10">
+                      <h4 className="text-white font-semibold mb-2">Is the work plagiarism-free?</h4>
+                      <p className="text-gray-400 text-sm">Yes, all our work is 100% original and plagiarism-free with detailed citations.</p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              {/* Contact Form */}
+              <div className="bg-white/5 backdrop-blur-sm rounded-2xl p-8 border border-white/10 shadow-2xl">
+                <h2 className="text-2xl font-bold text-white mb-6">Send us a Message</h2>
+                
+                {submitStatus === "success" && (
+                  <div className="mb-6 p-4 bg-green-500/20 border border-green-500/30 rounded-lg">
+                    <p className="text-green-400">Thank you! Your message has been sent successfully.</p>
+                  </div>
+                )}
+                
+                {submitStatus === "error" && (
+                  <div className="mb-6 p-4 bg-red-500/20 border border-red-500/30 rounded-lg">
+                    <p className="text-red-400">Sorry, there was an error sending your message. Please try again.</p>
+                  </div>
+                )}
+
+                <form onSubmit={handleSubmit} className="space-y-6">
+                  <div className="grid md:grid-cols-2 gap-4">
+                    <LabelInputContainer>
+                      <Label htmlFor="name">Full Name</Label>
+                      <Input
+                        id="name"
+                        name="name"
+                        placeholder="John Doe"
+                        value={formData.name}
+                        onChange={handleInputChange}
+                        required
+                        className="bg-white/10 border-white/20 text-white placeholder:text-gray-400"
+                      />
+                    </LabelInputContainer>
+                    
+                    <LabelInputContainer>
+                      <Label htmlFor="email">Email Address</Label>
+                      <Input
+                        id="email"
+                        name="email"
+                        type="email"
+                        placeholder="john@example.com"
+                        value={formData.email}
+                        onChange={handleInputChange}
+                        required
+                        className="bg-white/10 border-white/20 text-white placeholder:text-gray-400"
+                      />
+                    </LabelInputContainer>
+                  </div>
+                  
+                  <LabelInputContainer>
+                    <Label htmlFor="subject">Subject</Label>
+                    <Input
+                      id="subject"
+                      name="subject"
+                      placeholder="How can we help you?"
+                      value={formData.subject}
+                      onChange={handleInputChange}
+                      required
+                      className="bg-white/10 border-white/20 text-white placeholder:text-gray-400"
+                    />
+                  </LabelInputContainer>
+                  
+                  <LabelInputContainer>
+                    <Label htmlFor="message">Message</Label>
+                    <Textarea
+                      id="message"
+                      name="message"
+                      placeholder="Tell us about your project requirements..."
+                      value={formData.message}
+                      onChange={handleInputChange}
+                      required
+                      rows={5}
+                      className="bg-white/10 border-white/20 text-white placeholder:text-gray-400 resize-none"
+                    />
+                  </LabelInputContainer>
+                  
+                  <button
+                    type="submit"
+                    disabled={isSubmitting}
+                    className="group/btn relative flex h-12 w-full items-center justify-center rounded-md bg-gradient-to-br from-blue-600 to-purple-600 font-medium text-white shadow-[0px_1px_0px_0px_#ffffff40_inset,0px_-1px_0px_0px_#ffffff40_inset] hover:from-blue-700 hover:to-purple-700 disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-200"
+                  >
+                    {isSubmitting ? (
+                      <div className="flex items-center space-x-2">
+                        <div className="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"></div>
+                        <span>Sending...</span>
+                      </div>
+                    ) : (
+                      <div className="flex items-center space-x-2">
+                        <Send className="w-4 h-4" />
+                        <span>Send Message</span>
+                      </div>
+                    )}
+                    <BottomGradient />
+                  </button>
+                </form>
+              </div>
+            </div>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
+
+const BottomGradient = () => {
+  return (
+    <>
+      <span className="absolute inset-x-0 -bottom-px block h-px w-full bg-gradient-to-r from-transparent via-cyan-500 to-transparent opacity-0 transition duration-500 group-hover/btn:opacity-100" />
+      <span className="absolute inset-x-10 -bottom-px mx-auto block h-px w-1/2 bg-gradient-to-r from-transparent via-indigo-500 to-transparent opacity-0 blur-sm transition duration-500 group-hover/btn:opacity-100" />
+    </>
+  );
+};
+
+const LabelInputContainer = ({
+  children,
+  className,
+}: {
+  children: React.ReactNode;
+  className?: string;
+}) => {
+  return (
+    <div className={cn("flex w-full flex-col space-y-2", className)}>
+      {children}
+    </div>
+  );
+};
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 5aa499c..69bea8a 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -6,6 +6,7 @@ import { NavbarDemo } from "@/components/nav";
 import { AnimatePresence } from 'framer-motion';
 import AcademicHubSkeleton from '@/components/skeletons/dashboardPageSkeleton';
 import Image from 'next/image';
+import Footer from '@/components/footer';
 
 
 const AcademicHub = () => {
@@ -267,53 +268,7 @@ const AcademicHub = () => {
       </section>
 
       {/* Footer */}
-      <footer className="bg-slate-900/80 border-t border-slate-700/50 py-12 px-4 sm:px-6 lg:px-8">
-        <div className="max-w-7xl mx-auto">
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
-            {/* Company Info */}
-            <div className="col-span-1 md:col-span-2">
-              <div className="flex items-center space-x-2 mb-4">
-                <div className="w-10 h-10 bg-gradient-to-br from-blue-500 to-purple-600 rounded-xl flex items-center justify-center">
-                  <span className="text-white font-bold text-lg">A</span>
-                </div>
-                <span className="text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent">
-                  Asshelp
-                </span>
-              </div>
-              <p className="text-slate-400 max-w-md">
-                Your trusted partner for academic excellence. Get premium assignments and projects delivered on time.
-              </p>
-            </div>
-
-            {/* Categories */}
-            <div>
-              <h3 className="text-lg font-semibold text-white mb-4">Categories</h3>
-              <div className="space-y-2">
-                {categories.map((category) => (
-                  <a key={category} href="#" className="block text-slate-400 hover:text-white transition-colors">
-                    {category}
-                  </a>
-                ))}
-              </div>
-            </div>
-
-            {/* Support */}
-            <div>
-              <h3 className="text-lg font-semibold text-white mb-4">Support</h3>
-              <div className="space-y-2">
-                <a href="#" className="block text-slate-400 hover:text-white transition-colors">Help Center</a>
-                <a href="#" className="block text-slate-400 hover:text-white transition-colors">Contact Us</a>
-                <a href="#" className="block text-slate-400 hover:text-white transition-colors">FAQ</a>
-                <a href="#" className="block text-slate-400 hover:text-white transition-colors">Live Chat</a>
-              </div>
-            </div>
-          </div>
-
-          <div className="border-t border-slate-700/50 mt-8 pt-8 text-center text-slate-400">
-            <p>&copy; 2025 Asshelp. All rights reserved.</p>
-          </div>
-        </div>
-      </footer>
+      <Footer />
       </div>
     </div>
   );
diff --git a/src/app/form/page.tsx b/src/app/form/page.tsx
index c6bbde3..83f19a5 100644
--- a/src/app/form/page.tsx
+++ b/src/app/form/page.tsx
@@ -60,6 +60,8 @@ function FormPaContent() {
   
     // Helper to upload file to Supabase Storage
     async function uploadFile(file: File) {
+      if (!supabase) throw new Error('Supabase client not available');
+      
       const fileExt = file.name.split('.').pop();
       const fileName = `${Date.now()}.${fileExt}`;
       const { error } = await supabase.storage.from('uploads').upload(fileName, file);
@@ -71,6 +73,12 @@ function FormPaContent() {
   
     // Insert assignment into DB
     async function submitAssignment() {
+      if (!supabase) {
+        setError('Database service is not available. Please check your configuration.');
+        setLoading(false);
+        return;
+      }
+      
       setLoading(true);
       setError('');
       setSuccess(false);
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index cfd3d8f..79880c3 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
+import BackToTop from "@/components/back-to-top";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -15,8 +16,11 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
-      <body className={inter.className}>{children}</body>
+    <html lang="en" suppressHydrationWarning>
+      <body className={inter.className}>
+        {children}
+        <BackToTop />
+      </body>
     </html>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7e375a0..3b93d07 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,10 +10,9 @@ import { NavbarDemo } from "@/components/nav";
 import Image from 'next/image';
 import { AnimatePresence } from "framer-motion";
 import HomePageSkeleton from "@/components/skeletons/homePageSkeleton";
+import Footer from "@/components/footer";
 
-
-
-export default function BackgroundBoxesDemo() {
+export default function HomePage() {
   const [scrollY, setScrollY] = useState(0);
   const [isLoading, setIsLoading] = useState(true);
   const [mounted, setMounted] = useState(false);
@@ -32,7 +31,7 @@ export default function BackgroundBoxesDemo() {
     // Simulate loading time for components
     const timer = setTimeout(() => {
       setIsLoading(false);
-    }, 4000); // Show loader for 4 seconds to see the animation properly
+    }, 2000); // Reduced loading time
 
     return () => clearTimeout(timer);
   }, [mounted]);
@@ -48,7 +47,7 @@ export default function BackgroundBoxesDemo() {
 
   return (
     <div className="relative bg-slate-900">
-      {/* Loading Screen --- UPDATED SECTION */}
+      {/* Loading Screen */}
       <AnimatePresence>
         {isLoading && <HomePageSkeleton />}
       </AnimatePresence>
@@ -111,7 +110,6 @@ export default function BackgroundBoxesDemo() {
           titleComponent={
             <>
               <h2 className="text-4xl font-semibold text-black dark:text-white">
-                
                 <span className="text-4xl md:text-[6rem] font-bold mt-1 leading-none">
                   
                 </span>
@@ -120,7 +118,7 @@ export default function BackgroundBoxesDemo() {
           }
         >
           <Image
-            src="/linear.webp"
+            src="/homepage.png"
             alt="hero"
             height={720}
             width={1400}
@@ -132,7 +130,7 @@ export default function BackgroundBoxesDemo() {
       </div>
       {/* 3 Steps Section */}
       <section className="relative z-20 flex flex-col items-center justify-center w-full py-16 bg-transparent">
-        <div className="mb-2 text-center text-sm font-mono text-red-500 tracking-widest">HOW IT WORKS</div>
+        <div className="mb-5 text-center text-2xl font-mono font-bold text-red-500 tracking-widest">HOW IT WORKS</div>
         <h2 className="text-3xl sm:text-5xl font-bold text-white dark:text-white mb-12 text-center">Just 3 steps to get started</h2>
         <div className="flex flex-col md:flex-row gap-10 md:gap-20 max-w-5xl mx-auto w-full justify-center items-start">
           {/* Step 1 */}
@@ -142,7 +140,7 @@ export default function BackgroundBoxesDemo() {
             </span>
             <div>
               <h3 className="text-lg font-bold text-white dark:text-white mb-1">1. Upload Your Data</h3>
-              <p className="text-gray-600 dark:text-gray-300 text-base">Simply upload your data to our secure platform. We support various file formats and data types to ensure a seamless integration with your existing systems.</p>
+              <p className="text-gray-300 dark:text-gray-300 text-base">Simply upload your data to our secure platform. We support various file formats and data types to ensure a seamless integration with your existing systems.</p>
             </div>
           </div>
           {/* Step 2 */}
@@ -152,7 +150,7 @@ export default function BackgroundBoxesDemo() {
             </span>
             <div>
               <h3 className="text-lg font-bold text-white dark:text-white mb-1">2. Click Start</h3>
-              <p className="text-gray-600 dark:text-gray-300 text-base">Our advanced AI algorithms automatically process and analyze your data, extracting valuable insights and patterns that would be difficult to identify manually.</p>
+              <p className="text-gray-300 dark:text-gray-300 text-base">Our advanced AI algorithms automatically process and analyze your data, extracting valuable insights and patterns that would be difficult to identify manually.</p>
             </div>
           </div>
           {/* Step 3 */}
@@ -162,18 +160,16 @@ export default function BackgroundBoxesDemo() {
             </span>
             <div>
               <h3 className="text-lg font-bold text-white dark:text-white mb-1">3. Get Actionable Insights</h3>
-              <p className="text-gray-600 dark:text-gray-300 text-base">Receive clear, actionable insights and recommendations based on the AI analysis. Use these insights to make data-driven decisions and improve your business strategies.</p>
+              <p className="text-gray-300 dark:text-gray-300 text-base">Receive clear, actionable insights and recommendations based on the AI analysis. Use these insights to make data-driven decisions and improve your business strategies.</p>
             </div>
           </div>
         </div>
       </section>
       {/* End 3 Steps Section */}
       <TestimonialMarquee/>
-      {/* Made by and Copyright */}
-      <footer className="w-full flex flex-col items-center justify-center py-6 text-center text-xs text-gray-400">
-        
-        <div className="mt-1">Copyright &copy; {new Date().getFullYear()} asshelp All rights reserved.</div>
-      </footer>
+      
+      {/* Footer */}
+      <Footer />
     </div>
   );
 }
\ No newline at end of file
diff --git a/src/app/sign/page.tsx b/src/app/sign/page.tsx
index 31a3a6e..a9febd9 100644
--- a/src/app/sign/page.tsx
+++ b/src/app/sign/page.tsx
@@ -5,7 +5,6 @@ import { Boxes } from "@/components/ui/background-boxes";
 import SignupFormDemo from "@/components/signup";
 import { AnimatePresence } from "framer-motion";
 import SignupPageSkeleton from "@/components/skeletons/signinPageSkeleton";
-import Navbar from "@/components/navbar1";
 import { DotLottieReact } from "@lottiefiles/dotlottie-react";
 
 export default function SignupPage() {
@@ -28,8 +27,6 @@ export default function SignupPage() {
 
   return (
     <div className="min-h-screen relative w-full overflow-hidden bg-slate-900 flex flex-col items-center justify-center p-4">
-      {/* Navbar */}
-      <Navbar />
       
       {/* Loading Screen */}
       {isLoading && (
diff --git a/src/components/back-to-top.tsx b/src/components/back-to-top.tsx
new file mode 100644
index 0000000..0933b43
--- /dev/null
+++ b/src/components/back-to-top.tsx
@@ -0,0 +1,58 @@
+"use client";
+import React, { useState, useEffect } from "react";
+import { ChevronUp } from "lucide-react";
+import { cn } from "@/lib/utils";
+
+interface BackToTopProps {
+  className?: string;
+  threshold?: number;
+}
+
+export default function BackToTop({ 
+  className, 
+  threshold = 300 
+}: BackToTopProps) {
+  const [isVisible, setIsVisible] = useState(false);
+
+  useEffect(() => {
+    const toggleVisibility = () => {
+      if (window.pageYOffset > threshold) {
+        setIsVisible(true);
+      } else {
+        setIsVisible(false);
+      }
+    };
+
+    window.addEventListener("scroll", toggleVisibility);
+    return () => window.removeEventListener("scroll", toggleVisibility);
+  }, [threshold]);
+
+  const scrollToTop = () => {
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth",
+    });
+  };
+
+  if (!isVisible) {
+    return null;
+  }
+
+  return (
+    <button
+      onClick={scrollToTop}
+      className={cn(
+        "fixed bottom-8 right-8 z-50 flex items-center justify-center w-12 h-12",
+        "bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700",
+        "text-white rounded-full shadow-lg hover:shadow-xl",
+        "transition-all duration-300 ease-in-out",
+        "hover:scale-110 active:scale-95",
+        "border border-white/20 backdrop-blur-sm",
+        className
+      )}
+      aria-label="Back to top"
+    >
+      <ChevronUp className="w-6 h-6" />
+    </button>
+  );
+}
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
new file mode 100644
index 0000000..1ca2975
--- /dev/null
+++ b/src/components/footer.tsx
@@ -0,0 +1,192 @@
+"use client";
+import React, { useState } from 'react';
+import Link from 'next/link';
+import { Mail, Facebook, X, Instagram, Linkedin, Send } from 'lucide-react';
+
+export default function Footer() {
+  const [email, setEmail] = useState('');
+  const [isSubscribed, setIsSubscribed] = useState(false);
+
+  const handleNewsletterSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    if (email) {
+      setIsSubscribed(true);
+      setEmail('');
+      // Here you would typically send the email to your backend
+      setTimeout(() => setIsSubscribed(false), 3000);
+    }
+  };
+
+  const quickLinks = [
+    { name: 'Home', href: '/' },
+    { name: 'AI Generator', href: '/ai-generator' },
+    { name: 'Dashboard', href: '/dashboard' },
+    { name: 'Features', href: '/#features' },
+    { name: 'Sign Up', href: '/sign' },
+  ];
+
+  const helpLinks = [
+    { name: 'How it Works', href: '#how-it-works' },
+    { name: 'FAQ', href: '#faq' },
+    { name: 'Contact Support', href: '#contact' },
+    { name: 'Documentation', href: '#docs' },
+    { name: 'Pricing', href: '#pricing' },
+  ];
+
+  const supportLinks = [
+    { name: 'Terms & Conditions', href: '/terms' },
+    { name: 'Privacy Policy', href: '/privacy' },
+  ];
+
+  const socialLinks = [
+    { name: 'Facebook', icon: Facebook, href: 'https://facebook.com' },
+    { name: 'X', icon: X, href: 'https://x.com' },
+    { name: 'Instagram', icon: Instagram, href: 'https://instagram.com' },
+    { name: 'LinkedIn', icon: Linkedin, href: 'https://linkedin.com' },
+  ];
+
+  return (
+    <footer className="relative w-full bg-slate-900/95 backdrop-blur-sm border-t border-gray-800 z-30">
+      {/* Aurora effect overlay */}
+      <div className="absolute inset-0 opacity-20">
+        <div className="absolute inset-0 bg-gradient-to-r from-blue-600/20 via-purple-600/20 to-pink-600/20 animate-pulse"></div>
+      </div>
+      
+      <div className="relative z-20 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 sm:py-12">
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 sm:gap-8">
+          {/* Logo and Info Section */}
+          <div className="sm:col-span-2 lg:col-span-1">
+             <div className="flex items-center mb-4">
+               <img
+                 src="https://assets.aceternity.com/logo-dark.png"
+                 alt="AsHelp Logo"
+                 width={40}
+                 height={40}
+                 className="mr-3"
+               />
+               <span className="text-xl sm:text-2xl font-bold text-white">AssHelp</span>
+             </div>
+            <p className="text-gray-400 text-sm mb-6 max-w-xs">
+              Get professional assignment writing services from verified experts. 
+              100% AI-free, plagiarism-free content delivered on time.
+            </p>
+            
+            {/* Newsletter Subscription */}
+            <div className="space-y-3">
+              <h3 className="text-white font-semibold text-sm">Stay Updated</h3>
+              <form onSubmit={handleNewsletterSubmit} className="flex flex-col sm:flex-row gap-2">
+                <div className="relative flex-1">
+                  <Mail className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
+                  <input
+                    type="email"
+                    value={email}
+                    onChange={(e) => setEmail(e.target.value)}
+                    placeholder="Enter your email"
+                    className="w-full pl-10 pr-4 py-2 bg-gray-800/50 border border-gray-700 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"
+                    required
+                    suppressHydrationWarning
+                  />
+                </div>
+                <button
+                  type="submit"
+                  className="flex items-center justify-center gap-2 px-4 py-2 bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white rounded-lg transition-all duration-200 text-sm font-medium whitespace-nowrap"
+                >
+                  <Send className="w-4 h-4" />
+                  Subscribe
+                </button>
+              </form>
+              {isSubscribed && (
+                <p className="text-green-400 text-xs">Thank you for subscribing!</p>
+              )}
+            </div>
+          </div>
+
+          {/* Quick Links Section */}
+          <div className="lg:col-span-1 pl-4 lg:pl-6">
+            <h3 className="text-white font-semibold text-base sm:text-lg mb-4">Quick Links</h3>
+            <ul className="space-y-2 sm:space-y-3">
+              {quickLinks.map((link, index) => (
+                <li key={index}>
+                  <Link
+                    href={link.href}
+                    className="text-gray-400 hover:text-white transition-colors duration-200 text-sm block py-1 hover:translate-x-1 transform relative z-10"
+                  >
+                    {link.name}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </div>
+
+          {/* Help Section */}
+          <div className="lg:col-span-1">
+            <h3 className="text-white font-semibold text-base sm:text-lg mb-4">Help</h3>
+            <ul className="space-y-2 sm:space-y-3">
+              {helpLinks.map((link, index) => (
+                <li key={index}>
+                  <a
+                    href={link.href}
+                    className="text-gray-400 hover:text-white transition-colors duration-200 text-sm block py-1"
+                  >
+                    {link.name}
+                  </a>
+                </li>
+              ))}
+            </ul>
+          </div>
+
+          {/* Support & Social Section */}
+          <div className="sm:col-span-2 lg:col-span-1">
+            <h3 className="text-white font-semibold text-base sm:text-lg mb-4">Support</h3>
+            <ul className="space-y-2 sm:space-y-3 mb-6">
+              {supportLinks.map((link, index) => (
+                <li key={index}>
+                  <Link
+                    href={link.href}
+                    className="text-gray-400 hover:text-white transition-colors duration-200 text-sm block py-1"
+                  >
+                    {link.name}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+
+            {/* Social Media Icons */}
+            <div className="space-y-3">
+              <h4 className="text-white font-medium text-sm">Follow Us</h4>
+              <div className="flex flex-wrap gap-3 sm:gap-4">
+                {socialLinks.map((social, index) => {
+                  const IconComponent = social.icon;
+                  return (
+                    <a
+                      key={index}
+                      href={social.href}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="flex items-center justify-center w-10 h-10 bg-gray-800/50 hover:bg-gradient-to-r hover:from-blue-600 hover:to-purple-600 rounded-lg transition-all duration-200 group"
+                      aria-label={social.name}
+                    >
+                      <IconComponent className="w-5 h-5 text-gray-400 group-hover:text-white transition-colors duration-200" />
+                    </a>
+                  );
+                })}
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Bottom Copyright Section */}
+        <div className="mt-8 sm:mt-12 pt-6 sm:pt-8 border-t border-gray-800">
+          <div className="flex flex-col sm:flex-row justify-between items-center space-y-3 sm:space-y-0 text-center sm:text-left">
+            <div className="text-gray-400 text-xs sm:text-sm">
+              Copyright &copy; {new Date().getFullYear()} AsHelp. All rights reserved.
+            </div>
+            <div className="text-gray-400 text-xs sm:text-sm">
+              Made with ❤️ for students worldwide
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}
diff --git a/src/components/mwrap.tsx b/src/components/mwrap.tsx
index 4909d60..d0d2123 100644
--- a/src/components/mwrap.tsx
+++ b/src/components/mwrap.tsx
@@ -10,7 +10,6 @@ interface TestimonialCard {
 }
 
 const testimonials: TestimonialCard[] = [
-  
   {
     "id": 1,
     "name": "Hitesh",
@@ -66,6 +65,34 @@ const testimonials: TestimonialCard[] = [
     "username": "@anst",
     "content": "Lowkey didn't think they'd pull it off but they nailed it.",
     "avatar": "https://avatar.vercel.sh/james"
+  },
+  {
+    "id": 9,
+    "name": "Rahul",
+    "username": "@rahul",
+    "content": "Best service ever! Got my assignment done in time with amazing quality.",
+    "avatar": "https://avatar.vercel.sh/rahul"
+  },
+  {
+    "id": 10,
+    "name": "Priya",
+    "username": "@priya",
+    "content": "Professional work, delivered exactly what I needed. Highly recommended!",
+    "avatar": "https://avatar.vercel.sh/priya"
+  },
+  {
+    "id": 11,
+    "name": "Arjun",
+    "username": "@arjun",
+    "content": "Saved my grades with their excellent assignment help. Thank you!",
+    "avatar": "https://avatar.vercel.sh/arjun"
+  },
+  {
+    "id": 12,
+    "name": "Kavya",
+    "username": "@kavya",
+    "content": "Fast delivery and top-notch quality. Will definitely use again.",
+    "avatar": "https://avatar.vercel.sh/kavya"
   }
 ];
 
@@ -89,14 +116,14 @@ const TestimonialCard: React.FC<{ testimonial: TestimonialCard }> = ({ testimoni
 };
 
 const TestimonialMarquee: React.FC = () => {
-  const firstRow = testimonials.slice(0, Math.ceil(testimonials.length / 2));
-  const secondRow = testimonials.slice(Math.ceil(testimonials.length / 2));
+  // Duplicate testimonials to ensure continuous scrolling without empty slots
+  const extendedTestimonials = [...testimonials, ...testimonials, ...testimonials];
+  const firstRow = extendedTestimonials.slice(0, Math.ceil(extendedTestimonials.length / 2));
+  const secondRow = extendedTestimonials.slice(Math.ceil(extendedTestimonials.length / 2));
 
   return (
     <div className="w-full bg-gradient-to-br  #0A0F1F py-20 overflow-hidden">
-      <div className="max-w-7xl mx-auto px-4">
-        
-
+      <div className="w-full">
         <div className="space-y-8">
           {/* First row - left to right */}
           <Marquee
@@ -105,8 +132,8 @@ const TestimonialMarquee: React.FC = () => {
             pauseOnHover={true}
             className="overflow-hidden"
           >
-            {firstRow.map((testimonial) => (
-              <TestimonialCard key={testimonial.id} testimonial={testimonial} />
+            {firstRow.map((testimonial, index) => (
+              <TestimonialCard key={`${testimonial.id}-${index}`} testimonial={testimonial} />
             ))}
           </Marquee>
 
@@ -118,8 +145,8 @@ const TestimonialMarquee: React.FC = () => {
             pauseOnHover={true}
             className="overflow-hidden"
           >
-            {secondRow.map((testimonial) => (
-              <TestimonialCard key={testimonial.id} testimonial={testimonial} />
+            {secondRow.map((testimonial, index) => (
+              <TestimonialCard key={`${testimonial.id}-${index}`} testimonial={testimonial} />
             ))}
           </Marquee>
         </div>
diff --git a/src/components/nav.tsx b/src/components/nav.tsx
index 6ffcb1b..9ec0731 100644
--- a/src/components/nav.tsx
+++ b/src/components/nav.tsx
@@ -15,24 +15,25 @@ import { GitHubStarsButton } from '@/components/animate-ui/buttons/github-stars'
 import { useRouter } from "next/navigation";
 import { supabase } from "@/lib/supabaseclient";
 import type { User } from '@supabase/supabase-js';
+import Link from "next/link";
 
 export function NavbarDemo() {
   const navItems = [
     {
       name: "Features",
-      link: "",
+      link: "/#features",
     },
     {
       name: "AI Generator",
       link: "/ai-generator",
     },
     {
-      name: "About",
-      link: "",
+      name: "Dashboard",
+      link: "/dashboard",
     },
     {
       name: "Contact",
-      link: "",
+      link: "/contact",
     },
   ];
 
@@ -41,13 +42,15 @@ export function NavbarDemo() {
   const router = useRouter();
 
   useEffect(() => {
+    if (!supabase) return;
+    
     const getUser = async () => {
-      const { data: { user } } = await supabase.auth.getUser();
+      const { data: { user } } = await supabase!.auth.getUser();
       setUser(user);
     };
     getUser();
     // Listen for auth state changes
-    const { data: listener } = supabase.auth.onAuthStateChange((_event, session) => {
+    const { data: listener } = supabase!.auth.onAuthStateChange((_event, session) => {
       setUser(session?.user ?? null);
     });
     return () => {
@@ -61,7 +64,9 @@ export function NavbarDemo() {
         {/* Desktop Navigation */}
         <NavBody>
           <NavbarLogo />
-          <NavItems items={navItems} />
+          <div className="flex items-center justify-center flex-1">
+            <NavItems items={navItems} />
+          </div>
           <div className="flex items-center gap-4">
             <GitHubStarsButton username="kris70lesgo" repo="s1" />
             {user === null && (
@@ -85,14 +90,14 @@ export function NavbarDemo() {
             onClose={() => setIsMobileMenuOpen(false)}
           >
             {navItems.map((item, idx) => (
-              <a
+              <Link
                 key={`mobile-link-${idx}`}
                 href={item.link}
                 onClick={() => setIsMobileMenuOpen(false)}
                 className="relative text-black dark:text-black"
               >
                 <span className="block">{item.name}</span>
-              </a>
+              </Link>
             ))}
             <div className="flex w-full flex-col gap-4">
               {user === null && (
diff --git a/src/components/navbar1.tsx b/src/components/navbar1.tsx
index 3d39e41..4d9335e 100644
--- a/src/components/navbar1.tsx
+++ b/src/components/navbar1.tsx
@@ -1,7 +1,6 @@
 'use client';
 
 import React, { useState } from 'react';
-import Image from 'next/image';
 import Link from 'next/link';
 
 const Navbar = () => {
diff --git a/src/components/signup.tsx b/src/components/signup.tsx
index 1803421..55d5c69 100644
--- a/src/components/signup.tsx
+++ b/src/components/signup.tsx
@@ -7,8 +7,6 @@ import { cn } from "@/lib/utils";
 import { IconBrandGoogle } from "@tabler/icons-react";
 import { supabase } from "@/lib/supabaseclient"; // Import your Supabase client
 import { AvatarCircles } from "./ui/avatar-circles";
-import { div } from "framer-motion/client";
-import { Sign } from "crypto";
 
 export default function SignupFormDemo() {
   const [email, setEmail] = useState("");
@@ -21,6 +19,12 @@ export default function SignupFormDemo() {
   const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
     setErrorMsg("");
+    
+    if (!supabase) {
+      setErrorMsg("Authentication service is not available. Please check your configuration.");
+      return;
+    }
+    
     try {
       if (isSignUp) {
         if (password !== confirmPassword) {
@@ -49,6 +53,11 @@ export default function SignupFormDemo() {
   };
 
   const handleGoogleSignIn = async () => {
+    if (!supabase) {
+      setErrorMsg("Authentication service is not available. Please check your configuration.");
+      return;
+    }
+    
     try {
       const { error } = await supabase.auth.signInWithOAuth({
         provider: "google",
diff --git a/src/components/ui/resizable-navbar.tsx b/src/components/ui/resizable-navbar.tsx
index 7889ce4..9acfb5b 100644
--- a/src/components/ui/resizable-navbar.tsx
+++ b/src/components/ui/resizable-navbar.tsx
@@ -117,7 +117,7 @@ export const NavItems = ({ items, className, onItemClick }: NavItemsProps) => {
     <motion.div
       onMouseLeave={() => setHovered(null)}
       className={cn(
-        "absolute inset-0 hidden flex-1 flex-row items-center justify-center space-x-2 text-sm font-medium text-zinc-600 transition duration-200 hover:text-zinc-800 lg:flex lg:space-x-2",
+        "flex flex-row items-center justify-center space-x-2 text-sm font-medium text-zinc-600 transition duration-200 hover:text-zinc-800",
         className,
       )}
     >
@@ -125,7 +125,7 @@ export const NavItems = ({ items, className, onItemClick }: NavItemsProps) => {
         <a
           onMouseEnter={() => setHovered(idx)}
           onClick={onItemClick}
-          className="relative px-4 py-2 text-black dark:text-black"
+          className="relative px-4 py-2 text-black dark:text-black whitespace-nowrap"
           key={`link-${idx}`}
           href={item.link}
         >
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
index 1a4eef1..29d5363 100644
--- a/src/components/ui/textarea.tsx
+++ b/src/components/ui/textarea.tsx
@@ -1,8 +1,7 @@
 import * as React from "react"
 import { cn } from "@/lib/utils"
 
-export interface TextareaProps
-  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
+export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>
 
 const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
   ({ className, ...props }, ref) => {
diff --git a/src/components/usage-tracker.tsx b/src/components/usage-tracker.tsx
index 2e6638d..cdd1ff4 100644
--- a/src/components/usage-tracker.tsx
+++ b/src/components/usage-tracker.tsx
@@ -28,19 +28,19 @@ export function UsageTracker() {
     }
   }, []);
 
-  const updateUsage = (type: 'generation' | 'export') => {
-    setUsage(prev => {
-      const newUsage = {
-        ...prev,
-        ...(type === 'generation' 
-          ? { geminiUsage: prev.geminiUsage + 1 }
-          : { exportsToday: prev.exportsToday + 1 }
-        )
-      };
-      localStorage.setItem('ai-generator-usage', JSON.stringify(newUsage));
-      return newUsage;
-    });
-  };
+  // const updateUsage = (type: 'generation' | 'export') => {
+  //   setUsage(prev => {
+  //     const newUsage = {
+  //       ...prev,
+  //       ...(type === 'generation' 
+  //         ? { geminiUsage: prev.geminiUsage + 1 }
+  //         : { exportsToday: prev.exportsToday + 1 }
+  //       )
+  //     };
+  //     localStorage.setItem('ai-generator-usage', JSON.stringify(newUsage));
+  //     return newUsage;
+  //   });
+  // };
 
   const geminiPercentage = (usage.geminiUsage / usage.geminiLimit) * 100;
   const exportPercentage = (usage.exportsToday / usage.exportLimit) * 100;
diff --git a/src/lib/document-utils.ts b/src/lib/document-utils.ts
index 6510242..a9e1709 100644
--- a/src/lib/document-utils.ts
+++ b/src/lib/document-utils.ts
@@ -20,6 +20,12 @@ const getImageAsBase64 = async (url: string): Promise<string | null> => {
 
 export const exportToPDF = async (content: string, filename: string = 'assignment') => {
   try {
+    // Check if we're in browser environment
+    if (typeof window === 'undefined' || typeof document === 'undefined') {
+      console.error('PDF export only works in browser environment');
+      return false;
+    }
+    
     const pdf = new jsPDF();
     
     // Parse HTML and extract structured content
@@ -31,56 +37,40 @@ export const exportToPDF = async (content: string, filename: string = 'assignmen
     const lineHeight = 6;
     const margin = 15;
     
-<<<<<<< HEAD
     // Process each element including images
     const elements = tempDiv.querySelectorAll('h1, h2, h3, h4, h5, h6, p, div, li, img');
     
-    for (const element of elements) {
+    for (const element of Array.from(elements)) {
+      const text = element.textContent?.trim() || '';
+      if (!text && element.tagName !== 'IMG') continue;
+      
+      // Handle images
       if (element.tagName === 'IMG') {
         const img = element as HTMLImageElement;
-        const downloadUrl = img.getAttribute('data-download-url') || img.src;
+        const imgUrl = img.src;
         
-        try {
-          const base64 = await getImageAsBase64(downloadUrl);
-          if (base64) {
-            // Check if we need a new page for the image
-            if (yPosition + 60 > pageHeight - 20) {
-              pdf.addPage();
-              yPosition = 20;
+        if (imgUrl && (imgUrl.startsWith('http') || imgUrl.startsWith('data:'))) {
+          const base64 = await getImageAsBase64(imgUrl);
+          if (base64 && yPosition < pageHeight - 60) {
+            try {
+              pdf.addImage(base64, 'PNG', margin, yPosition, 150, 100);
+              yPosition += 110;
+            } catch (error) {
+              console.error('Failed to add image to PDF:', error);
             }
-            
-            // Add image (scaled to fit)
-            const imgWidth = 160;
-            const imgHeight = 90;
-            pdf.addImage(base64, 'JPEG', margin, yPosition, imgWidth, imgHeight);
-            yPosition += imgHeight + 10;
           }
-        } catch (error) {
-          console.error('Failed to add image to PDF:', error);
         }
         continue;
       }
       
-      const text = element.textContent?.trim();
-      if (!text) continue;
+      // Get heading level
+      const headingMatch = element.tagName.match(/^H([1-6])$/);
+      const headingLevel = headingMatch ? parseInt(headingMatch[1]) : null;
       
-      // Set font size based on element type with proper heading hierarchy
-      const headingLevel = element.tagName.match(/^H([1-6])$/)?.[1];
+      // Set font size based on element type
       if (headingLevel) {
-        const fontSize = Math.max(20 - parseInt(headingLevel) * 2, 12);
+        const fontSize = Math.max(20 - parseInt(headingLevel.toString()) * 2, 12);
         pdf.setFontSize(fontSize);
-=======
-    // Process each paragraph and heading
-    const elements = tempDiv.querySelectorAll('h1, h2, h3, h4, h5, h6, p, div, li');
-    
-    elements.forEach((element) => {
-      const text = element.textContent?.trim();
-      if (!text) return;
-      
-      // Set font size based on element type
-      if (element.tagName.match(/^H[1-6]$/)) {
-        pdf.setFontSize(16);
->>>>>>> 744373a (ai powered assignment generator added)
         pdf.setFont('helvetica', 'bold');
       } else {
         pdf.setFontSize(12);
@@ -96,11 +86,7 @@ export const exportToPDF = async (content: string, filename: string = 'assignmen
       }
       
       // Add spacing before headings
-<<<<<<< HEAD
       if (headingLevel && yPosition > 20) {
-=======
-      if (element.tagName.match(/^H[1-6]$/) && yPosition > 20) {
->>>>>>> 744373a (ai powered assignment generator added)
         yPosition += 5;
       }
       
@@ -111,11 +97,7 @@ export const exportToPDF = async (content: string, filename: string = 'assignmen
       
       // Add spacing after paragraphs
       yPosition += 3;
-<<<<<<< HEAD
     }
-=======
-    });
->>>>>>> 744373a (ai powered assignment generator added)
     
     pdf.save(`${filename}.pdf`);
     return true;
@@ -125,40 +107,25 @@ export const exportToPDF = async (content: string, filename: string = 'assignmen
   }
 };
 
-<<<<<<< HEAD
 export const exportToWord = async (content: string, filename: string = 'assignment') => {
-=======
-export const exportToWord = (content: string, filename: string = 'assignment') => {
->>>>>>> 744373a (ai powered assignment generator added)
   try {
+    // Check if we're in browser environment
+    if (typeof window === 'undefined' || typeof document === 'undefined') {
+      console.error('Word export only works in browser environment');
+      return false;
+    }
+    
     // Parse HTML and create structured RTF
     const tempDiv = document.createElement('div');
     tempDiv.innerHTML = content.replace(/<style[^>]*>[\s\S]*?<\/style>/gi, '');
     
     let rtfContent = '{\\rtf1\\ansi\\deff0 {\\fonttbl {\\f0 Times New Roman;}{\\f1 Arial;}} ';
     
-<<<<<<< HEAD
-    // Process each element including images
-    const elements = tempDiv.querySelectorAll('h1, h2, h3, h4, h5, h6, p, div, li, img');
-    
-    for (const element of elements) {
-      if (element.tagName === 'IMG') {
-        const img = element as HTMLImageElement;
-        // Add placeholder text for images in RTF (RTF image embedding is complex)
-        rtfContent += `\\f0\\fs20\\i [Image: ${img.alt || 'Diagram'}]\\i0\\par\\par `;
-        continue;
-      }
-      
-      const text = element.textContent?.trim();
-      if (!text) continue;
-=======
-    // Process each element
     const elements = tempDiv.querySelectorAll('h1, h2, h3, h4, h5, h6, p, div, li');
     
     elements.forEach((element) => {
-      const text = element.textContent?.trim();
+      const text = element.textContent?.trim() || '';
       if (!text) return;
->>>>>>> 744373a (ai powered assignment generator added)
       
       // Clean text
       const cleanText = text
@@ -172,27 +139,16 @@ export const exportToWord = (content: string, filename: string = 'assignment') =
         .replace(/{/g, '\\{')
         .replace(/}/g, '\\}');
       
-<<<<<<< HEAD
-      // Format based on element type with proper heading hierarchy
-      const headingLevel = element.tagName.match(/^H([1-6])$/)?.[1];
-      if (headingLevel) {
-        const fontSize = Math.max(32 - parseInt(headingLevel) * 4, 20);
-        rtfContent += `\\f1\\fs${fontSize}\\b ${cleanText}\\b0\\fs24\\par\\par `;
-=======
-      // Format based on element type
+      // Check if it's a heading
       if (element.tagName.match(/^H[1-6]$/)) {
-        // Heading: bold, larger font
-        rtfContent += `\\f1\\fs28\\b ${cleanText}\\b0\\fs24\\par\\par `;
->>>>>>> 744373a (ai powered assignment generator added)
+        const level = element.tagName.charAt(1);
+        const fontSize = 24 - parseInt(level) * 2;
+        rtfContent += `\\f0\\fs${fontSize} ${cleanText}\\par\\par `;
       } else {
         // Paragraph: normal text
         rtfContent += `\\f0\\fs24 ${cleanText}\\par\\par `;
       }
-<<<<<<< HEAD
-    }
-=======
     });
->>>>>>> 744373a (ai powered assignment generator added)
     
     rtfContent += '}';
     
diff --git a/src/lib/supabaseclient.ts b/src/lib/supabaseclient.ts
index 39f02ea..c41d707 100644
--- a/src/lib/supabaseclient.ts
+++ b/src/lib/supabaseclient.ts
@@ -1,7 +1,10 @@
 import { createClient } from '@supabase/supabase-js'
 
 // You can use environment variables for safety
-const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL as string
-const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY as string
+const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL || 'https://placeholder.supabase.co'
+const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY || 'placeholder-key'
 
-export const supabase = createClient(supabaseUrl, supabaseAnonKey)
+// Only create client if we have valid environment variables
+export const supabase = supabaseUrl !== 'https://placeholder.supabase.co' && supabaseAnonKey !== 'placeholder-key' 
+  ? createClient(supabaseUrl, supabaseAnonKey)
+  : null

From fe1ea202ee4b51a96fa26dd17bb1a70af17d47f7 Mon Sep 17 00:00:00 2001
From: 213sanjana <sanjanashamgurav@gmail.com>
Date: Tue, 28 Oct 2025 11:25:30 +0530
Subject: [PATCH 2/4] Enhancement

---
 src/components/footer.tsx              | 2 +-
 src/components/ui/resizable-navbar.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index 1ca2975..c2fc6b8 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -64,7 +64,7 @@ export default function Footer() {
                  height={40}
                  className="mr-3"
                />
-               <span className="text-xl sm:text-2xl font-bold text-white">AssHelp</span>
+               <span className="text-xl sm:text-2xl font-bold text-white">AsHelp</span>
              </div>
             <p className="text-gray-400 text-sm mb-6 max-w-xs">
               Get professional assignment writing services from verified experts. 
diff --git a/src/components/ui/resizable-navbar.tsx b/src/components/ui/resizable-navbar.tsx
index 9acfb5b..900a5a5 100644
--- a/src/components/ui/resizable-navbar.tsx
+++ b/src/components/ui/resizable-navbar.tsx
@@ -239,7 +239,7 @@ export const NavbarLogo = () => {
         width={30}
         height={30}
       />
-      <span className="font-medium text-black dark:text-white">AssHelp</span>
+      <span className="font-medium text-black dark:text-white">AsHelp</span>
     </a>
   );
 };

From 26373151918a2b10bc0e2c1bffca670bfa463e21 Mon Sep 17 00:00:00 2001
From: 213sanjana <sanjanashamgurav@gmail.com>
Date: Thu, 30 Oct 2025 17:07:34 +0530
Subject: [PATCH 3/4] fixed

---
 src/app/ai-generator/page.tsx | 8 ++++----
 src/app/contact/page.tsx      | 6 ++----
 src/app/dashboard/page.tsx    | 7 -------
 3 files changed, 6 insertions(+), 15 deletions(-)

diff --git a/src/app/ai-generator/page.tsx b/src/app/ai-generator/page.tsx
index 73deffe..62c01bc 100644
--- a/src/app/ai-generator/page.tsx
+++ b/src/app/ai-generator/page.tsx
@@ -1,14 +1,13 @@
 'use client';
 
 import { useState } from 'react';
-import Link from 'next/link';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Textarea } from '@/components/ui/textarea';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { Download, FileText, Loader2, Sparkles, Brain, Upload, X, Send, MessageSquare, Plus } from 'lucide-react';
+import { Download, FileText, Loader2, Sparkles, Upload, X, Send, MessageSquare, Plus } from 'lucide-react';
 import { exportToPDF, exportToWord } from '@/lib/document-utils';
 
 
@@ -140,8 +139,9 @@ export default function AIGenerator() {
       if (data.updatedContent) {
         setGeneratedContent(data.updatedContent);
       }
-    } catch {
-      setChatMessages(prev => [...prev, { role: 'assistant', content: 'Sorry, I encountered an error. Please try again.' }]);
+    } catch (error) {
+      const errorMsg = (error as Error).message || 'Unknown error';
+      setChatMessages(prev => [...prev, { role: 'assistant', content: `Sorry, I encountered an error: ${errorMsg}. Please try again.` }]);
     } finally {
       setIsChatting(false);
     }
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index b6cc3c6..d4d6a45 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,6 +1,5 @@
 "use client";
 import React, { useState, useEffect } from "react";
-import Link from "next/link";
 import { Boxes } from "@/components/ui/background-boxes";
 import { NavbarDemo } from "@/components/nav";
 import { Label } from "@/components/ui/label";
@@ -8,7 +7,6 @@ import { Input } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
 import { cn } from "@/lib/utils";
 import { Mail, Phone, MapPin, Send } from "lucide-react";
-import { AnimatePresence } from "framer-motion";
 import { DotLottieReact } from "@lottiefiles/dotlottie-react";
 
 export default function ContactPage() {
@@ -52,7 +50,7 @@ export default function ContactPage() {
       await new Promise(resolve => setTimeout(resolve, 2000));
       setSubmitStatus("success");
       setFormData({ name: "", email: "", subject: "", message: "" });
-    } catch (error) {
+    } catch {
       setSubmitStatus("error");
     } finally {
       setIsSubmitting(false);
@@ -98,7 +96,7 @@ export default function ContactPage() {
                 Get in <span className="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-400">Touch</span>
               </h1>
               <p className="text-gray-400 text-lg md:text-xl max-w-2xl mx-auto">
-                Have questions about our services? We'd love to hear from you. Send us a message and we'll respond as soon as possible.
+                Have questions about our services? We&apos;d love to hear from you. Send us a message and we&apos;ll respond as soon as possible.
               </p>
             </div>
 
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 69bea8a..2c7d786 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -91,13 +91,6 @@ const AcademicHub = () => {
     { number: "24/7", label: "Support" }
   ];
 
-  const categories = [
-    "Assignments",
-    "Projects", 
-    "Presentations",
-    "Termwork"
-  ];
-
   return (
     <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 text-white overflow-y-auto">
       {/* Loading Screen --- UPDATED SECTION */}

From ce820453c6eeac994b61f71ff0065dc313e06e01 Mon Sep 17 00:00:00 2001
From: 213sanjana <sanjanashamgurav@gmail.com>
Date: Thu, 30 Oct 2025 17:43:34 +0530
Subject: [PATCH 4/4] fix

---
 .github/workflows/format.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/workflows/format.yml b/.github/workflows/format.yml
index 7d63b84..d2739d4 100644
--- a/.github/workflows/format.yml
+++ b/.github/workflows/format.yml
@@ -12,6 +12,7 @@ jobs:
 
     permissions:
       contents: read
+      pull-requests: write
 
     steps:
       - name: Checkout