- {[...Array(6)].map((_value, index) => (
-
-
-
-
0{index + 1}
+
+
+
+
01
+
+
Movement Based Fitness
+
Online Fitness Coaching Website
+
+
+
Tools and features
+
Nuxt 4, Vue, Google Sheets API, Lead-Capture Forms, SSR + SEO, WhatsApp/Call Integration
+
+
+
+
+
+
+
+
02
+
+
Akasaki
+
GST Invoicing & Inventory Web App
+
+
+
Tools and features
+
Next.js, TypeScript, Supabase, PostgreSQL, RLS, RPCs, PDF Export
+
+
+
+
+
+
+
+
03
+
+
Plant Leaf Disease
+
CNN Image Classifier
+
+
+
Tools and features
+
Python, TensorFlow, Keras, CNN, Data Augmentation
+
+
+
+
+
+
+
+
04
+
+
GrowSphere
+
IoT Monitoring App
+
+
+
Tools and features
+
Flutter, Supabase, PostgreSQL, Time-Series Data
+
+
+
+
+
+
+
+
05
+
+
Heart Rate Monitor
+
Health Tracking Mobile App
+
+
+
Tools and features
+
Flutter, Supabase, PostgreSQL, Time-Series Data
+
+
+
-
-
Project Name
-
Category
-
+
+
+
+
06
+
+
MoodTune
+
AI Mood-Based Music Recommendation System
-
Tools and features
-
Javascript, TypeScript, React, Threejs
-
+
Tools and features
+
Python, scikit-learn, NLTK, Streamlit, NLP Emotion Classifier, TF-IDF
- ))}
+
+
diff --git a/src/components/styles/About.css b/src/components/styles/About.css
index 3d8240bf..6224047c 100644
--- a/src/components/styles/About.css
+++ b/src/components/styles/About.css
@@ -28,6 +28,7 @@
font-weight: 600;
line-height: 36px;
letter-spacing: 1px;
+ color: #ffffff;
}
@media only screen and (min-width: 600px) {
diff --git a/src/components/styles/Career.css b/src/components/styles/Career.css
index d34c7158..e8401844 100644
--- a/src/components/styles/Career.css
+++ b/src/components/styles/Career.css
@@ -74,6 +74,20 @@
margin: 10px 0px;
color: var(--accentColor);
}
+.career-link {
+ display: inline-flex;
+ align-items: center;
+ gap: 2px;
+ color: var(--accentColor);
+ transition: color 0.3s ease;
+}
+.career-link:hover {
+ color: #fff;
+}
+.career-link svg {
+ font-size: 0.85em;
+ margin-top: 0.05em;
+}
.career-timeline {
position: absolute;
top: -50px;
diff --git a/src/components/styles/Cursor.css b/src/components/styles/Cursor.css
index b14f8519..e5d0b000 100644
--- a/src/components/styles/Cursor.css
+++ b/src/components/styles/Cursor.css
@@ -30,4 +30,10 @@
.cursor-disable {
--size: 0px;
}
+ /* Hide the native OS cursor so only the custom dot is used to navigate */
+ html,
+ body,
+ * {
+ cursor: none !important;
+ }
}
diff --git a/src/components/styles/Landing.css b/src/components/styles/Landing.css
index b6f31655..db81b488 100644
--- a/src/components/styles/Landing.css
+++ b/src/components/styles/Landing.css
@@ -176,7 +176,7 @@
font-size: 28px;
line-height: 28px;
font-weight: 500;
- font-family: "Geist", sans-serif;
+ font-family: "Clash Display", "Geist", sans-serif;
}
/* .landing-intro h1 span {
@@ -202,7 +202,7 @@
margin: 0;
margin-top: -20px;
margin-left: 20px;
- font-family: "Geist", sans-serif;
+ font-family: "Clash Display", "Geist", sans-serif;
font-weight: 600;
font-size: 32px;
line-height: 40px;
@@ -221,7 +221,7 @@ h2.landing-info-h2 {
font-size: 42px;
width: 120%;
margin: 0;
- font-family: "Geist", sans-serif;
+ font-family: "Clash Display", "Geist", sans-serif;
font-weight: 600;
position: relative;
margin-left: -5px;
diff --git a/src/components/utils/initialFX.ts b/src/components/utils/initialFX.ts
index 83e3d671..dab30003 100644
--- a/src/components/utils/initialFX.ts
+++ b/src/components/utils/initialFX.ts
@@ -1,4 +1,4 @@
-import { SplitText } from "gsap-trial/SplitText";
+import { SplitText } from "gsap/SplitText";
import gsap from "gsap";
import { smoother } from "../Navbar";
diff --git a/src/components/utils/splitText.ts b/src/components/utils/splitText.ts
index a80559be..1e8ac483 100644
--- a/src/components/utils/splitText.ts
+++ b/src/components/utils/splitText.ts
@@ -1,7 +1,7 @@
import { gsap } from "gsap";
import { ScrollTrigger } from "gsap/ScrollTrigger";
-import { ScrollSmoother } from "gsap-trial/ScrollSmoother";
-import { SplitText } from "gsap-trial/SplitText";
+import { ScrollSmoother } from "gsap/ScrollSmoother";
+import { SplitText } from "gsap/SplitText";
interface ParaElement extends HTMLElement {
anim?: gsap.core.Animation;
@@ -32,7 +32,7 @@ export default function setSplitText() {
});
para.anim = gsap.fromTo(
- para.split.words,
+ para.split!.words,
{ autoAlpha: 0, y: 80 },
{
autoAlpha: 1,
@@ -58,7 +58,7 @@ export default function setSplitText() {
linesClass: "split-line",
});
title.anim = gsap.fromTo(
- title.split.chars,
+ title.split!.chars,
{ autoAlpha: 0, y: 80, rotate: 10 },
{
autoAlpha: 1,
diff --git a/src/index.css b/src/index.css
index a56e9ef3..b6e6f673 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,4 +1,5 @@
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap");
+@import url("https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&display=swap");
:root {
font-family: "Geist", sans-serif;
@@ -24,7 +25,9 @@
--vh: 100svh;
}
h1,
-h2,
+h2 {
+ font-family: "Clash Display", "Geist", sans-serif;
+}
h3,
h4,
h5,
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index 11f02fe2..ee0f7ccd 100644
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -1 +1,4 @@
///
+
+declare module "gsap/SplitText";
+declare module "gsap/ScrollSmoother";
diff --git a/tsconfig.app.tsbuildinfo b/tsconfig.app.tsbuildinfo
index b8ae268f..ad395d96 100644
--- a/tsconfig.app.tsbuildinfo
+++ b/tsconfig.app.tsbuildinfo
@@ -1 +1 @@
-{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/components/about.tsx","./src/components/career.tsx","./src/components/contact.tsx","./src/components/cursor.tsx","./src/components/hoverlinks.tsx","./src/components/landing.tsx","./src/components/loading.tsx","./src/components/maincontainer.tsx","./src/components/navbar.tsx","./src/components/socialicons.tsx","./src/components/techstack.tsx","./src/components/whatido.tsx","./src/components/work.tsx","./src/components/workimage.tsx","./src/components/character/scene.tsx","./src/components/character/exports.ts","./src/components/character/index.tsx","./src/components/character/utils/animationutils.ts","./src/components/character/utils/character.ts","./src/components/character/utils/decrypt.ts","./src/components/character/utils/lighting.ts","./src/components/character/utils/mouseutils.ts","./src/components/character/utils/resizeutils.ts","./src/components/utils/gsapscroll.ts","./src/components/utils/initialfx.ts","./src/components/utils/splittext.ts","./src/context/loadingprovider.tsx","./src/data/bonedata.ts"],"version":"5.6.2"}
\ No newline at end of file
+{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/components/about.tsx","./src/components/career.tsx","./src/components/contact.tsx","./src/components/cursor.tsx","./src/components/hoverlinks.tsx","./src/components/landing.tsx","./src/components/loading.tsx","./src/components/maincontainer.tsx","./src/components/navbar.tsx","./src/components/socialicons.tsx","./src/components/techstack.tsx","./src/components/whatido.tsx","./src/components/work.tsx","./src/components/workimage.tsx","./src/components/character/scene.tsx","./src/components/character/exports.ts","./src/components/character/index.tsx","./src/components/character/utils/animationutils.ts","./src/components/character/utils/character.ts","./src/components/character/utils/decrypt.ts","./src/components/character/utils/lighting.ts","./src/components/character/utils/mouseutils.ts","./src/components/character/utils/resizeutils.ts","./src/components/character/utils/setcolors.ts","./src/components/utils/gsapscroll.ts","./src/components/utils/initialfx.ts","./src/components/utils/splittext.ts","./src/context/loadingprovider.tsx","./src/data/bonedata.ts"],"version":"5.9.3"}
\ No newline at end of file
diff --git a/tsconfig.node.tsbuildinfo b/tsconfig.node.tsbuildinfo
index 98ef2f99..62c7bf92 100644
--- a/tsconfig.node.tsbuildinfo
+++ b/tsconfig.node.tsbuildinfo
@@ -1 +1 @@
-{"root":["./vite.config.ts"],"version":"5.6.2"}
\ No newline at end of file
+{"root":["./vite.config.ts"],"version":"5.9.3"}
\ No newline at end of file