From 9cb798e7308e4fd732389b368654ec23ae7c307c Mon Sep 17 00:00:00 2001 From: Alvalen Date: Fri, 30 Aug 2024 14:26:05 +0700 Subject: [PATCH] feat: add new about section --- app/about/(skills)/skills.jsx | 289 ++++++++++++++++++++++++++++++++++ app/about/page.jsx | 23 +++ 2 files changed, 312 insertions(+) create mode 100644 app/about/(skills)/skills.jsx diff --git a/app/about/(skills)/skills.jsx b/app/about/(skills)/skills.jsx new file mode 100644 index 0000000..6973d37 --- /dev/null +++ b/app/about/(skills)/skills.jsx @@ -0,0 +1,289 @@ +export default function Skills() { + return ( +
+
+

+ Skills and Expertise +

+

+ Explore the web development, AI development, and design + skills I'm proficient in to deliver high-quality + solutions. +

+
+
+
+ +
Web Development
+
+
+ +
REST API
+
+
+ +
Machine Learning
+
+
+ +
Mobile Development
+
+ {/*
+ +
Cloud Computing
+
+
+ +
Data Analysis
+
+
+ +
Cybersecurity
+
+
+ +
Product Management
+
*/} +
+
+ ); +} + +function ActivityIcon(props) { + return ( + + + + ); +} +function CodepenIcon(props) { + return ( + + + + + + + + ); +} +function AwardIcon(props) { + return ( + + + + + ); +} + +function BarChartIcon(props) { + return ( + + + + + + ); +} + +function CloudIcon(props) { + return ( + + + + ); +} + +function ComputerIcon(props) { + return ( + + + + + + + ); +} + +function GraduationCapIcon(props) { + return ( + + + + + + ); +} + +function PackageIcon(props) { + return ( + + + + + + + ); +} + +function ProjectorIcon(props) { + return ( + + + + + + + + + ); +} + +function TypeIcon(props) { + return ( + + + + + + ); +} + +function WebhookIcon(props) { + return ( + + + + + + ); +} + +function MobileIcon(props) { + return ( + + + + + ); +} diff --git a/app/about/page.jsx b/app/about/page.jsx index fdd777d..d43fa59 100644 --- a/app/about/page.jsx +++ b/app/about/page.jsx @@ -9,6 +9,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faChevronLeft } from "@fortawesome/free-solid-svg-icons"; import Card from "./(spotify)/card.jsx"; import Quote from "./(quote)/quote.jsx"; +import Skills from "./(skills)/skills.jsx"; // images import Me1 from "@/public/img/me1.jpg"; @@ -210,6 +211,28 @@ export default function Page() { + + {/* skills */} +
+ + + +
+