fix navbar bg issue improve tech stack section

apps/web/src/lib/constant.ts

@@ -1,6 +1,5 @@
 import {
 	AppWindow,
-	Binary,
 	Boxes,
 	Component,
 	Database,
@@ -15,38 +14,35 @@ export const technologies = [
 	{
 		name: "Bun",
 		category: "core",
-		angle: -60,
+		angle: -25,
 		icon: FastForward,
 		color: "bg-yellow-100",
 		textColor: "text-black",
 		description: "Fast all-in-one JavaScript runtime",
-	},
-	{
-		name: "TypeScript",
-		category: "core",
-		angle: -30,
-		icon: Binary,
-		color: "bg-blue-500",
-		textColor: "text-white",
-		description: "Type safety across the stack",
+		top: "top-[2px]",
+		left: "left-[10rem]",
 	},
 	{
 		name: "tRPC",
 		category: "core",
-		angle: 0,
+		angle: 25,
 		icon: Workflow,
 		color: "bg-blue-600",
 		textColor: "text-white",
 		description: "End-to-end type-safe APIs",
+		left: "left-[5rem]",
 	},
+
 	{
 		name: "TanStack Router",
 		category: "frontend",
-		angle: 60,
+		angle: 30,
 		icon: AppWindow,
 		color: "bg-red-500",
 		textColor: "text-white",
 		description: "Type-safe routing",
+		top: "top-[2px]",
+		left: "left-[7.5rem]",
 	},
 	{
 		name: "Tailwind CSS",
@@ -60,25 +56,28 @@ export const technologies = [
 	{
 		name: "shadcn/ui",
 		category: "frontend",
-		angle: 120,
+		angle: 150,
 		icon: Component,
 		color: "bg-gray-900",
 		textColor: "text-white",
 		description: "Re-usable components",
+		left: "-left-[2rem]",
 	},
+
 	{
 		name: "Hono",
 		category: "backend",
-		angle: 180,
+		angle: -150,
 		icon: ServerCog,
 		color: "bg-orange-500",
 		textColor: "text-white",
 		description: "Ultrafast web framework",
+		left: "left-[0rem]",
 	},
 	{
 		name: "Better-Auth",
 		category: "backend",
-		angle: 210,
+		angle: -110,
 		icon: Lock,
 		color: "bg-indigo-600",
 		textColor: "text-white",
@@ -87,7 +86,7 @@ export const technologies = [
 	{
 		name: "Drizzle ORM",
 		category: "backend",
-		angle: 240,
+		angle: -70,
 		icon: Database,
 		color: "bg-green-400",
 		textColor: "text-black",
@@ -96,10 +95,11 @@ export const technologies = [
 	{
 		name: "libSQL",
 		category: "backend",
-		angle: 270,
+		angle: -30,
 		icon: Boxes,
 		color: "bg-gray-600",
 		textColor: "text-white",
 		description: "SQLite-compatible database engine",
+		left: "left-[6rem]",
 	},
 ];