more reverts

Author: smallbrownbike

package.json

@@ -271,7 +271,7 @@
         "*.{js,ts,tsx}": "eslint",
         "*.{md,mdx}": "markdownlint-cli2 --fix"
     },
-    "packageManager": "pnpm@10.26.2+sha512.0e308ff2005fc7410366f154f625f6631ab2b16b1d2e70238444dd6ae9d630a8482d92a451144debc492416896ed16f7b114a86ec68b8404b2443869e68ffda6",
+    "packageManager": "pnpm@10.23.0+sha512.21c4e5698002ade97e4efe8b8b4a89a8de3c85a37919f957e7a0f30f38fbc5bbdd05980ffe29179b2fb6e6e691242e098d945d1601772cad0fef5fb6411e2a4b",
     "pnpm": {
         "onlyBuiltDependencies": [
             "@parcel/watcher",

src/components/Products/Slides/OverviewSlide/OverviewSlideStacked.tsx

@@ -10,18 +10,13 @@ export default function OverviewSlideStacked({
     Icon,
     hog,
     status,
+    className = '',
 }: OverviewSlideProps) {
     const textColor = overview?.textColor || 'text-primary'
-    const isLLMAnalytics = color === 'purple'
 
     return (
-        <div
-            className={`h-full flex flex-col items-center relative ${
-                isLLMAnalytics ? 'bg-purple' : `bg-${color}`
-            } ${textColor}`}
-        >
-            {isLLMAnalytics && <div className="absolute inset-0 bg-llm-analytics opacity-50" />}
-            <div className="pt-8 px-4 @2xl:pt-12 @2xl:px-8 mb-4 w-full flex flex-col relative z-10">
+        <div className={`h-full flex flex-col items-center relative bg-${color} ${textColor} ${className}`}>
+            <div className="pt-8 px-4 @2xl:pt-12 @2xl:px-8 mb-4 w-full flex flex-col">
                 <div className="flex justify-center items-center gap-2 mb-4">
                     {Icon && <Icon className={`size-16 @2xl:size-10 drop-shadow-xl opacity-80 ${textColor}`} />}
                     <span className={`text-3xl @2xl:text-2xl font-semibold drop-shadow-xl opacity-80 ${textColor}`}>
@@ -47,7 +42,7 @@ export default function OverviewSlideStacked({
                 </p>
             </div>
 
-            <div className="relative flex-1 z-10">
+            <div className="relative flex-1">
                 {screenshots?.overview?.srcMobile ? (
                     <>
                         {/* Show mobile version until @2xl */}

src/components/Products/Slides/OverviewSlide/types.ts

@@ -24,4 +24,5 @@ export interface OverviewSlideProps {
         classes?: string
     }
     status?: string
+    className?: string
 }

src/pages/llm-analytics/index.tsx

@@ -452,6 +452,11 @@ export default function LLMAnalytics(): JSX.Element {
                     belowContent: <AIEngineers />,
                 },
             },
+            overview: {
+                props: {
+                    className: '!bg-purple bg-llm-analytics',
+                },
+            },
         },
     })
 

tailwind.config.js

@@ -57,7 +57,7 @@ module.exports = {
             backgroundImage: {
                 ai: 'radial-gradient(at 84% 83%, hsla(354,99%,77%,1) 0px, transparent 50%), radial-gradient(at 66% 38%, hsla(295,67%,67%,1) 0px, transparent 50%), radial-gradient(at 44% 51%, hsla(149,78%,70%,1) 0px, transparent 50%), radial-gradient(at 41% 14%, hsla(257,76%,72%,1) 0px, transparent 50%), radial-gradient(at 75% 97%, hsla(107,92%,67%,1) 0px, transparent 50%), radial-gradient(at 68% 35%, hsla(237,71%,71%,1) 0px, transparent 50%), radial-gradient(at 42% 23%, hsla(64,65%,79%,1) 0px, transparent 50%)',
                 'llm-analytics':
-                    'radial-gradient(ellipse 80% 60% at 15% 20%, #DE7AFF 0px, transparent 60%), radial-gradient(ellipse 100% 80% at 85% 15%, #EF7D9B 0px, transparent 55%), radial-gradient(ellipse 70% 100% at 90% 85%, #3795FF 0px, transparent 65%), radial-gradient(ellipse 90% 70% at 10% 90%, #40C8D8 0px, transparent 60%), radial-gradient(ellipse 60% 80% at 50% 50%, #DE7AFF 0px, transparent 70%)',
+                    'radial-gradient(ellipse 80% 60% at 15% 20%, #DE7AFF 0px, transparent 40%), radial-gradient(ellipse 100% 80% at 85% 15%, #EF7D9B 0px, transparent 35%), radial-gradient(ellipse 70% 100% at 90% 85%, #3795FF 0px, transparent 45%), radial-gradient(ellipse 90% 70% at 10% 90%, #40C8D8 0px, transparent 40%), radial-gradient(ellipse 60% 80% at 50% 50%, #DE7AFF 0px, transparent 50%)',
                 'trace-monitoring':
                     'radial-gradient(ellipse 80% 90% at 30% 20%, rgba(77, 64, 216, 0.67) 0%, transparent 60%), radial-gradient(ellipse 90% 75% at 70% 80%, rgba(184, 255, 162, 0.75) 0%, transparent 55%), radial-gradient(ellipse 70% 85% at 10% 60%, rgba(122, 149, 255, 0.7) 0%, transparent 65%)',
                 'cost-analysis':