Update TechShowcase component to include new technologies and categories

apps/web/src/app/(home)/_components/TechShowcase.tsx

@@ -4,65 +4,75 @@ import React, { useState } from "react";
 interface TechItem {
 	name: string;
 	description: string;
-	category: "frontend" | "backend" | "database" | "tooling" | "deployment";
+	category:
+		| "frontend"
+		| "backend"
+		| "database"
+		| "tooling"
+		| "deployment"
+		| "core";
 }
 
 const techStack: TechItem[] = [
 	{
-		name: "Next.js",
+		name: "Bun",
-		description: "React framework for production",
+		description: "Fast all-in-one JavaScript runtime",
-		category: "frontend",
+		category: "core",
 	},
 	{
 		name: "TypeScript",
-		description: "Strongly typed programming language",
+		description: "Type safety across the stack",
-		category: "frontend",
+		category: "core",
 	},
 	{
 		name: "tRPC",
-		description: "End-to-end typesafe APIs",
+		description: "End-to-end type-safe APIs",
-		category: "backend",
+		category: "core",
+	},
+	{
+		name: "React (Vite)",
+		description: "JavaScript library for user interfaces",
+		category: "frontend",
+	},
+	{
+		name: "TanStack Router",
+		description: "Type-safe routing",
+		category: "frontend",
 	},
 	{
 		name: "Tailwind CSS",
 		description: "Utility-first CSS framework",
 		category: "frontend",
 	},
-	{ name: "Prisma", description: "Next-generation ORM", category: "database" },
 	{
-		name: "PostgreSQL",
+		name: "shadcn/ui",
-		description: "Advanced open source database",
+		description: "Re-usable components",
+		category: "frontend",
+	},
+	{
+		name: "Hono",
+		description: "Ultrafast web framework",
+		category: "backend",
+	},
+	{
+		name: "Better-Auth",
+		description: "Modern authentication solution",
+		category: "backend",
+	},
+	{
+		name: "Drizzle ORM",
+		description: "TypeScript ORM",
 		category: "database",
 	},
 	{
-		name: "Zod",
+		name: "Prisma",
-		description: "TypeScript-first schema validation",
+		description: "Next-generation ORM",
-		category: "backend",
+		category: "database",
 	},
 	{
-		name: "Auth.js",
+		name: "libSQL",
-		description: "Authentication for the web",
+		description: "SQLite-compatible database engine",
-		category: "backend",
+		category: "database",
-	},
-	{
-		name: "Turborepo",
-		description: "High-performance build system",
-		category: "tooling",
-	},
-	{
-		name: "Docker",
-		description: "Containerization platform",
-		category: "deployment",
-	},
-	{
-		name: "ESLint",
-		description: "Pluggable JavaScript linter",
-		category: "tooling",
-	},
-	{
-		name: "Prettier",
-		description: "Opinionated code formatter",
-		category: "tooling",
 	},
 ];
 
@@ -72,6 +82,7 @@ const categoryIcons = {
 	database: "🗄️",
 	tooling: "🔧",
 	deployment: "🚀",
+	core: "🔑",
 };
 
 export default function TechShowcase() {