From 0b99b3a21437b2976fc8bfd89cdd623f17f4cd73 Mon Sep 17 00:00:00 2001
From: Mohan K <mohan.k@cavininfotech.com>
Date: Wed, 23 Sep 2026 12:05:02 +0530
Subject: [PATCH] Change skin analysis to face analyzer text

---
 frontend/public/index.html | 134 ++++++++++++++++++-------------------
 frontend/src/App.js        |   2 +-
 2 files changed, 68 insertions(+), 68 deletions(-)

diff --git a/frontend/public/index.html b/frontend/public/index.html
index 936962e..de698c4 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -1,68 +1,68 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Skin Analysis</title>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jsencrypt/3.3.2/jsencrypt.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
-    <style>
-        @keyframes fadeIn {
-            from {
-                opacity: 0;
-                transform: translateY(20px);
-            }
-
-            to {
-                opacity: 1;
-                transform: translateY(0);
-            }
-        }
-
-        .fade-in {
-            animation: fadeIn 0.6s ease-out forwards;
-        }
-
-        .pulse {
-            animation: pulse 2s infinite;
-        }
-
-        @keyframes pulse {
-            0% {
-                box-shadow: 0 0 0 0 rgba(147, 197, 253, 0.7);
-            }
-
-            70% {
-                box-shadow: 0 0 0 10px rgba(147, 197, 253, 0);
-            }
-
-            100% {
-                box-shadow: 0 0 0 0 rgba(147, 197, 253, 0);
-            }
-        }
-
-        .image-preview {
-            transition: all 0.3s ease;
-        }
-
-        .image-preview:hover {
-            transform: scale(1.02);
-        }
-
-        .btn-hover {
-            transition: all 0.3s ease;
-        }
-
-        .btn-hover:hover {
-            transform: translateY(-2px);
-        }
-    </style>
-</head>
-
-<body class="bg-white font-sans">
-    <div id="root"></div>
-</body>
-
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Face Analyzer</title>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jsencrypt/3.3.2/jsencrypt.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        @keyframes fadeIn {
+            from {
+                opacity: 0;
+                transform: translateY(20px);
+            }
+
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+
+        .fade-in {
+            animation: fadeIn 0.6s ease-out forwards;
+        }
+
+        .pulse {
+            animation: pulse 2s infinite;
+        }
+
+        @keyframes pulse {
+            0% {
+                box-shadow: 0 0 0 0 rgba(147, 197, 253, 0.7);
+            }
+
+            70% {
+                box-shadow: 0 0 0 10px rgba(147, 197, 253, 0);
+            }
+
+            100% {
+                box-shadow: 0 0 0 0 rgba(147, 197, 253, 0);
+            }
+        }
+
+        .image-preview {
+            transition: all 0.3s ease;
+        }
+
+        .image-preview:hover {
+            transform: scale(1.02);
+        }
+
+        .btn-hover {
+            transition: all 0.3s ease;
+        }
+
+        .btn-hover:hover {
+            transform: translateY(-2px);
+        }
+    </style>
+</head>
+
+<body class="bg-white font-sans">
+    <div id="root"></div>
+</body>
+
 </html>
\ No newline at end of file
diff --git a/frontend/src/App.js b/frontend/src/App.js
index f2e3e65..2ee30fa 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -557,7 +557,7 @@ const App = () => {
                 </div>
                 <div className="flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/5 border border-white/10 text-xs text-gray-300">
                   <svg className="w-3.5 h-3.5 text-limelite-red" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" /></svg>
-                  Deep Skin Analysis
+                  Deep Face Analyzer
                 </div>
                 <div className="flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/5 border border-white/10 text-xs text-gray-300">
                   <svg className="w-3.5 h-3.5 text-limelite-red" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" /></svg>