refactor(dokploy): add analytics and pricing section to website

apps/website/tailwind.config.ts

@@ -10,9 +10,6 @@ const config = {
 	],
 	prefix: "",
 	theme: {
-		// fontFamily: {
-		// 	sans: ["var(--font-sans)", ...fontFamily.sans],
-		// },
 		fontSize: {
 			xs: ["0.75rem", { lineHeight: "1rem" }],
 			sm: ["0.875rem", { lineHeight: "1.5rem" }],
@@ -29,7 +26,7 @@ const config = {
 			"9xl": ["8rem", { lineHeight: "1" }],
 		},
 		container: {
-			center: true,
+			center: "true",
 			padding: "2rem",
 			screens: {
 				"2xl": "1400px",
@@ -75,7 +72,6 @@ const config = {
 				lg: "var(--radius)",
 				md: "calc(var(--radius) - 2px)",
 				sm: "calc(var(--radius) - 4px)",
-
 				"4xl": "2rem",
 			},
 			fontFamily: {
@@ -84,17 +80,34 @@ const config = {
 			},
 			keyframes: {
 				"accordion-down": {
-					from: { height: "0" },
-					to: { height: "var(--radix-accordion-content-height)" },
+					from: {
+						height: "0",
+					},
+					to: {
+						height: "var(--radix-accordion-content-height)",
+					},
 				},
 				"accordion-up": {
-					from: { height: "var(--radix-accordion-content-height)" },
-					to: { height: "0" },
+					from: {
+						height: "var(--radix-accordion-content-height)",
+					},
+					to: {
+						height: "0",
+					},
+				},
+				"shiny-text": {
+					"0%, 90%, 100%": {
+						"background-position": "calc(-100% - var(--shiny-width)) 0",
+					},
+					"30%, 60%": {
+						"background-position": "calc(100% + var(--shiny-width)) 0",
+					},
 				},
 			},
 			animation: {
 				"accordion-down": "accordion-down 0.2s ease-out",
 				"accordion-up": "accordion-up 0.2s ease-out",
+				"shiny-text": "shiny-text 8s infinite",
 			},
 		},
 	},