From ee1e82c60e2c9606c5a2d2bfdfdb8e6389185907 Mon Sep 17 00:00:00 2001 From: Leo dev Date: Thu, 22 Jan 2026 07:41:59 +0100 Subject: [PATCH 01/13] Social links --- src/app/about/page.tsx | 35 +++++++++++++++++++++++------------ 1 file changed, 23 insertions(+), 12 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 996ef04..d458a1c 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -72,6 +72,17 @@ const timeline = [ }, ]; +const socialLinks: [ + string, + React.ComponentType>, +][] = [ + ["https://github.com/selimaj-dev", Github], + ["https://www.linkedin.com/in/klesti-selimaj", Linkedin], + ["https://youtube.com/@0xkleo", Youtube], + ["https://instagram.com/selimaj.dev", Instagram], + ["https://dev.to/selimaj", ExternalLink], +]; + export default function About() { const techStack = [ { name: "Rust", icon: , color: "text-orange-500" }, @@ -225,18 +236,18 @@ export default function About() { variants={fadeInUp} className="flex items-center gap-4" > - {[Github, Linkedin, Youtube, Instagram, ExternalLink].map( - (Icon, i) => ( - - - - ), - )} + {socialLinks.map(([link, Icon], i) => ( + + + + ))} From 974755441693a6586ff27e95cf54a13ac2950b5d Mon Sep 17 00:00:00 2001 From: Leo dev Date: Thu, 22 Jan 2026 07:44:42 +0100 Subject: [PATCH 02/13] Hero socials --- src/components/home/HeroSection.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/home/HeroSection.tsx b/src/components/home/HeroSection.tsx index 61daf88..1d400fd 100644 --- a/src/components/home/HeroSection.tsx +++ b/src/components/home/HeroSection.tsx @@ -1,6 +1,6 @@ "use client"; -import { ArrowRight, Github, Linkedin, Youtube } from "lucide-react"; +import { ArrowRight, Github, Instagram, Linkedin } from "lucide-react"; import Link from "next/link"; import { motion } from "motion/react"; import { staggerContainer, fadeInUp, slowFloat } from "@/lib/animations"; @@ -104,7 +104,7 @@ export function HeroSection() { - + From 1c4cfa57fc626c54a57b6274b551d661620cbbb1 Mon Sep 17 00:00:00 2001 From: Leo dev Date: Thu, 22 Jan 2026 07:59:17 +0100 Subject: [PATCH 03/13] Updated titles --- src/app/about/page.tsx | 8 ++++---- src/components/home/HeroSection.tsx | 6 +++--- src/components/layout/Footer.tsx | 2 -- 3 files changed, 7 insertions(+), 9 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index d458a1c..67979c9 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -126,13 +126,13 @@ export default function About() { icon: , title: "Contributor to 80+ Public Repositories", description: - "Actively contributed code, bug fixes, and features to multiple open-source projects.", + "Actively contributed code to multiple open-source projects.", }, { icon: , title: "Built & Deployed 3 Full-Stack Applications", description: - "Completed end-to-end development projects using Next.js, React, and TypeScript.", + "Completed end-to-end development projects using Next.js, React, and Rust.", }, { icon: , @@ -198,8 +198,8 @@ export default function About() { className="text-lg text-muted-foreground mb-6" > A 16-year-old software engineer from Albania with 6+ years of - experience. I'm passionate about building things that matter, - from low-level systems to beautiful user interfaces. + experience. I'm passionate about building low-level systems and + beautiful user interfaces. Building{" "} - exceptional + powerful
- digital experiences + digital products {/* Subheading */} @@ -62,7 +62,7 @@ export function HeroSection() { Klesti Selimaj, a 16-year-old software engineer with 6+ years of experience. Passionate about low-level systems, modern web apps, and crafting - tools that make a difference. + tools. {/* CTA Buttons */} diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx index a0dbbd4..3435b15 100644 --- a/src/components/layout/Footer.tsx +++ b/src/components/layout/Footer.tsx @@ -20,8 +20,6 @@ export function Footer() {

Building digital experiences with precision and passion. - Specializing in low-level systems, modern web applications, and - everything in between.

From f049bd601bfe38e94c49be1bc0cefac4cf89fa38 Mon Sep 17 00:00:00 2001 From: Leo dev Date: Thu, 22 Jan 2026 08:08:31 +0100 Subject: [PATCH 04/13] Improved ui for pricing --- src/app/pricing/page.tsx | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx index 9417343..fa9e2de 100644 --- a/src/app/pricing/page.tsx +++ b/src/app/pricing/page.tsx @@ -127,12 +127,15 @@ export default function Pricing() { Pricing

- Transparent Pricing for{" "} + Fair Pricing for{" "} Premium Quality

- Choose a plan that fits your needs. Every project receives the - same attention to detail and commitment to excellence. + Choose a plan that fits your needs. +

+ +

+ Payments are accepted in crypto.

From 558bd2550845076f1aec8564e0b1caa9d49c70d8 Mon Sep 17 00:00:00 2001 From: Leo dev Date: Thu, 22 Jan 2026 08:10:24 +0100 Subject: [PATCH 05/13] Pricing plans small change --- src/app/pricing/page.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx index fa9e2de..fa8a6d7 100644 --- a/src/app/pricing/page.tsx +++ b/src/app/pricing/page.tsx @@ -25,6 +25,7 @@ const plans = [ "1 revision round", "Async communication", "Source code included", + "CLI or TUI applications", ], cta: "Get Started", popular: false, @@ -38,10 +39,9 @@ const plans = [ features: [ "Multi-feature application or system module", "Backend services or APIs (Rust, Node, etc.)", - "CLI or TUI applications", "Frontend integration where needed", "Architecture and technical decisions", - "2–3 revision rounds", + "2-3 revision rounds", "Documentation for delivered components", "Performance and reliability considerations", ], From 4a98132251ebcf851f0befae936381857d3a33db Mon Sep 17 00:00:00 2001 From: Leo dev Date: Thu, 22 Jan 2026 08:12:30 +0100 Subject: [PATCH 06/13] About me in hero --- src/components/home/HeroSection.tsx | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/components/home/HeroSection.tsx b/src/components/home/HeroSection.tsx index cea0ca3..8ee016c 100644 --- a/src/components/home/HeroSection.tsx +++ b/src/components/home/HeroSection.tsx @@ -79,13 +79,11 @@ export function HeroSection() { - - View GitHub + About Me From 9436686d9bc4579352ec7690ae2f6d498d6fb553 Mon Sep 17 00:00:00 2001 From: Leo dev Date: Thu, 22 Jan 2026 09:15:20 +0100 Subject: [PATCH 07/13] About change and added X --- src/app/about/page.tsx | 74 +++++++++++++++++++++++------------------- 1 file changed, 41 insertions(+), 33 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 67979c9..0143aea 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -12,6 +12,7 @@ import { Trophy, Box, FileText, + Twitter, } from "lucide-react"; import { SiRust, @@ -21,6 +22,7 @@ import { SiPython, SiDocker, SiLinux, + SiX, } from "@icons-pack/react-simple-icons"; import { motion } from "motion/react"; import { @@ -33,6 +35,7 @@ import { slowFloat, } from "@/lib/animations"; import { cn } from "@/lib/utils"; +import { ComponentType, SVGProps } from "react"; const timeline = [ { @@ -77,44 +80,49 @@ const socialLinks: [ React.ComponentType>, ][] = [ ["https://github.com/selimaj-dev", Github], + ["https://instagram.com/selimaj.dev", Instagram], + ["https://x.com/selimajdev", SiX], ["https://www.linkedin.com/in/klesti-selimaj", Linkedin], ["https://youtube.com/@0xkleo", Youtube], - ["https://instagram.com/selimaj.dev", Instagram], ["https://dev.to/selimaj", ExternalLink], ]; -export default function About() { - const techStack = [ - { name: "Rust", icon: , color: "text-orange-500" }, - { name: "TypeScript", icon: , color: "text-blue-500" }, - { name: "React", icon: , color: "text-cyan-500" }, - { name: "Go", icon: , color: "text-cyan-400" }, - { name: "Python", icon: , color: "text-yellow-500" }, - { - name: "Java", - icon: ( - - - - - ), - color: "text-red-500", - }, - { name: "Docker", icon: , color: "text-blue-400" }, - { name: "Linux", icon: , color: "text-yellow-400" }, - ]; +const techStack: { + name: string; + icon: ComponentType>; + color: string; +}[] = [ + { name: "Rust", icon: SiRust, color: "text-orange-500" }, + { name: "TypeScript", icon: SiTypescript, color: "text-blue-500" }, + { name: "React", icon: SiReact, color: "text-cyan-500" }, + { name: "Go", icon: SiGo, color: "text-cyan-400" }, + { name: "Python", icon: SiPython, color: "text-yellow-500" }, + { + name: "Java", + icon: () => ( + + + + + ), + color: "text-red-500", + }, + { name: "Docker", icon: SiDocker, color: "text-blue-400" }, + { name: "Linux", icon: SiLinux, color: "text-yellow-400" }, +]; +export default function About() { const achievements = [ { icon: , @@ -284,7 +292,7 @@ export default function About() { className="glass-card rounded-2xl p-6 text-center hover-lift group" >
- {tech.icon} +

{tech.name} From 1abd1325a029d86ed76e94aed450d92c850b4156 Mon Sep 17 00:00:00 2001 From: Leo dev Date: Thu, 22 Jan 2026 09:26:18 +0100 Subject: [PATCH 08/13] Removed availabe badge on the hero thingy --- src/components/home/HeroSection.tsx | 11 ----------- 1 file changed, 11 deletions(-) diff --git a/src/components/home/HeroSection.tsx b/src/components/home/HeroSection.tsx index 8ee016c..555c578 100644 --- a/src/components/home/HeroSection.tsx +++ b/src/components/home/HeroSection.tsx @@ -30,17 +30,6 @@ export function HeroSection() { className="max-w-4xl mx-auto text-center" variants={staggerContainer} > - {/* Status Badge */} - - - - Available for new projects - - - {/* Main Heading */} Date: Thu, 22 Jan 2026 09:29:10 +0100 Subject: [PATCH 09/13] Change pricing cta to Contact Me --- src/app/pricing/page.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx index fa8a6d7..ab6b597 100644 --- a/src/app/pricing/page.tsx +++ b/src/app/pricing/page.tsx @@ -27,7 +27,7 @@ const plans = [ "Source code included", "CLI or TUI applications", ], - cta: "Get Started", + cta: "Contact Me", popular: false, }, { @@ -45,7 +45,7 @@ const plans = [ "Documentation for delivered components", "Performance and reliability considerations", ], - cta: "Start Project", + cta: "Contact Me", popular: true, }, { From 2db86c7ab953bf5e46cf01b9a86f15ad2ae6c959 Mon Sep 17 00:00:00 2001 From: Leo dev Date: Thu, 22 Jan 2026 09:31:44 +0100 Subject: [PATCH 10/13] Social links hover --- src/app/about/page.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 0143aea..0d41b54 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -247,13 +247,13 @@ export default function About() { {socialLinks.map(([link, Icon], i) => ( - + ))} From 1b6a62ddf80f314d4091e41eee04c2593d7b2426 Mon Sep 17 00:00:00 2001 From: Leo dev Date: Thu, 22 Jan 2026 09:42:24 +0100 Subject: [PATCH 11/13] Code UI changes --- src/app/about/page.tsx | 61 ++++++++++++------------- src/app/pricing/page.tsx | 2 +- src/components/home/ProjectsSection.tsx | 2 +- 3 files changed, 32 insertions(+), 33 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 0d41b54..fe25ab1 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -12,7 +12,6 @@ import { Trophy, Box, FileText, - Twitter, } from "lucide-react"; import { SiRust, @@ -28,7 +27,6 @@ import { motion } from "motion/react"; import { staggerContainer, fadeInUp, - fadeIn, cardReveal, timelineItemLeft, timelineItemRight, @@ -122,34 +120,33 @@ const techStack: { { name: "Linux", icon: SiLinux, color: "text-yellow-400" }, ]; -export default function About() { - const achievements = [ - { - icon: , - title: "Top GitHub Contributor in Albania", - description: - "Ranked #2 nationally based on commits, contributions, and repository activity.", - }, - { - icon: , - title: "Contributor to 80+ Public Repositories", - description: - "Actively contributed code to multiple open-source projects.", - }, - { - icon: , - title: "Built & Deployed 3 Full-Stack Applications", - description: - "Completed end-to-end development projects using Next.js, React, and Rust.", - }, - { - icon: , - title: "Published Technical Guides & Documentation", - description: - "Authored clear technical documentation and tutorials in public repositories.", - }, - ]; +const achievements = [ + { + icon: Trophy, + title: "Top GitHub Contributor in Albania", + description: + "Ranked #2 nationally based on commits, contributions, and repository activity.", + }, + { + icon: Github, + title: "Contributor to 80+ Public Repositories", + description: "Actively contributed code to multiple open-source projects.", + }, + { + icon: Box, + title: "Built & Deployed 3 Full-Stack Applications", + description: + "Completed end-to-end development projects using Next.js, React, and Rust.", + }, + { + icon: FileText, + title: "Published Technical Guides & Documentation", + description: + "Authored clear technical documentation and tutorials in public repositories.", + }, +]; +export default function About() { return ( <> {/* Hero */} @@ -249,7 +246,7 @@ export default function About() { key={i} whileHover={{ y: -1 }} whileTap={{ scale: 0.95 }} - className="glass-card p-3 rounded-xl hover:ring-1 hover:ring-accent/30 transition-colors text-foreground hover:text-gold" + className="glass-card p-3 rounded-xl hover:ring-1 hover:ring-accent/30 transition-colors text-foreground hover:text-accent" href={link} target="_blank" > @@ -331,7 +328,9 @@ export default function About() { variants={cardReveal} className="glass-card rounded-2xl p-6 text-center hover-lift" > -
{achievement.icon}
+
+ +

{achievement.title}

diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx index ab6b597..3346b12 100644 --- a/src/app/pricing/page.tsx +++ b/src/app/pricing/page.tsx @@ -283,7 +283,7 @@ export default function Pricing() { variants={fadeInUp} className="glass-card rounded-2xl p-6 hover-lift group" > -

+

{service.title}

diff --git a/src/components/home/ProjectsSection.tsx b/src/components/home/ProjectsSection.tsx index 94209cf..e577a1f 100644 --- a/src/components/home/ProjectsSection.tsx +++ b/src/components/home/ProjectsSection.tsx @@ -111,7 +111,7 @@ export function ProjectsSection() { {/* Content */} -

+

{project.name}

From 7ef4ecfcfbc78295738ea5085bc0d1cdade8f977 Mon Sep 17 00:00:00 2001 From: Leo dev Date: Thu, 22 Jan 2026 12:45:01 +0100 Subject: [PATCH 12/13] Temporarily removed the status badges --- src/app/about/page.tsx | 4 ++-- src/components/layout/Footer.tsx | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index fe25ab1..03a2dab 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -175,14 +175,14 @@ export default function About() { {/* Floating badges */} - Available - + */} diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx index 3435b15..7d154c0 100644 --- a/src/components/layout/Footer.tsx +++ b/src/components/layout/Footer.tsx @@ -116,10 +116,10 @@ export function Footer() {

© {currentYear} Klesti Selimaj. All rights reserved.

-
+ {/*
Available for work -
+
*/} From 08554acbe48aeb8ba656271872d17254a3ce4b32 Mon Sep 17 00:00:00 2001 From: Leo dev Date: Thu, 22 Jan 2026 12:47:16 +0100 Subject: [PATCH 13/13] Pricing small change --- src/app/pricing/page.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx index 3346b12..b65ac63 100644 --- a/src/app/pricing/page.tsx +++ b/src/app/pricing/page.tsx @@ -14,7 +14,7 @@ const plans = [ { name: "Starter", description: "Small, clearly defined tasks and improvements", - price: "$500", + price: "$499", period: "project", icon: Zap, features: [ @@ -33,7 +33,7 @@ const plans = [ { name: "Professional", description: "Product features, MVPs, and system components", - price: "$2,000+", + price: "$1,999", period: "project", icon: Crown, features: [