fix: update project count to dynamic, widen container, remove unused Donation component

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: davidagustin

README.md

@@ -116,7 +116,6 @@ src/
 │   ├── Hero.tsx          # Dark-themed landing section with parallax
 │   ├── About.tsx         # Skills organized by domain
 │   ├── Projects.tsx      # Multi-view projects (Grid, Carousel, Table) with README highlights
-│   ├── Donation.tsx      # Support section (Stripe, BTC, ETH)
 │   ├── Contact.tsx       # EmailJS contact form
 │   ├── Footer.tsx        # Site footer
 │   └── Snackbar.tsx      # Toast notifications

src/components/About.tsx

@@ -1,6 +1,7 @@
 import { motion, useInView, useScroll, useTransform } from 'framer-motion';
 import { useEffect, useRef, useState } from 'react';
 import type React from 'react';
+import { PROJECTS } from '../utils/constants';
 
 /* ------------------------------------------------------------------ */
 /*  Animated counter – numbers count up when scrolled into view        */
@@ -71,11 +72,12 @@ const About: React.FC = () => {
       items: [
         'Node.js',
         'Express',
+        'Fastify',
         'Python',
         'Firebase',
         'REST APIs',
-        'MongoDB',
         'PostgreSQL',
+        'Redis',
       ],
     },
     {
@@ -98,9 +100,9 @@ const About: React.FC = () => {
 
   /* ---- stats data ---- */
   const stats: { value: number; suffix: string; label: string }[] = [
-    { value: 25, suffix: '', label: 'Projects' },
+    { value: PROJECTS.length, suffix: '', label: 'Projects' },
     { value: 50, suffix: '+', label: 'Technologies' },
-    { value: 8, suffix: '+', label: 'Platforms' },
+    { value: 10, suffix: '+', label: 'Platforms' },
   ];
 
   /* ---- refs for scroll-linked parallax ---- */
@@ -167,7 +169,7 @@ const About: React.FC = () => {
           >
             <p className="text-surface-600 dark:text-surface-400 leading-relaxed mb-6">
               I build modern web applications using React, Next.js, Node.js, Python,
-              and AI/ML frameworks. With 25 deployed projects spanning e-commerce
+              and AI/ML frameworks. With {PROJECTS.length} deployed projects spanning e-commerce
               platforms, educational tools, ML dashboards, and interactive games, I
               focus on creating clean, performant, and accessible experiences.
             </p>

src/components/Donation.tsx

@@ -1,4 +1,4 @@
-import { SOCIAL_LINKS } from '../utils/constants';
+import { PROJECTS, SOCIAL_LINKS } from '../utils/constants';
 import { motion, useScroll, useTransform } from 'framer-motion';
 import { useRef } from 'react';
 import type React from 'react';
@@ -102,7 +102,7 @@ const Hero: React.FC = () => {
             >
               Building modern web applications with React, Next.js, and AI/ML.{' '}
               <span className="text-surface-300">
-                25 projects deployed across 8+ cloud platforms.
+                {PROJECTS.length} projects deployed across 10+ cloud platforms.
               </span>
             </motion.p>
 

src/components/Hero.tsx

@@ -80,7 +80,7 @@
   }
 
   .container {
-    @apply max-w-6xl mx-auto px-4 sm:px-6 lg:px-8;
+    @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
   }
 
   section {