diff --git a/next.config.mjs b/next.config.mjs
index bfce3ec..7e0a9c1 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,22 +1,22 @@
-import nextra from 'nextra'
+import nextra from "nextra";
const withNextra = nextra({
- theme: 'nextra-theme-docs',
- themeConfig: './theme.config.jsx',
+ theme: "nextra-theme-docs",
+ themeConfig: "./theme.config.jsx",
});
-const isProd = process.env.NODE_ENV === 'production';
+const isProd = process.env.NODE_ENV === "production";
export default withNextra({
// Ensure the project builds for static export
- output: 'export',
+ output: "export",
// Support for GitHub Pages
- basePath: isProd ? '/batch5' : '',
- assetPrefix: isProd ? '/batch5' : '',
+ basePath: isProd ? "/batch5" : "",
+ assetPrefix: isProd ? "/batch5" : "",
// Required if you're using next/image
images: {
unoptimized: true,
},
-});
\ No newline at end of file
+});
diff --git a/pages/Meet_our_team/Viduruwan/_meta.js b/pages/Meet_our_team/Viduruwan/_meta.js
index be93842..2f1c823 100644
--- a/pages/Meet_our_team/Viduruwan/_meta.js
+++ b/pages/Meet_our_team/Viduruwan/_meta.js
@@ -1,6 +1,5 @@
const meta = {
- me: "Y.P. Viduruwan",
- about: "About Me",
-}
+ about: "About Me",
+};
-export default meta;
\ No newline at end of file
+export default meta;
diff --git a/pages/Meet_our_team/Viduruwan/about.mdx b/pages/Meet_our_team/Viduruwan/about.mdx
index f5f062b..18ead2c 100644
--- a/pages/Meet_our_team/Viduruwan/about.mdx
+++ b/pages/Meet_our_team/Viduruwan/about.mdx
@@ -3,71 +3,17 @@ title: "About Viduruwan"
description: "Learn more about Viduruwan, a passionate Computer Science student at the University of Kelaniya."
---
-# šØāš» About Me
+import About from "./page";
+import React from "react";
-Hi, I'm **Viduruwan**! I'm a **Computer Science** student at the **University of Kelaniya** with a deep passion for for **Security Technologies and Innovation**. I enjoy exploring new advancements and developing solutions that enhance security, scalability, and efficiency.
-
-## š My Journey
-
-Iām on a continuous journey to learn and grow in the ever-evolving tech landscape. My focus areas include:
-
-- **Web Development**
-- **Mobile app Development**
-- **Cybersecurity**
-- **System Administration**
-- **Networking**
-- **DevOps**
-- **Cloud Computing**
-
-Through hands-on projects, research, and collaborations, I have gained valuable experience in designing and implementing technology-driven solutions. My academic and practical work has deepened my expertise in enterprise-level infrastructure and system security.
-
-## š ļø Skills & Technologies
-
-Here are a few technologies and tools I specialize in:
-
-- **Programming Languages :**
- - Python, JavaScript, Java, C,C#, Dart,
-
-- **Web Development:**
- - HTML, CSS, JavaScript
- - React, Node.js, Express.js
-
-- **Operating Systems:**
- - Linux (Kali, RedHat, Ubuntu)
- - Windows System Administration
-
-- **Cybersecurity Tools:**
- - Nmap, Wireshark, Metasploit, Burp Suite
-
-- **Cloud & DevOps:**
- - AWS, Azure, Docker, Kubernetes
- - Ansible
-
-- **Networking:**
- - VPNs, Firewalls
-
-- **Scripting:**
- - Bash, PowerShell
-
-- **Version Control & Collaboration:**
- - Git & GitHub
-
-## š± Current Focus
-
-- Deepening my knowledge in **Cybersecurity** and **Ethical Hacking**
-- Expanding my **penetration testing** and **networking knowledge**
-- Contributing to **open-source** projects
-- Exploring **cloud technologies** and **DevOps practices**
-
-## š Let's Connect
-
-ā
Iām always open to collaborating on exciting projects or discussing tech. Feel free to reach out!
-
-- [LinkedIn](https://www.linkedin.com/in/y-p-viduruwan)
-- [GitHub](https://github.com/Viduruwan-55)
-- [Twitter](https://x.com/Viduruwan_X55)
-- [Medium](https://medium.com/@viduruwan20006)
+export default function page() {
+ return (
+
+ );
+}
---
-**"With a commitment to security and innovation, I strive to develop technological solutions that empower communities and shape a better future.!"**
+**"With a commitment to security and innovation, I strive to develop technological solutions that empower communities and shape a better future.!"**
diff --git a/pages/Meet_our_team/Viduruwan/me.mdx b/pages/Meet_our_team/Viduruwan/me.mdx
deleted file mode 100644
index 5e526da..0000000
--- a/pages/Meet_our_team/Viduruwan/me.mdx
+++ /dev/null
@@ -1,84 +0,0 @@
----
-title: "Viduruwan's Profile"
-description: "Learn more about Viduruwan, a passionate Computer Science student at UOK."
----
-
-# šØāš» Hi, I'm **Viduruwan**!
-
-I'm a **Computer Science** student at the **University of Kelaniya** with a deep passion for for **Security Technologies and Innovation**. I enjoy exploring new advancements and developing solutions that enhance security, scalability, and efficiency.
-
-## š§ Skills & Technologies
-
-Here are some of the technologies and tools Iām proficient in:
-
-- **Programming Languages:**
- - Python, JavaScript, Java, C, C#, Dart
-
-- **Web Development:**
- - HTML, CSS, JavaScript
- - React, Node.js, Express.js
-
-- **Mobile App Development:**
- - Flutter, Kotlin
-
-- **Databases:**
- - SQL (MySQL, PostgreSQL)
- - NoSQL (Firebase)
-
-- **Operating Systems:**
- - Linux (Kali, RedHat, Ubuntu)
- - Windows System Administration
-
-- **Cybersecurity Tools:**
- - Nmap, Wireshark, Metasploit, Burp Suite
-
-- **Cloud & DevOps:**
- - AWS, Azure, Docker, Kubernetes
- - Ansible
-
-- **Networking:**
- - VPNs, Firewalls
-
-- **Scripting:**
- - Bash, PowerShell
-
-- **Version Control & Collaboration:**
- - Git & GitHub
-
-- **Tools:**
- - Git & GitHub
- - Docker
- - VSCode, PyCharm
-
-## š Education
-
-- **Bachelor of Science in Computer Science**
- *University of Kelaniya* (2020 - Present)
-
-## š Projects & Achievements
-
-Some of my projects and contributions:
-
-- **NextCloud Personal Cloud Setup:** Set up a self-hosted personal cloud storage solution using NextCloud for secure file sharing and synchronization.
-- **Student Management System:** Developed a desktop application for managing student records, grades, and attendance using C# and SQL.
-- **Mobile App Development:** Built a cross-platform mobile app using Flutter.
-
-## š± Current Focus & Interests
-
-- Deepening my knowledge in **Cybersecurity** and **Ethical Hacking**
-- Expanding my **penetration testing** and **networking knowledge**
-- Contributing to **open-source** projects
-- Exploring **cloud technologies** and **DevOps practices**
-
-## š¬ Let's Connect!
-
-ā
Iām always open to collaborating on exciting projects or discussing tech. Feel free to reach out!
-
-- [LinkedIn](https://www.linkedin.com/in/y-p-viduruwan)
-- [GitHub](https://github.com/Viduruwan-55)
-- [Twitter](https://x.com/Viduruwan_X55)
-- [Medium](https://medium.com/@viduruwan20006)
-
----
-
-**"With a commitment to security and innovation, I strive to develop technological solutions that empower communities and shape a better future.!"**
diff --git a/pages/Meet_our_team/Viduruwan/page.jsx b/pages/Meet_our_team/Viduruwan/page.jsx
new file mode 100644
index 0000000..22d63f0
--- /dev/null
+++ b/pages/Meet_our_team/Viduruwan/page.jsx
@@ -0,0 +1,489 @@
+import { useEffect, useState, useRef } from "react";
+import { motion } from "framer-motion";
+
+export default function About() {
+ const [isClient, setIsClient] = useState(false);
+ const [isPaused, setIsPaused] = useState(false);
+
+ useEffect(() => {
+ setIsClient(true);
+ }, []);
+
+ return (
+
+
+ š Hi, I'm Y.P. Viduruwan!
+
+
+ {isClient && (
+ <>
+
+ I'm a Computer Science student at the University of Kelaniya with a
+ deep passion for for Security Technologies and Innovation. I enjoy
+ exploring new advancements and developing solutions that enhance
+ security, scalability, and efficiency.
+
+
+
+ {/* Educational Qualifications Section */}
+
+
+
+
+ š Education
+
+
+
+
+ BSc (Hons) in Computer Science (Specializing in Cyber
+ Security)
+
+
+ University of Kelaniya
+
+
+ 2022 - Present
+
+
+
+ {/*
*/}
+
+
+
+
+
+ š Skills & Technologies
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Programming Languages
+
+
+ - Python, JavaScript
+ - Java, C, C#, Dart
+
+
+
+
+ Web Development
+
+
+ - HTML, CSS, JavaScript
+ - React, Node.js, Express.js
+
+
+
+
+ Operating Systems
+
+
+ - Linux (Kali, RedHat, Ubuntu)
+ - Windows Server
+
+
+
+
+ DevOps & Cloud
+
+
+ - Git, Docker, GitHub Actions
+ - Azure, AWS, Kubernetes
+
+
+
+
+ Security Tools
+
+
+ - Nmap, Wireshark
+ - Metasploit, Burp Suite
+
+
+
+
+ Networking & Scripting
+
+
+ - Cisco Packet Tracer, VPNs
+ - Bash, PowerShell
+
+
+
+
+
+
+ š Achievements
+
+
+ -
+ š¢ Finalist - GENESIZ '24 (ERIC of KDU){" "}
+
+ -
+ š¢ Finalist - Junior Hack 2023 (University of
+ Kelaniya)
+
+
+
+
+
+
+ š Projects
+
+
+ -
+ āļø Mental Health Chat Bot - AI-powered mental
+ health consultant with real-time therapist mapping.
+
+ -
+
+ āļø Next-cloud AIO
+
+ - Nextcloud AIO is a self-hosted cloud storage solution, set
+ up using Docker on Ubuntu Server VM, ensuring full data
+ control.
+
+ -
+
+ āļø Movie App
+ {" "}
+ - Flutter application that allows users to fetch movie data
+ from The Movie Database (TMDb) API. The app displays a list of
+ movies, their details.
+
+ -
+
+ āļø Student Attendance System
+ {" "}
+ - An automated solution for real-time attendance tracking,
+ improving accuracy and efficiency in the Faculty of Computing
+ and Technology. (Group Project).
+
+
+
+
+
+
+ šÆ Current Focus
+
+
+ -
+ š¹ Deepening my knowledge in Cybersecurity{" "}
+ and Ethical Hacking
+
+ -
+ š¹ Expanding my penetration testing and{" "}
+ networking knowledge
+
+ -
+ š¹ Contributing to open-source projects
+
+ -
+ š¹ Exploring cloud technologies and{" "}
+ DevOps practices
+
+
+
+
+
+ {/* Section Title with Fade-in Animation */}
+
+ š¬ Let's Connect!
+
+
+
+ {[
+ {
+ href: "https://mail.google.com/mail/?view=cm&fs=1&to=ypviduruwan55@gmail.com",
+ imgSrc:
+ "https://img.icons8.com/ios-filled/50/FFFFFF/gmail.png",
+ alt: "Email",
+ text: "ypviduruwan55@gmail.com",
+ },
+ {
+ href: "https://linkedin.com/in/y-p-viduruwan",
+ imgSrc:
+ "https://img.icons8.com/ios-filled/50/FFFFFF/linkedin.png",
+ alt: "LinkedIn",
+ text: "LinkedIn",
+ },
+ {
+ href: "https://github.com/Viduruwan-55",
+ imgSrc:
+ "https://img.icons8.com/ios-filled/50/FFFFFF/github.png",
+ alt: "GitHub",
+ text: "GitHub",
+ },
+ {
+ href: "https://ypviduruwan.live",
+ imgSrc:
+ "https://img.icons8.com/ios-filled/50/FFFFFF/portfolio.png",
+ alt: "website",
+ text: "ypviduruwan.live",
+ },
+ ].map((contact, index) => (
+
+
+
+ {contact.text}
+
+
+ ))}
+
+
+
+ >
+ )}
+
+ );
+}