feat: add Galeria Rumia project with description and thumbnails; update layout for commercial projects

components/commercial-project-card.tsx

@@ -5,7 +5,6 @@ import { Eye } from "lucide-react";
 
 const CommercialProjectCard = ({ project }: { project: Project }) => {
   return (
-    // Removed h-full to allow flexbox stretch to control height
     <div className="flex flex-col justify-between p-6 text-white transition-all duration-300 bg-white/5 backdrop-blur-md border border-white/10 rounded-3xl hover:bg-white/10 hover:border-white/20 w-[22rem] md:w-[28rem] shrink-0 snap-center shadow-xl group">
       <div>
         <div className="flex items-center justify-between mb-4">

components/commercial-projects.tsx

@@ -19,7 +19,7 @@ const CommercialProjects = () => {
       </div>
 
       <div className="w-full max-w-[90vw] md:max-w-6xl">
-        <div className="flex items-stretch gap-6 overflow-x-auto pb-8 pt-4 px-4 snap-x snap-mandatory md:justify-center scrollbar-thin scrollbar-thumb-yellow-400 scrollbar-track-white/10">
+        <div className="flex flex-wrap items-stretch gap-6 overflow-x-auto pb-8 pt-4 px-4 snap-x snap-mandatory md:justify-center scrollbar-thin scrollbar-thumb-yellow-400 scrollbar-track-white/10">
           {commercialProjects.map((project) => (
             <CommercialProjectCard key={project.id} project={project} />
           ))}

lib/data.ts

@@ -483,5 +483,18 @@ export const projects: Project[] = [
     "download_url": "https://aur.archlinux.org/packages/k-shrink",
     "technologies": ["Rust", "Wayland"],
     "thumbnails": []
+  },
+  {
+    "id": 22,
+    "name": "Galeria Rumia",
+    "short_description": "Website for shopping mall in Rumia, Poland.",
+    "description": "A commercial project for a shopping mall in Rumia, Poland. The website provides information about the mall, its stores, events, and promotions. It features a modern design and is built with custom handmade wordpress theme and in-house map plugin.",
+    "category": "Web",
+    "github_url": null,
+    "visit_url": "https://galeriarumia.com/",
+    "download_url": null,
+    "technologies": ["WordPress"],
+    "thumbnails": ["/images/galeria_rumia.avif", "/images/galeria_rumia2.avif"],
+    "commercial": true
   }
 ];