From da37f643c35165e3ae97a4a2cd40ecc9121fd133 Mon Sep 17 00:00:00 2001
From: root <root@LAPTOP-250HFLFT>
Date: Sun, 7 Jul 2024 19:24:11 -0500
Subject: [PATCH 1/4] projects page created

---
 pages/projects.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 pages/projects.js

diff --git a/pages/projects.js b/pages/projects.js
new file mode 100644
index 0000000..5895977
--- /dev/null
+++ b/pages/projects.js
@@ -0,0 +1,15 @@
+'use client';
+
+import { motion } from 'framer-motion';
+import { TypingText } from '../components';
+import styles from '../styles';
+
+export default function handler(req, res) {
+    const projects = [
+      { id: 1, title: 'Project One', description: 'Description of project one', link: 'https://example.com/project-one' },
+      { id: 2, title: 'Project Two', description: 'Description of project two', link: 'https://example.com/project-two' },
+      // Add more projects here
+    ];
+  
+    res.status(200).json(projects);
+  }
\ No newline at end of file

From 00245b22bf54601a9fcf677ac4bc897093479869 Mon Sep 17 00:00:00 2001
From: araohatkokate <araohatk@gmail.com>
Date: Sun, 7 Jul 2024 19:52:53 -0500
Subject: [PATCH 2/4] ensuring consistent theme with projects page

---
 pages/projects.js  | 15 ---------------
 pages/projects.jsx | 42 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 42 insertions(+), 15 deletions(-)
 delete mode 100644 pages/projects.js
 create mode 100644 pages/projects.jsx

diff --git a/pages/projects.js b/pages/projects.js
deleted file mode 100644
index 5895977..0000000
--- a/pages/projects.js
+++ /dev/null
@@ -1,15 +0,0 @@
-'use client';
-
-import { motion } from 'framer-motion';
-import { TypingText } from '../components';
-import styles from '../styles';
-
-export default function handler(req, res) {
-    const projects = [
-      { id: 1, title: 'Project One', description: 'Description of project one', link: 'https://example.com/project-one' },
-      { id: 2, title: 'Project Two', description: 'Description of project two', link: 'https://example.com/project-two' },
-      // Add more projects here
-    ];
-  
-    res.status(200).json(projects);
-  }
\ No newline at end of file
diff --git a/pages/projects.jsx b/pages/projects.jsx
new file mode 100644
index 0000000..08b7547
--- /dev/null
+++ b/pages/projects.jsx
@@ -0,0 +1,42 @@
+'use client';
+
+import { motion } from 'framer-motion';
+import { TypingText } from '../components';
+import styles from '../styles';
+import { fadeIn, staggerContainer } from '../utils/motion';
+
+const Projects = () => (
+  <section className={`${styles.paddings} relative z-10`}>
+    <div className="gradient-02 z-0" />
+
+    <motion.div
+      variants={staggerContainer}
+      initial="hidden"
+      whileInView="show"
+      viewport={{ once: false, amount: 0.25 }}
+      className={`${styles.innerWidth} mx-auto ${styles.flexCenter} flex-col`}
+    >
+      <TypingText
+        title="| Our Projects"
+        textStyles="text-center"
+      />
+
+      <motion.p
+        variants={fadeIn('up', 'tween', 0.2, 1)}
+        className="mt-[8px] font-normal sm:text-[32px] text-[20px] text-center text-secondary-white"
+      >
+        {/* Replace with your projects content */}
+        <span className="font-extrabold">Our Projects:</span> Description of your projects goes here.
+      </motion.p>
+
+      <motion.img
+        variants={fadeIn('up', 'tween', 0.3, 1)}
+        src="/arrow-down.svg"
+        alt="arrow-down"
+        className="w-[18px] h-[28px] object-contain mt-[28px]"
+      />
+    </motion.div>
+  </section>
+);
+
+export default Projects;
\ No newline at end of file

From fede7102894ce3d46b2d06a6743ad5031db5fe08 Mon Sep 17 00:00:00 2001
From: araohatkokate <araohatk@gmail.com>
Date: Sun, 7 Jul 2024 20:11:07 -0500
Subject: [PATCH 3/4] Linking projects page to main page

---
 sections/About.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sections/About.jsx b/sections/About.jsx
index 2724fa1..55d3ee1 100644
--- a/sections/About.jsx
+++ b/sections/About.jsx
@@ -2,7 +2,7 @@
 
 import { motion } from 'framer-motion';
 import { TypingText } from '../components';
-import styles from '../styles';
+import styles from '../styles/global.css';
 import { fadeIn, staggerContainer } from '../utils/motion';
 
 const About = () => (

From 6d244783533765dbcdd6b8105d1e082019492f5d Mon Sep 17 00:00:00 2001
From: araohatkokate <araohatk@gmail.com>
Date: Sun, 7 Jul 2024 20:20:23 -0500
Subject: [PATCH 4/4] changed file name

---
 sections/About.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sections/About.jsx b/sections/About.jsx
index 55d3ee1..2724fa1 100644
--- a/sections/About.jsx
+++ b/sections/About.jsx
@@ -2,7 +2,7 @@
 
 import { motion } from 'framer-motion';
 import { TypingText } from '../components';
-import styles from '../styles/global.css';
+import styles from '../styles';
 import { fadeIn, staggerContainer } from '../utils/motion';
 
 const About = () => (