diff --git a/frontend/src/pages/AboutPage.jsx b/frontend/src/pages/AboutPage.jsx
index 48db944..4908aa7 100644
--- a/frontend/src/pages/AboutPage.jsx
+++ b/frontend/src/pages/AboutPage.jsx
@@ -1,6 +1,35 @@
function AboutPage() {
return (
-
+
+
+
Go back home
+
About The Method
+
Who
+
Made by a team of 2nd and 3rd year Computer Science students at UCI.
+
What
+
The Method is an all-in-one platform for anyone to take control of their job search and career development. We have 4 main features for users to utilize:
+
+ #1) Resume Builder
+ #2) Interview Practice
+ #3) Job Search Tools
+ #4) Progress Tracking
+
+
When
+
Full version 1.0 releases around Spring 2026. The dates are still being finalized, but our team of 5 is working hard to make it this possible.
+
Where
+
Based in Irvine, California, United States
+
Why
+
Because job searching is hard and we want to make it easier for everyone. Creating and optimizing resumes is challenging so we built out templates that
+ can auto generate resumes based on the your input. We also wanted to provide a platform for users to practice their interview skills and get feedback on their
+ performance. We also wanted to provide a platform for users to connect with mentors and other professionals in their field.
+
+
How
+
For the technical people interested we are using React + Vite, Python + FastAPI, PostgreSQL + SQLAlchemy, Docker, Git, and (WIP).
+ If you want to join our team please reach out to us (WIP). We are always looking for talented and passionate individuals to join our team.
+ We accept all forms of experience for different roles such as developer, designer, marketer, and more. We are a remote team so you can work
+ from anywhere in the world. We also have a flexible schedule so you can work on your own time. We are a fun and supportive team that values diversity and inclusion.
+
+
);
}
diff --git a/frontend/src/pages/DataPage.jsx b/frontend/src/pages/DataPage.jsx
new file mode 100644
index 0000000..7a823fa
--- /dev/null
+++ b/frontend/src/pages/DataPage.jsx
@@ -0,0 +1,11 @@
+function Data() {
+ return (
+
+
Your Data
+
Manage your data and privacy settings.
+
Here you can view and manage the data we have collected about you, as well as adjust your privacy settings and preferences.
+
+ );
+}
+
+export default Data;
\ No newline at end of file
diff --git a/frontend/src/pages/FAQs.jsx b/frontend/src/pages/FAQs.jsx
deleted file mode 100644
index e69de29..0000000
diff --git a/frontend/src/pages/FAQsPage.jsx b/frontend/src/pages/FAQsPage.jsx
new file mode 100644
index 0000000..d529517
--- /dev/null
+++ b/frontend/src/pages/FAQsPage.jsx
@@ -0,0 +1,10 @@
+function FAQs() {
+ return (
+
+
Frequently Asked Questions (FAQs)
+
Find answers to common questions about The Method.
+
+ );
+}
+
+export default FAQs;
\ No newline at end of file
diff --git a/frontend/src/pages/NewsPage.jsx b/frontend/src/pages/NewsPage.jsx
new file mode 100644
index 0000000..cb0495e
--- /dev/null
+++ b/frontend/src/pages/NewsPage.jsx
@@ -0,0 +1,63 @@
+function News() {
+ const updates = [
+ {
+ id: "idhere1",
+ title: "Title goes here",
+ caption: "Caption would go here",
+ body: "Example text of what this thing does.",
+ date: "March 10, 2026 @ 2:00 PM",
+ },
+ {
+ id: "idhere2",
+ title: "Title goes here",
+ caption: "Caption would go here",
+ body: "Example text of what this thing does.",
+ date: "March 11, 2026 @ 3:00 PM",
+ },
+ {
+ id: "idhere2",
+ title: "Title goes here",
+ caption: "Caption would go here",
+ body: "Example text of what this thing does.",
+ date: "March 11, 2026 @ 3:00 PM",
+ },
+ {
+ id: "idhere2",
+ title: "Title goes here",
+ caption: "Caption would go here",
+ body: "Example text of what this thing does.",
+ date: "March 11, 2026 @ 3:00 PM",
+ },
+ ];
+
+ return (
+
+ News
+
+ Latest updates about The Method, including features, improvements, and announcements.
+
+
+
+ {updates.map((item) => (
+
+
+
+
+
{item.title}
+
{item.caption}
+
+ {item.date}
+
+
+ {item.body}
+
+
+ ))}
+
+
+ );
+}
+
+export default News;
\ No newline at end of file
diff --git a/frontend/src/pages/PricingPage.jsx b/frontend/src/pages/PricingPage.jsx
index 0b996a7..a052e90 100644
--- a/frontend/src/pages/PricingPage.jsx
+++ b/frontend/src/pages/PricingPage.jsx
@@ -1,11 +1,16 @@
+import FreeIcon from "../assets/pricingFree.svg?react";
+import StudentIcon from "../assets/pricingStudent.svg?react";
+import PremiumIcon from "../assets/pricingPremium.svg?react";
+
function PricingPage() {
return (
Pricing Page
+
Free
-
Basic features for everyone
+
Essential features for all users
$0/month
@@ -18,8 +23,9 @@ function PricingPage() {
+
Student
-
Discounted pricing for students
+
Discounts for students
$2.49/month
@@ -32,9 +38,10 @@ function PricingPage() {
+
Premium
All features for professionals
-
$6.99/month
+
$5.49/month
Everything in free plan +
diff --git a/frontend/src/pages/PrivacyPolicyPage.jsx b/frontend/src/pages/PrivacyPolicyPage.jsx
index e69de29..4878e87 100644
--- a/frontend/src/pages/PrivacyPolicyPage.jsx
+++ b/frontend/src/pages/PrivacyPolicyPage.jsx
@@ -0,0 +1,11 @@
+function PrivacyPolicy() {
+ return (
+
+
Privacy Policy
+
Learn about our privacy practices.
+
At The Method, we are committed to protecting your privacy. This privacy policy explains how we collect, use, and safeguard your information when you use our platform. Please read it carefully to understand our practices regarding your personal data.
+
+
Terms of Service
+
Read our terms of service.
+
By using The Method, you agree to our terms of service. Please read them carefully to understand your rights and responsibilities when using our platform.
+
Socials/Contacts
LinkedIn
Email
@@ -30,13 +61,13 @@ function Footer() {Reddit
Discord