Web updates

Author: fgatti675

website/src/partials/Quotes.tsx

@@ -87,6 +87,7 @@ export const QuotesSection: React.FC = () => {
                                         data-aos="fade-left"
                                         data-aos-delay={i * 50}
                                         className={clsx(
+                                            "bg-white",
                                             "flex flex-col",
                                             "not-italic w-96 min-w-[380px] bg-gray-50 relative flex flex-col items-center justify-center px-8 py-6 rounded-2xl border", defaultBorderMixin)}>
 

website/src/partials/features/SchemaEditorIntro.tsx

@@ -1,8 +1,8 @@
 import React from "react"
 
 // @ts-ignore
-import collectionEditorVideo from "@site/static/img/collection_editor_preview.mp4";
-import { ContainerMixin, ContainerPaddingMixin, CTACaret, CTAOutlinedButtonMixin, defaultBorderMixin } from "../styles";
+import collectionEditorVideo from "@site/static/img/colection_editor.webm";
+import { ContainerMixin, ContainerPaddingMixin, defaultBorderMixin } from "../styles";
 import clsx from "clsx";
 
 export const SchemaEditorIntro = () => {
@@ -54,7 +54,7 @@ export const SchemaEditorIntro = () => {
                 <video
                     style={{
                         pointerEvents: "none",
-                        aspectRatio: 2.415
+                        aspectRatio: 1296 / 699
                     }}
                     className={"rounded-xl"}
                     width="100%" loop autoPlay muted>

website/src/partials/general/Panel.tsx

@@ -17,7 +17,7 @@ export function Panel({
     header?: React.ReactNode,
     children: React.ReactNode,
     footer?: React.ReactNode,
-    color?: "gray" | "dark_gray" | "light_gray" | "white" | "white-to-slate" | "primary" | "secondary" | "light" | "lighter" | "transparent",
+    color?: "gray" | "dark_gray" | "light_gray" | "white" | "white-to-slate" | "primary" | "secondary" | "light" |"light-to-white" | "lighter" | "transparent",
     centered?: boolean,
     includeMargin?: boolean,
     includePadding?: boolean,
@@ -30,6 +30,7 @@ export function Panel({
         color === "white" ? "bg-white text-text-primary" :
             color === "white-to-slate" ? "bg-gradient-to-b from-white to-slate-50 text-text-primary" :
                 color === "light" ? "bg-gray-100 text-text-primary" :
+                color === "light-to-white" ? "bg-gradient-to-b from-gray-100 to-white text-text-primary" :
                     color === "lighter" ? "bg-gray-50 text-text-primary" :
                         color === "light_gray" ? "bg-gray-700 text-white dark:text-white" :
                             color === "gray" ? "bg-gray-800 text-white dark:text-white" :

website/src/partials/home/FirebaseIntro.tsx

@@ -13,7 +13,7 @@ import { LinedSpace } from "../layout/LinedSpace";
 
 function FirebaseIntro() {
     return (
-        <Panel color={"white"}
+        <Panel color={"light-to-white"}
                container={false}
                includePadding={false}
                includeMargin={false}>