first commit

pages/projects.tsx

@@ -0,0 +1,31 @@
+import ProjectCard from '@/components/ProjectCard';
+import { projects } from '@/data/projects';
+
+import styles from '@/styles/ProjectsPage.module.css';
+
+const ProjectsPage = () => {
+  return (
+    <div className={styles.layout}>
+      <h1 className={styles.pageTitle}>Software Development and QA Projects</h1>
+      <p className={styles.pageSubtitle}>
+        Here&apos;s a collection of my recent work. These projects showcase my
+        skills in web development, design, and problem-solving.
+      </p>
+
+      <div className={styles.container}>
+        {projects.map((project) => (
+          <ProjectCard key={project.slug} project={project}  />
+        ))}
+      </div>
+    </div>
+    
+      );
+};
+
+export async function getStaticProps() {
+  return {
+    props: { title: 'Projects' },
+  };
+}
+
+export default ProjectsPage;