Update

.gitignore

@@ -1,6 +1,5 @@
 # Ignore generated outputs and binaries
 backend/outputs/
-frontend/public/cyto/
 
 # Node / frontend build artefacts (kept for safety alongside frontend/.gitignore)
 node_modules/

frontend/src/components/UploadSection.tsx

@@ -38,16 +38,22 @@ export function UploadSection({
   };
 
 
-  const sampleImages = {
+    const sampleImages = {
     cytology: [
-      "/cyto/cyt1.jpg",
-      "/cyto/cyt2.png",
-      "/cyto/cyt3.png",
+      "/cyto/neg1.bmp",
+      "/cyto/neg2.png",
+      "/cyto/LSIL1.png",
+      "/cyto/LSIL2.png",
+      "/cyto/HSIL1.jpg",
+      "/cyto/HSIL2.JPG",
     ],
     colposcopy: [
-      "/colpo/colp1.jpg",
-      "/colpo/colp2.jpg",
-      "/colpo/colp3.jpg",
+      "/colpo/ab1.jpg",
+      "/colpo/ab2.jpg",
+      "/colpo/ab3.jpg",
+      "/colpo/nor1.jpg",
+      "/colpo/nor2.jpg",
+      "/colpo/nor3.jpg",
     ],
     histopathology: [
       "/histo/hist1.png",
@@ -56,6 +62,7 @@ export function UploadSection({
     ],
   };
 
+
   const currentModels =
     modelOptions[selectedTest as keyof typeof modelOptions] || [];
 
@@ -113,7 +120,7 @@ export function UploadSection({
           </div>
           {uploadedImage ? (
             <>
-              <p className="text-green-600 font-medium mb-2">
+              <p className="text-teal-700 font-medium mb-2">
                 Image uploaded successfully!
               </p>
               <p className="text-sm text-gray-500 mb-4">
@@ -164,7 +171,7 @@ export function UploadSection({
         className={`w-full mt-6 text-white py-3 rounded-lg font-medium transition-colors ${
           !uploadedImage || !selectedModel
             ? 'bg-gray-300 disabled:cursor-not-allowed'
-            : 'bg-gradient-to-r from-blue-800 to-teal-600 hover:opacity-95'
+            : 'bg-gradient-to-r from-teal-800 to-teal-600 hover:opacity-95'
         }`}
       >
         Analyze