feat(portfolio): add Premium Auto Sales project and update tech stack

- Add Premium Auto Sales Hugo website as featured project
- Include Hugo and GitLab Pages in technology stack
- Update project count from 9+ to 10+ projects
- Add car icon (FaCar) for automotive project theme
- Enhance technology chips in About section

Author: davidagustin

src/components/About.tsx

@@ -10,6 +10,7 @@ const About: React.FC = () => {
     { name: 'Vue.js', color: 'bg-green-600 text-white' },
     { name: 'Astro.js', color: 'bg-purple-600 text-white' },
     { name: 'Gatsby', color: 'bg-purple-100 text-purple-700' },
+    { name: 'Hugo', color: 'bg-pink-100 text-pink-700' },
 
     // Languages & Type Safety
     { name: 'TypeScript', color: 'bg-blue-600 text-white' },
@@ -60,6 +61,7 @@ const About: React.FC = () => {
     { name: 'Render', color: 'bg-blue-100 text-blue-700' },
     { name: 'Digital Ocean', color: 'bg-blue-600 text-white' },
     { name: 'AWS', color: 'bg-orange-100 text-orange-700' },
+    { name: 'GitLab Pages', color: 'bg-orange-100 text-orange-700' },
 
     // DevOps & Tools
     { name: 'Docker', color: 'bg-blue-100 text-blue-700' },
@@ -101,7 +103,7 @@ const About: React.FC = () => {
                 problems and deliver exceptional user experiences.
               </p>
               <p className="text-lg text-gray-600 mb-8">
-                With experience across 9+ diverse projects and 50+ technologies including React, Next.js, Node.js, Python, and various AI/ML frameworks, I bring ideas to life through clean, efficient, and scalable code. I'm constantly learning and exploring new technologies to stay at the forefront of web development and AI innovation.
+                With experience across 10+ diverse projects and 50+ technologies including React, Next.js, Node.js, Python, Hugo, and various AI/ML frameworks, I bring ideas to life through clean, efficient, and scalable code. I'm constantly learning and exploring new technologies to stay at the forefront of web development and AI innovation.
               </p>
 
               {/* Technology Chips */}

src/utils/constants.ts

@@ -22,6 +22,7 @@ import {
   FaServer,
   FaChartLine,
   FaBolt,
+  FaCar,
 } from 'react-icons/fa';
 
 import type {
@@ -46,6 +47,7 @@ export const TECH_STACK: TechStack[] = [
   { icon: FaCloud, name: 'Azure', color: '#0078D4' },
   { icon: FaCog, name: 'AI/ML', color: '#FF6B6B' },
   { icon: FaJs, name: 'JavaScript', color: '#F7DF1E' },
+  { icon: FaCar, name: 'Hugo', color: '#FF4088' },
 ];
 
 export const SOCIAL_LINKS: SocialLink[] = [
@@ -144,6 +146,23 @@ export const SKILL_CATEGORIES: SkillCategory[] = [
 export const PROJECTS: Project[] = [
   {
     id: 1,
+    title: 'Premium Auto Sales - Professional Car Sales Website',
+    description:
+      'A modern, professional car sales website built with Hugo and designed for GitLab Pages deployment. Features comprehensive vehicle inventory with detailed listings, contact forms, multi-language support (English, French, Persian RTL), and a premium car dealership experience with professional styling and SEO optimization.',
+    technologies: ['Hugo', 'GitLab Pages', 'CSS3', 'Multi-language Support', 'SEO Optimized', 'Responsive Design'],
+    githubUrl: 'https://gitlab.com/davidagustin1-group/gitlab-hugo-practice-app',
+    liveUrl: 'https://gitlab-hugo-practice-app-e1b201.gitlab.io/',
+    icon: FaCar,
+    category: 'E-commerce/Automotive',
+    features: [
+      'Vehicle Inventory Management',
+      'Multi-language Support',
+      'Professional Contact Forms',
+      'SEO Optimized Design',
+    ],
+  },
+  {
+    id: 2,
     title: 'TechStore - Computer Hardware Store',
     description:
       'A modern, responsive computer hardware store built with SvelteKit, TypeScript, and Tailwind CSS, deployed on Azure Static Web Apps. Features comprehensive product catalog with 8 categories (CPUs, GPUs, Storage, RAM, Motherboards, Cooling, PSUs, Cases), advanced shopping cart with quantity management, search & filter functionality, and fully responsive design optimized for desktop, tablet, and mobile.',
@@ -160,7 +179,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 2,
+    id: 3,
     title: '20 Newsgroups ML Analysis Dashboard',
     description:
       'A comprehensive machine learning analysis dashboard for the 20 Newsgroups dataset, featuring advanced hyperparameter tuning, model comparison, and interactive visualizations. Built with Next.js 15, Material-UI, and Python ML pipeline.',
@@ -177,7 +196,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 3,
+    id: 4,
     title: 'MLI Learning Quiz App',
     description:
       'A beautiful, interactive learning and mnemonic quiz application designed specifically for the MLI (Machine Learning Institute) precourse material. Features 5 quiz categories with smart mnemonics, progress analytics, and modern UI/UX.',
@@ -194,7 +213,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 4,
+    id: 5,
     title: 'Hope Foundation',
     description:
       'A modern, responsive charity website built with Gatsby for Hope Foundation. Features donation systems, volunteer portals, event management, and comprehensive program showcases. Deployed on Digital Ocean with excellent performance and SEO optimization.',
@@ -211,7 +230,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 5,
+    id: 6,
     title: 'Historigal',
     description:
       'A modern, responsive web application for searching through 37,860+ historical events from 300 B.C. to 2012 with a Google-like interface. Features advanced citation parsing, intelligent search with debouncing, URL routing, and mobile-first design.',
@@ -228,7 +247,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 6,
+    id: 7,
     title: 'AI Learning Hub',
     description:
       'A comprehensive Next.js application for learning AI and machine learning concepts through interactive mnemonics, character-based learning, and quizzes. Features 30+ learning sections with 1000+ quiz questions.',
@@ -245,7 +264,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 7,
+    id: 8,
     title: 'A Very Nice Grocery List',
     description:
       'A modern, responsive grocery list application built with Next.js, React, and TypeScript. Features duplicate prevention, auto-scroll, and a beautiful dark theme with smooth animations.',
@@ -262,7 +281,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 8,
+    id: 9,
     title: 'Luxury Realty',
     description:
       'A comprehensive, modern real estate website built with Angular and deployed on Surge.sh. Features luxury property listings with advanced search, filtering, interactive image galleries, and responsive design.',
@@ -279,7 +298,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 9,
+    id: 10,
     title: 'Elegant Furniture Store',
     description:
       'A modern, responsive furniture store built with Vue.js 3, Vite, and Tailwind CSS. Features a beautiful collection of premium furniture with shopping cart functionality, product catalog, and seamless user experience.',
@@ -296,7 +315,7 @@ export const PROJECTS: Project[] = [
     ],
   },
   {
-    id: 10,
+    id: 11,
     title: 'Law & Associates',
     description:
       'A modern, professional law firm website built with Astro.js and Tailwind CSS. Features comprehensive legal services, attorney profiles, practice areas, and contact forms with a clean, professional design.',