diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 2598ea0..e7fdae6 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -6756,7 +6756,6 @@
"version": "5.3.0",
"resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.3.0.tgz",
"integrity": "sha512-DnUk8aFbTyQPSkCfF8dbX6kQjXA9DktMeJqfjrg6cK9vwQVMxmcA3BfP4QoiztVmEHtwlTgLFsPuH2NskKT6eg==",
- "license": "MIT",
"peerDependencies": {
"react": "*"
}
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index b5e4901..0686b4c 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -28,6 +28,7 @@ import PrivacyPolicy from "./Pages/PrivacyPolicy"; // Added back from one versio
import User from "./Pages/User"; // Added from the other version
import ComplainBox from "./Pages/ComplainBox";
import Metadata from "./metadata";
+import SettingsPage from "./Pages/Settings";
function App() {
return (
@@ -47,7 +48,7 @@ function App() {
} />
} />
} />
- } />
+
} />
} />
} />
@@ -56,6 +57,7 @@ function App() {
} />
} />
} />
+ } />
} />
} />{" "}
diff --git a/frontend/src/Pages/Settings.jsx b/frontend/src/Pages/Settings.jsx
new file mode 100644
index 0000000..5e88630
--- /dev/null
+++ b/frontend/src/Pages/Settings.jsx
@@ -0,0 +1,105 @@
+import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { FaUserCog, FaBell, FaUserAlt, FaLanguage, FaInfoCircle, FaPaperPlane } from 'react-icons/fa'; // Importing icons
+import { div } from 'framer-motion/client';
+
+const SettingsPage = () => {
+ const navigate = useNavigate();
+ const [notifications, setNotifications] = useState(true);
+ const [fontSize, setFontSize] = useState('medium');
+
+ const handleToggleNotifications = () => {
+ setNotifications(!notifications);
+ };
+
+ return (
+
+
Settings
+
+
+
+ {/* Account Management */}
+
+
Account Management
+
+
+ Change Password
+
+
+
+ Update Email
+
+
+
+ Delete Account
+
+
+
+
+
+ {/* Notification Settings */}
+
+
Notification Settings
+
+
+ Enable Push Notifications
+
+
+
+ {/* Accessibility Options */}
+
+
Accessibility Options
+
+
+
+
+
+
+ {/* Language Preferences */}
+
+
Language Preferences
+
+
+
+ {/* About the App */}
+
+
About StationSaarthi
+
+ StationSaarthi is dedicated to enhancing your travel experience with real-time updates and helpful resources.
+ For more information, visit our Terms of Service and Privacy Policy.
+