adding different fonts and skills

prince-63 · Apr 4, 2024 · 8d7ee85 · 8d7ee85
1 parent f9fd63f
commit 8d7ee85
Show file tree

Hide file tree

Showing 17 changed files with 17 additions and 52 deletions.
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/files/Prince Kumar.pdf b/public/files/Prince Kumar.pdf
diff --git a/public/images/profile.jpg b/public/images/profile.jpg
diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png
diff --git a/src/app/apple-touch-icon.png b/src/app/apple-touch-icon.png
diff --git a/src/app/favicon-16x16.png b/src/app/favicon-16x16.png
diff --git a/src/app/favicon-32x32.png b/src/app/favicon-32x32.png
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
diff --git a/src/components/data-display/project-details.tsx b/src/components/data-display/project-details.tsx
@@ -3,6 +3,7 @@ import React from "react";
 import { Github } from "lucide-react";
 import { PROJECTS } from '@/lib/data';
 import Image from "next/image";
+import spaceGrotesk from "../general/space-grotesk-font";
 
 export default function ProjectDetails() {
     return (
@@ -27,13 +28,13 @@ export default function ProjectDetails() {
                                     </a>
                                 </div>
                                 <p className="text-start mb-2 text-neutral-500 dark:text-neutral-300">{project.year}</p>
-                                <p className="text-start mb-4 text-neutral-500 dark:text-neutral-300">
+                                <p className={`${spaceGrotesk.className} text-start mb-4 text-neutral-500 dark:text-neutral-300`}>
                                     {project.description}
                                 </p>
                                 <div className="mt-2 flex flex-row justify-between">
                                     <div className="flex flex-row flex-wrap gap-2 font-medium">
                                         {project.tags.map((tag, index) => (
-                                            <span key={index} className="flex items-center justify-center rounded-md bg-gray-200 px-2 py-2 text-[10px] capitalize md:text-[15px]">{tag}</span>
+                                            <span key={index} className={`${spaceGrotesk.className} flex items-center justify-center rounded-md bg-gray-200 px-2 py-2 text-[10px] capitalize md:text-[15px]`}>{tag}</span>
                                         ))}
                                     </div>
 

diff --git a/src/components/sections/hero.tsx b/src/components/sections/hero.tsx
@@ -1,6 +1,6 @@
 import Image from 'next/image';
 import { MapPin } from 'lucide-react';
-import PrinceProfile from '../../../public/images/prince_kumar.jpg'
+import PrinceProfile from '../../../public/images/profile.jpg';
 import SocialIcons from '@/components/data-display/social-icons';
 import Typography from '@/components/general/typography';
 import Container from '@/components/layout/container';

diff --git a/src/components/sections/project.tsx b/src/components/sections/project.tsx
@@ -19,7 +19,7 @@ export default function ProjectSection() {
                     </div>
                 </ScrollAnimation>
 
-                <Typography variant="subtitle" className="max-w-lg text-center">
+                <Typography variant="subtitle" className={`${spaceGrotesk.className} max-w-lg text-center`} >
                     Here are some of the selected projects that showcase my passion for backend development.
                 </Typography>
 

diff --git a/src/lib/data.tsx b/src/lib/data.tsx
@@ -46,77 +46,41 @@ export const SOCIAL_LINKS = [
 
 export const TECHNOLOGIES: TechDetails[] = [
     {
-        label: "HTML"
-    },
-    {
-        label: "CSS"
-    },
-    {
-        label: "Tailwind CSS"
-    },
-    {
-        label: "JavaScript"
-    },
-    {
-        label: "React"
-    },
-    {
-        label: "Next.js"
-    },
-    {
-        label: "Node.js"
+        label: "Data Structure"
     },
     {
-        label: "Express.js"
+        label: "Algorithm"
     },
     {
-        label: "MongoDB"
+        label: "Back-End Development",
     },
     {
-        label: "MySQL"
+        label: "Front-End Development",
     },
     {
-        label: "Postman"
+        label: "GitHub",
     },
     {
-        label: "Rest API"
+        label: "Git",
     },
     {
-        label: "C Language"
+        label: "Python (Programming Language)",
     },
     {
         label: "Java",
     },
     {
-        label: "Algorithm"
-    },
-    {
-        label: "Data Structure"
-    },
-    {
-        label: "Spring Framework"
-    },
-    {
-        label: "Spring Boot",
-    },
-    {
-        label: "Spring MVC"
+        label: "C (Programming Language)",
     },
     {
-        label: "Theamleaf"
+        label: "User Experience (UX)",
     },
     {
-        label: "JPA"
+        label: "User Interface Design",
     },
     {
-        label: "Hibernate"
-    },
-    {
-        label: "Git",
-    },
-    {
-        label: "GitHub",
-    },
+        label: "Digital Marketing",
+    }
 ];
 
 export const PROJECTS: ProjectMetadata[] = [