Small web style update

Author: fgatti675

website/src/partials/pricing/FireCMSCloudVersions.tsx

@@ -7,7 +7,7 @@ export function FireCMSCloudVersions() {
 
     const freeTier = (
         <div
-            className={clsx("w-full max-w-xl lg:max-w-none h-full p-6 border rounded-lg dark:border-gray-700 flex flex-col", defaultBorderMixin)}>
+            className={clsx("bg-white w-full max-w-xl lg:max-w-none h-full p-6 border rounded-lg dark:border-gray-700 flex flex-col", defaultBorderMixin)}>
 
             <h3 className={"text-3xl md:text-4xl font-bold  text-center text-gray-700 uppercase my-2"}>
                 Free
@@ -38,7 +38,7 @@ export function FireCMSCloudVersions() {
 
     const plusTier = (
         <div
-            className={clsx("w-full max-w-xl lg:max-w-none h-full p-6 rounded-lg flex flex-col outline-none ring-2 ring-primary ring-opacity-75 ring-offset-2 ring-offset-transparent")}>
+            className={clsx("bg-white w-full max-w-xl lg:max-w-none h-full p-6 rounded-lg flex flex-col outline-none ring-2 ring-primary ring-opacity-75 ring-offset-2 ring-offset-transparent")}>
 
             <h3 className={"text-3xl md:text-4xl font-bold text-center text-primary uppercase my-2"}>
                 Plus
@@ -78,7 +78,7 @@ export function FireCMSCloudVersions() {
 
     const proTier = (
         <div
-            className={clsx("w-full max-w-xl lg:max-w-none h-full p-6 border rounded-lg  flex flex-col", defaultBorderMixin)}>
+            className={clsx("bg-white w-full max-w-xl lg:max-w-none h-full p-6 border rounded-lg  flex flex-col", defaultBorderMixin)}>
 
             <h3 className={"text-3xl md:text-4xl font-bold text-center text-gray-700 uppercase my-2"}>
                 Pro
@@ -113,18 +113,17 @@ export function FireCMSCloudVersions() {
                     More info
                 </a>
             </div>
-            <div className={"text-center text-gray-600 w-full"}>
+            <div className={"mt-4 text-center text-gray-600 w-full"}>
                 <span className={"text-2xl font-bold "}>Starting at €29.99</span>
             </div>
         </div>
     );
 
     return <section
-        className={clsx(defaultBorderMixin, "flex flex-col text-gray-900 items-center justify-center text-lg border-0 border-t bg-white")}>
+        className={clsx(defaultBorderMixin, "flex flex-col text-gray-900 items-center justify-center text-lg border-0 border-t bg-gray-50")}>
 
         <div className={clsx(ContainerMixin, ContainerPaddingMixin, "flex flex-col items-center gap-8")}>
 
-
             <h2 className={"h2 mb-3 uppercase font-mono"}>
                 Full no-code/low-code solution
             </h2>