diff --git a/docusaurus.config.en.js b/docusaurus.config.en.js
index ad0d063e997..8cf07d2299d 100644
--- a/docusaurus.config.en.js
+++ b/docusaurus.config.en.js
@@ -302,6 +302,7 @@ const config = {
 
   plugins: [
     "docusaurus-plugin-sass",
+    "./plugins/version-extractor",
     function (context, options) {
       return {
         name: "docusaurus-plugin",
diff --git a/package.json b/package.json
index af6e79be15e..d59e8d7141b 100644
--- a/package.json
+++ b/package.json
@@ -43,7 +43,11 @@
     "@docusaurus/preset-classic": "3.7.0",
     "@docusaurus/theme-mermaid": "3.7.0",
     "@docusaurus/theme-search-algolia": "^3.7.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
     "@mdx-js/react": "^3.1.0",
+    "@mui/material": "^7.3.0",
+    "@mui/styled-engine-sc": "^7.3.0",
     "@radix-ui/react-navigation-menu": "^1.2.13",
     "@redocly/cli": "^1.34.0",
     "axios": "^1.11.0",
@@ -73,6 +77,7 @@
     "sass": "^1.89.1",
     "search-insights": "^2.17.3",
     "short-uuid": "^5.2.0",
+    "styled-components": "^6.1.19",
     "unist-util-visit": "^5.0.0"
   },
   "devDependencies": {
diff --git a/plugins/version-extractor/index.js b/plugins/version-extractor/index.js
new file mode 100644
index 00000000000..a5502f160a7
--- /dev/null
+++ b/plugins/version-extractor/index.js
@@ -0,0 +1,138 @@
+const fs = require('fs');
+const path = require('path');
+
+function extractVersions(siteDir) {
+  // Extract latest OSS version from index.md (2025 changelog)
+  function getLatestOSSVersion() {
+    try {
+      // Check 2025 changelog first (index.md)
+      const changelog2025Path = path.join(siteDir, 'docs/whats-new/changelog/index.md');
+      if (fs.existsSync(changelog2025Path)) {
+        const content = fs.readFileSync(changelog2025Path, 'utf8');
+        
+        // Look for the first version pattern like "25.7"
+        const versionMatch = content.match(/ClickHouse release v(\d+\.\d+)/);
+        if (versionMatch) {
+          const version = versionMatch[1];
+          // Create anchor link (e.g., "25.7" -> "#257")
+          const anchor = version.replace('.', '');
+          return {
+            version: `v${version}`,
+            link: `/docs/whats-new/changelog#${anchor}`
+          };
+        }
+      }
+      
+      // Fallback to 2024 changelog
+      const changelog2024Path = path.join(siteDir, 'docs/whats-new/changelog/2024.md');
+      const content = fs.readFileSync(changelog2024Path, 'utf8');
+      
+      // Look for the first version pattern like "24.12"
+      const versionMatch = content.match(/ClickHouse release (?:v)?(\d+\.\d+)/);
+      const version = versionMatch ? versionMatch[1] : '24.12.1';
+      return {
+        version: `v${version}`,
+        link: `/docs/whats-new/changelog/2024`
+      };
+    } catch (error) {
+      console.warn('Could not extract OSS version:', error.message);
+      return {
+        version: 'v25.7',
+        link: '/docs/whats-new/changelog#257'
+      };
+    }
+  }
+
+  // Extract latest Cloud version from changelog directory
+  function getLatestCloudVersion() {
+    try {
+      const changelogDir = path.join(siteDir, 'docs/cloud/changelogs');
+      const files = fs.readdirSync(changelogDir)
+        .filter(file => file.endsWith('.md'))
+        .map(file => {
+          const match = file.match(/(\d+)_(\d+)\.md$/);
+          if (match) {
+            // Convert "06" to "6", "04" to "4", etc.
+            const major = match[1];
+            const minor = parseInt(match[2], 10).toString();
+            return {
+              version: `${major}.${minor}`,
+              file: file,
+              link: `/docs/changelogs/${major}.${minor}`
+            };
+          }
+          return null;
+        })
+        .filter(Boolean)
+        .sort((a, b) => {
+          // Sort by version number (descending)
+          const [aMajor, aMinor] = a.version.split('.').map(Number);
+          const [bMajor, bMinor] = b.version.split('.').map(Number);
+          
+          if (aMajor !== bMajor) return bMajor - aMajor;
+          return bMinor - aMinor;
+        });
+
+      if (files.length > 0) {
+        return {
+          version: `v${files[0].version}`,
+          link: files[0].link
+        };
+      }
+      
+      return {
+        version: 'v25.6',
+        link: '/docs/changelogs/25.6'
+      };
+    } catch (error) {
+      console.warn('Could not extract Cloud version:', error.message);
+      return {
+        version: 'v25.6',
+        link: '/docs/changelogs/25.6'
+      };
+    }
+  }
+
+  const ossVersionInfo = getLatestOSSVersion();
+  const cloudVersionInfo = getLatestCloudVersion();
+
+  return {
+    oss: {
+      version: ossVersionInfo.version,
+      link: ossVersionInfo.link
+    },
+    cloud: {
+      version: cloudVersionInfo.version,
+      link: cloudVersionInfo.link
+    },
+    generatedAt: new Date().toISOString()
+  };
+}
+
+module.exports = function versionExtractorPlugin(context, options) {
+  return {
+    name: 'version-extractor-plugin',
+    
+    async loadContent() {
+      const versions = extractVersions(context.siteDir);
+      return versions;
+    },
+
+    async contentLoaded({ content, actions }) {
+      const { createData } = actions;
+      
+      // Create a JSON file that can be imported
+      await createData('versions.json', JSON.stringify(content, null, 2));
+      
+      // Also create a JS module for easier importing
+      const jsContent = `export default ${JSON.stringify(content, null, 2)};`;
+      await createData('versions.js', jsContent);
+      
+      console.log('🔍 Extracted versions:', content);
+    },
+
+    getClientModules() {
+      return [];
+    }
+  };
+};
\ No newline at end of file
diff --git a/scripts/settings/beta-settings.sql b/scripts/settings/beta-settings.sql
index 8d376f29178..ec373ab1b54 100644
--- a/scripts/settings/beta-settings.sql
+++ b/scripts/settings/beta-settings.sql
@@ -13,7 +13,7 @@ WITH
 FROM system.settings
 WHERE tier = 'Beta'
 AND alias_for=''
-AND NOT (name LIKE 'vector_search_with_rescoring' OR name LIKE 'vector_search_postfilter_multiplier' OR name LIKE 'vector_search_index_fetch_multiplier')),
+AND NOT (name LIKE 'vector_search_with_rescoring' OR name LIKE 'vector_search_postfilter_multiplier' OR name LIKE 'vector_search_index_fetch_multiplier' OR name LIKE 'allow_experimental_vector_similarity_index')),
     beta_mergetree_settings AS
     (
 SELECT
diff --git a/src/css/custom.scss b/src/css/custom.scss
index 9161e8722e0..fb284b91958 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -141,6 +141,10 @@ body {
   color: white;
 }
 
+.footer {
+  z-index: 100;
+}
+
 [data-theme='dark'] .footer {
   background-color: var(--click-color-background);
 }
diff --git a/src/css/default.scss b/src/css/default.scss
index 08bdf0e4814..769a92c0a97 100644
--- a/src/css/default.scss
+++ b/src/css/default.scss
@@ -114,6 +114,7 @@
   --icon: none;
 }
 
+
 /* Add dark theme */
 [data-theme='dark'] {
   --ifm-menu-color: #FFFFF;
diff --git a/src/hooks/useAnchorFix.js b/src/hooks/useAnchorFix.js
index b1eb138ac0c..36cc467fd87 100644
--- a/src/hooks/useAnchorFix.js
+++ b/src/hooks/useAnchorFix.js
@@ -12,7 +12,9 @@ export function useAnchorFix() {
             if (hash) {
                 // Wait for content to load, then scroll
                 setTimeout(() => {
-                    const element = document.querySelector(hash);
+                    // CSS selectors that start with a digit are invalid, so we need to escape them
+                    const escapedHash = hash.replace(/^#(\d)/, '#\\3$1 ');
+                    const element = document.querySelector(escapedHash);
                     if (element) {
                         element.scrollIntoView({ behavior: 'smooth' });
                     }
diff --git a/src/hooks/useVersions.js b/src/hooks/useVersions.js
new file mode 100644
index 00000000000..c84837edc64
--- /dev/null
+++ b/src/hooks/useVersions.js
@@ -0,0 +1,29 @@
+import { useState, useEffect } from 'react';
+
+// Hook to get version information
+export function useVersions() {
+  const [versions, setVersions] = useState({
+    oss: { version: 'v24.12.1', link: '/docs/whats-new/changelog' },
+    cloud: { version: 'v25.6', link: '/docs/changelogs/25.6' }
+  });
+
+  useEffect(() => {
+    // Try to load the generated versions data
+    const loadVersions = async () => {
+      try {
+        // This will work when the plugin generates the data
+        const versionData = await import('@generated/version-extractor-plugin/default/versions.js');
+        if (versionData.default) {
+          setVersions(versionData.default);
+        }
+      } catch (error) {
+        console.warn('Could not load generated versions, using defaults:', error);
+        // Fallback to defaults already set in useState
+      }
+    };
+
+    loadVersions();
+  }, []);
+
+  return versions;
+}
\ No newline at end of file
diff --git a/src/pages/homepage_styles.module.scss b/src/pages/homepage_styles.module.scss
new file mode 100644
index 00000000000..6c47a1efd73
--- /dev/null
+++ b/src/pages/homepage_styles.module.scss
@@ -0,0 +1,239 @@
+@use '../css/breakpoints.scss' as breakpoints;
+
+.yellowStrip {
+  height: 3px;
+  background: linear-gradient(to right, transparent, #faff69, transparent);
+  width: 100%;
+}
+
+.topLevelContainer {
+  position: absolute;
+  left: 0;
+  top: 4rem;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  padding-bottom: 60px;
+}
+
+@media (min-width: breakpoints.$laptop-breakpoint) {
+  .topLevelContainer {
+    top: 7.5rem;
+  }
+}
+
+[data-theme='dark'] .topLevelContainer {
+  background-color: #1a1a1a;
+}
+
+.exploreDocs {
+  width: 100%;
+  max-width: 1000px;
+  margin-bottom: 2rem;
+  margin-top: 2rem;
+}
+
+.panel {
+  margin: 0px 5px;
+  background-color: rgba(0, 0, 0, 0);
+  box-shadow: lch(6.77 0 0 / 0.15) 0px 4px 6px -1px, lch(6.77 0 0 / 0.15) 0px 2px 4px -1px;
+  padding: 1rem;
+  border-radius: 10px;
+  margin: 0px 20px;
+}
+
+[data-theme='dark'] .panel {
+  border: 1px solid rgb(50, 50, 50);
+}
+
+[data-theme='light'] .panel {
+  border: 1px solid rgb(230, 231, 233);
+}
+
+.panel_links {
+  display: flex;
+  flex-direction: column;
+  font-size: 16px;
+}
+
+.panel_heading {
+  display: flex;
+
+  h2 {
+    margin-left: 16px;
+  }
+}
+
+.navatticDemoSection {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  max-width: 1000px;
+  margin-bottom: 6rem;
+}
+
+.heroSection {
+  display: flex;
+  flex-direction: column;
+  justify-items: center;
+  align-items: center;
+  max-width: 600px;
+
+  h2 {
+    text-align: center;
+  }
+
+  .logo {
+    width: 300px;
+    height: auto;
+  }
+
+  [data-theme='dark'] .logo {
+    color: white;
+  }
+
+  [data-theme='light'] .logo {
+    color: black !important;
+  }
+}
+
+
+.navatticDemo {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 90%;
+}
+
+/* Styling for the browser window illusion around the demo */
+
+.browser_mockup {
+  background: #f6f8fa;
+  border-radius: 8px;
+  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
+  width: 90%;
+  max-width: 1200px;
+  overflow: hidden;
+  position: relative;
+}
+
+.browser_header {
+  background: linear-gradient(180deg, #e8e8e8 0%, #d1d1d1 100%);
+  padding: 12px 16px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  border-bottom: 1px solid #c0c0c0;
+}
+
+.traffic_lights {
+  display: flex;
+  gap: 8px;
+}
+
+.traffic_light {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.close {
+  background: #ff5f57;
+  background: linear-gradient(135deg, #ff6b5a, #ff4d3d);
+}
+
+.minimize {
+  background: #ffbd2e;
+  background: linear-gradient(135deg, #ffc843, #ffab00);
+}
+
+.maximize {
+  background: #28ca42;
+  background: linear-gradient(135deg, #32d74b, #1eb932);
+}
+
+.address_bar {
+  flex: 1;
+  background: white;
+  border: 1px solid #ccc;
+  border-radius: 6px;
+  padding: 6px 12px;
+  font-size: 13px;
+  color: #666;
+  margin-left: 20px;
+  position: relative;
+}
+
+.address_bar::before {
+  content: "🔒";
+  position: absolute;
+  left: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  font-size: 11px;
+}
+
+.address_bar_text {
+  margin-left: 18px;
+}
+
+.browser_controls {
+  display: flex;
+  gap: 8px;
+  margin-left: 12px;
+}
+
+.control_btn {
+  width: 28px;
+  height: 28px;
+  border-radius: 4px;
+  background: transparent;
+  border: 1px solid transparent;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  font-size: 14px;
+  color: #666;
+}
+
+.control_btn:hover {
+  background: rgba(0, 0, 0, 0.05);
+  border-color: rgba(0, 0, 0, 0.1);
+}
+
+.browser_content {
+  background: white;
+  position: relative;
+  height: 600px;
+}
+
+.try_it_out {
+  position: relative;
+  top: 15px;
+  left: -50px;
+  width: 135px;
+  background: #fdff73;
+  color: black;
+  padding: 8px 16px;
+  border-radius: 20px;
+  font-size: 13px;
+  font-weight: 600;
+  white-space: nowrap;
+  z-index: 10;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+  transform: rotate(0);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.try_it_out::after {
+  content: '⤵';
+  font-size: 16px;
+}
+
diff --git a/src/pages/index.js b/src/pages/index.js
new file mode 100644
index 00000000000..ad930b05455
--- /dev/null
+++ b/src/pages/index.js
@@ -0,0 +1,932 @@
+import React from 'react';
+import Layout from '@theme/Layout';
+import homepage_styles from './homepage_styles.module.scss'
+import {useColorMode} from "@docusaurus/theme-common";
+import Link from '@docusaurus/Link';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+import { useVersions } from '@site/src/hooks/useVersions';
+import ClickHouseLogoDark from '@site/static/img/ch_logo_docs_dark.svg';
+import ClickHouseLogoLight from '@site/static/img/ch_logo_docs.svg';
+import ClickHouseLogo from '@site/src/icons/ClickHouseLogo';
+import SearchBar from '@theme/SearchBar';
+import clsx from 'clsx';
+import Card from '@mui/material/Card';
+import CardContent from '@mui/material/CardContent';
+import CardMedia from '@mui/material/CardMedia';
+import CardActionArea from '@mui/material/CardActionArea';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import Button from '@mui/material/Button';
+import Grid from '@mui/material/Grid';
+import ColorModeToggle from "@theme-original/ColorModeToggle";
+import { ThemeProvider, createTheme } from '@mui/material/styles';
+import CssBaseline from '@mui/material/CssBaseline';
+
+
+const NavatticDemo = ({
+  demoId = "cmbj9y9dx000004lbbeus84ns",
+  width = "100%",
+  height = "600px",
+  className = ""
+}) => {
+    const src = `https://capture.navattic.com/${demoId}`;
+    return (
+        <div>
+            <div className={homepage_styles.try_it_out}>Try out Cloud</div>
+            <div className={homepage_styles.browser_header}>
+                <div className={homepage_styles.traffic_lights}>
+                    <div className={clsx(homepage_styles.traffic_light, homepage_styles.close)}></div>
+                    <div className={clsx(homepage_styles.traffic_light, homepage_styles.minimize)}></div>
+                    <div className={clsx(homepage_styles.traffic_light, homepage_styles.maximize)}></div>
+                </div>
+
+                <div className={homepage_styles.address_bar}>
+                    <div className={homepage_styles.address_bar_text}>https://console.clickhouse.cloud</div>
+                </div>
+            </div>
+
+            <div className={homepage_styles.browser_content}>
+                <div className={homepage_styles.navatticDemo} style={{height}}>
+                    <iframe
+                        src={src}
+                        style={{
+                            border: 'none',
+                            width: '100%',
+                            height: '100%'
+                        }}
+                        data-navattic-demo-id={demoId}
+                        allow="fullscreen"
+                        title="Navattic Interactive Demo"
+                        loading="lazy"
+                    />
+                </div>
+            </div>
+        </div>
+    );
+};
+
+// Sparkle Icon Component
+const SparkleIcon = ({ size = 20, color = 'currentColor' }) => (
+    <svg 
+        width={size} 
+        height={size} 
+        viewBox="0 0 24 24" 
+        fill={color}
+    >
+        <path d="M12 0l3.09 6.91L22 10l-6.91 3.09L12 20l-3.09-6.91L2 10l6.91-3.09L12 0z"/>
+        <path d="M19 0l1.5 3.5L24 5l-3.5 1.5L19 10l-1.5-3.5L14 5l3.5-1.5L19 0z"/>
+        <path d="M7 14l1 2.5L11 17l-3 1.5L7 21l-1-2.5L3 17l3-1.5L7 14z"/>
+    </svg>
+);
+
+// Migration Option Button Component with Gradient Overlay
+const MigrationOptionButton = ({ icon, link, children }) => {
+    return (
+        <Card 
+            component={Link}
+            to={link}
+            sx={{
+                width: '100%',
+                height: '100%',
+                aspectRatio: '1',
+                position: 'relative',
+                display: 'flex',
+                textDecoration: 'none',
+                color: 'inherit',
+                boxShadow: 2,
+                borderRadius: 1,
+                overflow: 'hidden',
+                '&:hover': {
+                    textDecoration: 'none',
+                    color: 'inherit',
+                    boxShadow: 4,
+                    transform: 'translateY(-1px)',
+                    transition: 'all 0.2s ease-in-out'
+                }
+            }}
+        >
+            {/* Background Image/Icon */}
+            <Box
+                sx={{
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    backgroundColor: 'background.paper',
+                }}
+            >
+                <img 
+                    src={useBaseUrl(icon)} 
+                    alt={children}
+                    style={{ 
+                        width: '40px', 
+                        height: '40px', 
+                        objectFit: 'contain',
+                        opacity: 0.7 
+                    }}
+                />
+            </Box>
+            
+            {/* Gradient Overlay */}
+            <Box
+                sx={{
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    background: 'linear-gradient(to top, rgba(0,0,0,0.4), rgba(0,0,0,0) 40%)',
+                }}
+            />
+            
+            {/* Content */}
+            <CardContent sx={{ 
+                position: 'relative',
+                zIndex: 2,
+                display: 'flex',
+                alignItems: 'flex-end',
+                justifyContent: 'center',
+                flex: 1,
+                padding: '8px !important',
+                minWidth: 0
+            }}>
+                <Typography variant="body2" sx={{ 
+                    fontWeight: 600, 
+                    fontSize: '12px', 
+                    lineHeight: 1.1,
+                    color: '#fff',
+                    textAlign: 'center',
+                    textShadow: '0 1px 2px rgba(0,0,0,0.7)'
+                }}>
+                    {children}
+                </Typography>
+            </CardContent>
+        </Card>
+    );
+};
+
+const HeroSection = () => {
+    const { colorMode } = useColorMode();
+    const handleAskAIClick = () => {
+        // Open Kapa widget with the correct API
+        if (window.Kapa && window.Kapa.open) {
+            window.Kapa.open({
+                mode: "ai"
+            });
+        } else {
+            console.warn('Kapa widget not available. Make sure the widget script has loaded.');
+        }
+    };
+
+    const LogoComponent = colorMode === 'dark' ? ClickHouseLogoDark : ClickHouseLogoLight;
+
+    return (
+        <Box sx={{
+            display: 'grid',
+            gridTemplateColumns: { xs: '1fr', sm: 'repeat(2, 1fr)', md: 'repeat(3, 1fr)' },
+            alignItems: 'center',
+            minHeight: '260px',
+            padding: '10px 16px 0px 16px',
+            maxWidth: '1000px',
+            margin: '0 auto',
+            gap: 3,
+            '@media (max-width: 768px)': {
+                gridTemplateColumns: '1fr',
+                textAlign: 'center',
+                padding: '60px 24px 30px 24px',
+                gap: 3
+            }
+        }}>
+            {/* Left side - Logo and Text (matches Get Started column width) */}
+            <Box sx={{ 
+                '@media (max-width: 768px)': {
+                    gridColumn: '1'
+                }
+            }}>
+                <Box sx={{ marginBottom: 2 }}>
+                    <ClickHouseLogo />
+                </Box>
+                <Typography 
+                    variant="h5" 
+                    sx={{ 
+                        fontSize: { xs: '1rem', sm: '1.1rem', md: '1.2rem' },
+                        fontWeight: 400,
+                        color: 'text.secondary',
+                        lineHeight: 1.4
+                    }}
+                >
+                    Documentation for the fastest and most resource efficient real-time data warehouse and open-source database.
+                </Typography>
+            </Box>
+            
+            {/* Right side - Search and Ask AI (spans Learn and Reference columns) */}
+            <Box sx={{ 
+                gridColumn: { xs: '1', sm: '1 / span 2', md: '2 / span 2' },
+                display: 'flex',
+                alignItems: 'center',
+                gap: 2,
+                padding: '0 60px',
+                '@media (max-width: 768px)': {
+                    gridColumn: '1',
+                    flexDirection: 'column',
+                    alignItems: 'stretch',
+                    gap: 2,
+                    padding: '0'
+                }
+            }}>
+                <Box sx={{ flex: 1, maxWidth: '500px' }}>
+                    <SearchBar/>
+                </Box>
+                <Button
+                    variant="contained"
+                    onClick={handleAskAIClick}
+                    sx={{
+                        height: '36px',
+                        minWidth: '100px',
+                        borderRadius: '8px',
+                        padding: '8px 20px',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        gap: '8px',
+                        textTransform: 'none',
+                        backgroundColor: '#faff69',
+                        color: '#000000',
+                        whiteSpace: 'nowrap',
+                        boxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)',
+                        fontWeight: 600,
+                        flexShrink: 0,
+                        '&:hover': {
+                            backgroundColor: '#f5f464',
+                            boxShadow: '0 4px 12px rgba(0, 0, 0, 0.2)',
+                        },
+                    }}
+                >
+                    <img 
+                        src={useBaseUrl('/images/homepage/ai.png')} 
+                        alt="Ask AI"
+                        style={{ 
+                            width: '16px', 
+                            height: '16px', 
+                            objectFit: 'contain',
+                            filter: 'brightness(0)'
+                        }}
+                    />
+                    Ask AI
+                </Button>
+            </Box>
+        </Box>
+    );
+}
+const NavatticDemoSection = () => {
+    return(
+        <div className={homepage_styles.navatticDemoSection}>
+            <NavatticDemo/>
+        </div>
+    )
+};
+
+const ExploreDocs = () => {
+    const { colorMode } = useColorMode();
+    const versions = useVersions();
+    const versionColor = colorMode === 'dark' ? '#faff69' : '#1976d2';
+    
+    return (
+        <div className={homepage_styles.exploreDocs}>
+            <Box sx={{ 
+                padding: '0 16px',
+                minHeight: '400px',
+                maxWidth: '1000px',
+                margin: '0 auto'
+            }}>
+                {/* Unified Grid Layout */}
+                <Box sx={{ 
+                    display: 'grid',
+                    gridTemplateColumns: { xs: '1fr', sm: 'repeat(2, 1fr)', md: 'repeat(3, 1fr)' },
+                    gridTemplateRows: 'auto auto auto auto auto',
+                    gap: 3
+                }}>
+                    {/* Get Started Card - Row 1, Column 1 */}
+                    <Card sx={{ 
+                        height: '300px',
+                        backgroundColor: 'background.paper',
+                        color: 'text.primary',
+                        boxShadow: 3,
+                        '&:hover': {
+                            boxShadow: 6,
+                        },
+                        display: 'flex',
+                        flexDirection: 'column'
+                    }}>
+                        <CardActionArea sx={{ height: '100%', display: 'flex', flexDirection: 'column', alignItems: 'stretch' }}>
+                            <CardMedia
+                                component="img"
+                                height="100"
+                                sx={{ width: '100%' }}
+                                image={useBaseUrl('/images/homepage/get_started.png')}
+                                alt="Learn ClickHouse"
+                            />
+                            <CardContent sx={{ 
+                                color: 'text.primary',
+                                flex: 1,
+                                display: 'flex',
+                                flexDirection: 'column'
+                            }}>
+                                <div>
+                                    <h3>Get Started</h3>
+                                    <p>Learn the basics of ClickHouse</p>
+                                </div>
+                                <div style={{ marginTop: 'auto', paddingTop: '12px' }}>
+                                    <Link to="/getting-started/quick-start/cloud" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Quick start</Link>
+                                    <Link to="/cloud/get-started" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>ClickHouse Cloud</Link>
+                                    <Link to="/install" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Installation</Link>
+                                    <Link to="/deployment-modes" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Deployment modes</Link>
+                                    <Link to="/getting-started/example-datasets" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Example datasets</Link>
+                                </div>
+                            </CardContent>
+                        </CardActionArea>
+                    </Card>
+
+                    {/* Learn Card - Row 1, Column 2 */}
+                    <Card sx={{ 
+                        height: '300px',
+                        backgroundColor: 'background.paper',
+                        color: 'text.primary',
+                        boxShadow: 3,
+                        '&:hover': {
+                            boxShadow: 6,
+                        },
+                        display: 'flex',
+                        flexDirection: 'column'
+                    }}>
+                        <CardActionArea sx={{ height: '100%', display: 'flex', flexDirection: 'column', alignItems: 'stretch' }}>
+                            <CardMedia
+                                component="img"
+                                height="100"
+                                sx={{ width: '100%' }}
+                                image={useBaseUrl('/images/homepage/learn.png')}
+                                alt="Learn ClickHouse"
+                            />
+                            <CardContent sx={{ 
+                                color: 'text.primary',
+                                flex: 1,
+                                display: 'flex',
+                                flexDirection: 'column'
+                            }}>
+                                <div>
+                                    <h3>Learn</h3>
+                                    <p>Explore concepts and best practices</p>
+                                </div>
+                                <div style={{ marginTop: 'auto', paddingTop: '12px' }}>
+                                    <Link to="/managing-data/core-concepts" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Core concepts</Link>
+                                    <Link to="/data-modeling/overview" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Data modelling</Link>
+                                    <Link to="/best-practices" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Best practices</Link>
+                                    <Link to="/operations/overview" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Performance & optimization</Link>
+                                    <Link to="/guides/developer/overview" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Advanced guides</Link>
+                                </div>
+                            </CardContent>
+                        </CardActionArea>
+                    </Card>
+
+                    {/* Reference Card - Row 1, Column 3 */}
+                    <Card sx={{ 
+                        height: '300px',
+                        backgroundColor: 'background.paper',
+                        color: 'text.primary',
+                        boxShadow: 3,
+                        '&:hover': {
+                            boxShadow: 6,
+                        },
+                        display: 'flex',
+                        flexDirection: 'column'
+                    }}>
+                        <CardActionArea sx={{ height: '100%', display: 'flex', flexDirection: 'column', alignItems: 'stretch' }}>
+                            <CardMedia
+                                component="img"
+                                height="100"
+                                sx={{ width: '100%' }}
+                                image={useBaseUrl('/images/homepage/reference.png')}
+                                alt="ClickHouse Reference"
+                            />
+                            <CardContent sx={{ 
+                                color: 'text.primary',
+                                flex: 1,
+                                display: 'flex',
+                                flexDirection: 'column'
+                            }}>
+                                <div>
+                                    <h3>Reference</h3>
+                                    <p>Reference docs for everyday use</p>
+                                </div>
+                                <div style={{ marginTop: 'auto', paddingTop: '12px', display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '8px' }}>
+                                    <Link to="/sql-reference/statements" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>SQL reference</Link>
+                                    <Link to="/sql-reference/functions" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Functions</Link>
+                                    <Link to="/engines" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Engines</Link>
+                                    <Link to="/sql-reference/data-types" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Data types</Link>
+                                    <Link to="/operations/settings/settings" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Settings</Link>
+                                    <Link to="/operations/server-configuration-parameters/settings" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Server settings</Link>
+                                    <Link to="/operations/system-tables" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>System tables</Link>
+                                </div>
+                            </CardContent>
+                        </CardActionArea>
+                    </Card>
+
+                    {/* Migrate Card - Row 2, Columns 1-2 (spans 2 columns) */}
+                    <Card sx={{ 
+                        gridColumn: { xs: '1', sm: '1 / span 2', md: '1 / span 2' },
+                        height: '180px',
+                        backgroundColor: 'background.paper',
+                        color: 'text.primary',
+                        boxShadow: 3,
+                        '&:hover': {
+                            boxShadow: 6,
+                        },
+                        display: 'flex',
+                        flexDirection: 'row',
+                        overflow: 'hidden'
+                    }}>
+                        {/* Left side - Full height image outside padding */}
+                        <CardMedia
+                            component="img"
+                            sx={{ 
+                                width: 120,
+                                height: '100%',
+                                objectFit: 'cover',
+                                flexShrink: 0
+                            }}
+                            image={useBaseUrl('/images/homepage/migration_icon.png')}
+                            alt="Migration"
+                        />
+                        
+                        <CardContent sx={{ 
+                            backgroundColor: 'background.paper',
+                            color: 'text.primary',
+                            flex: 1,
+                            display: 'flex',
+                            flexDirection: 'row',
+                            padding: '16px',
+                            gap: 3
+                        }}>
+                            {/* Text content */}
+                            <Box sx={{ 
+                                flex: '0 0 auto',
+                                display: 'flex',
+                                flexDirection: 'column',
+                                justifyContent: 'flex-start',
+                                minWidth: '160px',
+                                maxWidth: '180px'
+                            }}>
+                                <h3 style={{ margin: '0 0 3px 0', fontSize: '18px' }}>Migrate</h3>
+                                <p style={{ fontSize: '13px', margin: '0 0 0 0', color: 'text.secondary', lineHeight: 1.3 }}>
+                                    Get your data into ClickHouse
+                                </p>
+                                <Link 
+                                    to="/docs/integrations" 
+                                    style={{ 
+                                        fontSize: '11px', 
+                                        textDecoration: 'none',
+                                        color: 'inherit',
+                                        opacity: 0.8
+                                    }}
+                                >
+                                    View all integrations →
+                                </Link>
+                            </Box>
+                            
+                            {/* Right side - 3x2 Grid of square gradient cards */}
+                            <Box sx={{ 
+                                flex: 1, 
+                                display: 'flex', 
+                                justifyContent: 'flex-end',
+                                alignItems: 'center'
+                            }}>
+                                <Box sx={{ 
+                                    display: 'grid', 
+                                    gridTemplateColumns: 'repeat(4, 1fr)',
+                                    gridTemplateRows: 'repeat(2, 1fr)',
+                                    gap: 1,
+                                    width: '100%',
+                                    maxWidth: '320px',
+                                    height: '100%'
+                                }}>
+                                    <MigrationOptionButton
+                                        icon="/docs/images/logo-postgres.svg"
+                                        link="/docs/integrations/clickpipes/postgres"
+                                    >
+                                        Postgres
+                                    </MigrationOptionButton>
+                                    <MigrationOptionButton 
+                                        icon="/docs/images/logo-snowflake.svg"
+                                        link="/docs/migrations/snowflake"
+                                    >
+                                        Snowflake
+                                    </MigrationOptionButton>
+                                    <MigrationOptionButton 
+                                        icon="/docs/images/logo-bigquery.svg"
+                                        link="/docs/migrations/bigquery"
+                                    >
+                                        BigQuery
+                                    </MigrationOptionButton>
+                                    <MigrationOptionButton 
+                                        icon="/docs/images/logo-redshift.svg"
+                                        link="/docs/integrations/redshift"
+                                    >
+                                        Redshift
+                                    </MigrationOptionButton>
+                                    <MigrationOptionButton 
+                                        icon="/docs/images/logo-mysql.svg"
+                                        link="/docs/integrations/clickpipes/mysql"
+                                    >
+                                        MySQL
+                                    </MigrationOptionButton>
+                                    <MigrationOptionButton 
+                                        icon="/docs/images/logo-elastic.svg"
+                                        link="/docs/use-cases/observability/clickstack/migration/elastic"
+                                    >
+                                        Elastic
+                                    </MigrationOptionButton>
+                                    <MigrationOptionButton 
+                                        icon="/docs/images/logo-mongo.svg"
+                                        link="/docs/integrations/clickpipes/mongodb"
+                                    >
+                                        Mongo
+                                    </MigrationOptionButton>
+                                    <MigrationOptionButton
+                                        icon="/docs/images/logo-druid.png"
+                                        link="/docs"
+                                    >
+                                        Druid
+                                    </MigrationOptionButton>
+                                </Box>
+                            </Box>
+                        </CardContent>
+                    </Card>
+
+                    {/* Featured Section Title - Row 3, spans all 3 columns */}
+                    <Box sx={{ 
+                        gridRow: 3,
+                        gridColumn: { xs: '1', sm: '1 / span 2', md: '1 / span 3' },
+                        marginBottom: 1,
+                        marginTop: 2
+                    }}>
+                        <Typography variant="h4" sx={{ fontWeight: 600, fontSize: '24px' }}>
+                            Featured
+                        </Typography>
+                    </Box>
+
+                    {/* Featured Card 1 - Row 4, Column 1 */}
+                    <Card 
+                        component={Link}
+                        to="/integrations/clickpipes/mongodb"
+                        sx={{ 
+                            gridRow: 4,
+                            gridColumn: 1,
+                            height: '300px',
+                            backgroundColor: 'background.paper',
+                            color: 'text.primary',
+                            boxShadow: 3,
+                            textDecoration: 'none',
+                            '&:hover': {
+                                boxShadow: 6,
+                                textDecoration: 'none',
+                                color: 'inherit',
+                            },
+                            display: 'flex',
+                            flexDirection: 'column'
+                        }}>
+                        <CardActionArea sx={{ height: '100%', display: 'flex', flexDirection: 'column', alignItems: 'stretch' }}>
+                            <CardMedia
+                                component="img"
+                                height="100"
+                                sx={{ width: '100%' }}
+                                image={useBaseUrl('/images/homepage/mongodb_feature.png')}
+                                alt="Feature 1"
+                            />
+                            <CardContent sx={{ 
+                                color: 'text.primary',
+                                flex: 1,
+                                display: 'flex',
+                                flexDirection: 'column'
+                            }}>
+                                <div>
+                                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, marginBottom: 1 }}>
+                                        <Typography
+                                            variant="caption"
+                                            sx={{
+                                                backgroundColor: '#e3f2fd',
+                                                color: '#1976d2',
+                                                padding: '1px 6px',
+                                                borderRadius: '8px',
+                                                fontSize: '9px',
+                                                fontWeight: 600,
+                                                textTransform: 'uppercase',
+                                                letterSpacing: '0.3px'
+                                            }}
+                                        >
+                                            Tutorial
+                                        </Typography>
+                                    </Box>
+                                    <h3>MongoDB CDC to ClickHouse with Native JSON Support</h3>
+                                    <p>We're excited to announce the private preview of the MongoDB Change Data Capture (CDC) connector in ClickPipes! Enabling customers to replicate their MongoDB collections to ClickHouse Cloud in just a few clicks. </p>
+                                </div>
+                                <Link
+                                    to="/integrations/clickpipes/mongodb"
+                                    style={{
+                                        color: 'var(--click-color-link)',
+                                        textDecoration: 'none',
+                                        fontSize: '14px',
+                                        fontWeight: 600,
+                                        marginTop: 'auto',
+                                        paddingTop: '8px',
+                                        display: 'block'
+                                    }}
+                                >
+                                    Read more →
+                                </Link>
+                            </CardContent>
+                        </CardActionArea>
+                    </Card>
+
+                    {/* Featured Card 2 - Row 4, Column 2 */}
+                    <Card 
+                        component={Link}
+                        to="/use-cases/AI/MCP/remote_mcp"
+                        sx={{ 
+                            gridRow: 4,
+                            gridColumn: 2,
+                            height: '300px',
+                            backgroundColor: 'background.paper',
+                            color: 'text.primary',
+                            boxShadow: 3,
+                            textDecoration: 'none',
+                            '&:hover': {
+                                boxShadow: 6,
+                                textDecoration: 'none',
+                                color: 'inherit',
+                            },
+                            display: 'flex',
+                            flexDirection: 'column'
+                        }}>
+                        <CardActionArea sx={{ height: '100%', display: 'flex', flexDirection: 'column', alignItems: 'stretch' }}>
+                            <CardMedia
+                                component="img"
+                                height="100"
+                                sx={{ width: '100%' }}
+                                image={useBaseUrl('/images/homepage/remote_mcp_featured.png')}
+                                alt="Feature 2"
+                            />
+                            <CardContent sx={{ 
+                                color: 'text.primary',
+                                flex: 1,
+                                display: 'flex',
+                                flexDirection: 'column'
+                            }}>
+                                <div>
+                                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, marginBottom: 1 }}>
+                                        <Typography
+                                            variant="caption"
+                                            sx={{
+                                                backgroundColor: '#fff3e0',
+                                                color: '#f57c00',
+                                                padding: '1px 6px',
+                                                borderRadius: '8px',
+                                                fontSize: '9px',
+                                                fontWeight: 600,
+                                                textTransform: 'uppercase',
+                                                letterSpacing: '0.3px'
+                                            }}
+                                        >
+                                            Guide
+                                        </Typography>
+                                    </Box>
+                                    <h3>Enabling the ClickHouse Cloud Remote MCP Server</h3>
+                                    <p>This guide explains how to enable and use the ClickHouse Cloud Remote MCP Server. We will use Claude Code as an MCP Client for this example.</p>
+                                </div>
+                                <Link
+                                    to="/use-cases/AI/MCP/remote_mcp"
+                                    style={{
+                                        color: 'var(--click-color-link)',
+                                        textDecoration: 'none',
+                                        fontSize: '14px',
+                                        fontWeight: 600,
+                                        marginTop: 'auto',
+                                        paddingTop: '8px',
+                                        display: 'block'
+                                    }}
+                                >
+                                    Read more →
+                                </Link>
+                            </CardContent>
+                        </CardActionArea>
+                    </Card>
+
+                    {/* Featured Card 3 - Row 4, Column 3 */}
+                    <Card 
+                        component={Link}
+                        to="/best-practices/use-json-where-appropriate"
+                        sx={{ 
+                            gridRow: 4,
+                            gridColumn: 3,
+                            height: '300px',
+                            backgroundColor: 'background.paper',
+                            color: 'text.primary',
+                            boxShadow: 3,
+                            textDecoration: 'none',
+                            '&:hover': {
+                                boxShadow: 6,
+                                textDecoration: 'none',
+                                color: 'inherit',
+                            },
+                            display: 'flex',
+                            flexDirection: 'column'
+                        }}>
+                        <CardActionArea sx={{ height: '100%', display: 'flex', flexDirection: 'column', alignItems: 'stretch' }}>
+                            <CardMedia
+                                component="img"
+                                height="100"
+                                sx={{ width: '100%' }}
+                                image={useBaseUrl('/images/homepage/json_featured.png')}
+                                alt="Feature 3"
+                            />
+                            <CardContent sx={{ 
+                                color: 'text.primary',
+                                flex: 1,
+                                display: 'flex',
+                                flexDirection: 'column'
+                            }}>
+                                <div>
+                                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, marginBottom: 1 }}>
+                                        <Typography
+                                            variant="caption"
+                                            sx={{
+                                                backgroundColor: '#e8f5e8',
+                                                color: '#2e7d32',
+                                                padding: '1px 6px',
+                                                borderRadius: '8px',
+                                                fontSize: '9px',
+                                                fontWeight: 600,
+                                                textTransform: 'uppercase',
+                                                letterSpacing: '0.3px'
+                                            }}
+                                        >
+                                            Best Practice
+                                        </Typography>
+                                    </Box>
+                                    <h3>Use JSON where appropriate</h3>
+                                    <p>Wondering when to use the native JSON type over other types? In this guide we'll explain when you should and shouldn't make use of JSON.</p>
+                                </div>
+                                <Link
+                                    to="/best-practices/use-json-where-appropriate"
+                                    style={{
+                                        color: 'var(--click-color-link)',
+                                        textDecoration: 'none',
+                                        fontSize: '14px',
+                                        fontWeight: 600,
+                                        marginTop: 'auto',
+                                        paddingTop: '8px',
+                                        display: 'block'
+                                    }}
+                                >
+                                    Read more →
+                                </Link>
+                            </CardContent>
+                        </CardActionArea>
+                    </Card>
+                    
+                    {/* Changelog Cards Container - Row 2, Column 3 */}
+                    <Box sx={{ 
+                        gridRow: 2,
+                        gridColumn: 3,
+                        display: 'flex', 
+                        flexDirection: 'column', 
+                        gap: 2
+                    }}>
+                        <Card 
+                            component={Link}
+                            to={versions.cloud.link}
+                            sx={{ 
+                                height: '80px',
+                                display: 'flex',
+                                backgroundColor: 'background.paper',
+                                color: 'text.primary',
+                                boxShadow: 3,
+                                textDecoration: 'none',
+                                '&:hover': {
+                                    boxShadow: 6,
+                                    textDecoration: 'none',
+                                    color: 'inherit',
+                                }
+                            }}>
+                            <CardMedia
+                                component="img"
+                                sx={{ width: 80, height: 80, objectFit: 'contain' }}
+                                image={useBaseUrl('/images/homepage/cloud_icon.png')}
+                                alt="Cloud Changelog"
+                            />
+                            <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', flex: 1 }}>
+                                <CardContent sx={{ py: 1 }}>
+                                    <Typography component="div" variant="subtitle1" sx={{ fontSize: '0.9rem', mb: 0.5 }}>
+                                        Cloud Changelog
+                                    </Typography>
+                                    <Typography
+                                        variant="h6"
+                                        component="div"
+                                        sx={{ color: versionColor, fontWeight: 'bold' }}
+                                    >
+                                        {versions.cloud.version}
+                                    </Typography>
+                                </CardContent>
+                            </Box>
+                        </Card>
+                        
+                        <Card 
+                            component={Link}
+                            to={versions.oss.link}
+                            sx={{ 
+                                height: '80px',
+                                display: 'flex',
+                                backgroundColor: 'background.paper',
+                                color: 'text.primary',
+                                boxShadow: 3,
+                                textDecoration: 'none',
+                                '&:hover': {
+                                    boxShadow: 6,
+                                    textDecoration: 'none',
+                                    color: 'inherit',
+                                }
+                            }}>
+                            <CardMedia
+                                component="img"
+                                sx={{ width: 80, height: 80, objectFit: 'contain' }}
+                                image={useBaseUrl('/images/homepage/oss_icon.png')}
+                                alt="OSS Changelog"
+                            />
+                            <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', flex: 1 }}>
+                                <CardContent sx={{ py: 1 }}>
+                                    <Typography component="div" variant="subtitle1" sx={{ fontSize: '0.9rem', mb: 0.5 }}>
+                                        OSS Changelog
+                                    </Typography>
+                                    <Typography
+                                        variant="h6"
+                                        component="div"
+                                        sx={{ color: versionColor, fontWeight: 'bold' }}
+                                    >
+                                        {versions.oss.version}
+                                    </Typography>
+                                </CardContent>
+                            </Box>
+                        </Card>
+                    </Box>
+                </Box>
+                
+            </Box>
+        </div>
+    );
+}
+const HelloContent = () => {
+    const { colorMode } = useColorMode();
+    
+    const theme = createTheme({
+        palette: {
+            mode: colorMode === 'dark' ? 'dark' : 'light',
+            primary: {
+                main: '#faff69',
+                contrastText: '#000000',
+            },
+            secondary: {
+                main: '#1976d2',
+            },
+            background: {
+                default: colorMode === 'dark' ? '#1a1a1a' : '#ffffff',
+                paper: colorMode === 'dark' ? '#2d2d2d' : '#ffffff',
+            },
+            text: {
+                primary: colorMode === 'dark' ? '#ffffff' : '#000000',
+                secondary: colorMode === 'dark' ? '#b3b3b3' : '#666666',
+            },
+        },
+    });
+
+    return (
+        <ThemeProvider theme={theme}>
+            <CssBaseline />
+            <div className={homepage_styles.topLevelContainer}>
+                <div className={homepage_styles.yellowStrip}></div>
+                <HeroSection/>
+                <ExploreDocs/>
+            </div>
+        </ThemeProvider>
+    );
+};
+
+export default function Home() {
+    return (
+        <Layout title="ClickHouse Docs" description="ClickHouse Documentation - The fastest and most resource efficient real-time data warehouse">
+            <HelloContent />
+        </Layout>
+    );
+}
\ No newline at end of file
diff --git a/src/pages/index.mdx b/src/pages/index.mdx.backup
similarity index 100%
rename from src/pages/index.mdx
rename to src/pages/index.mdx.backup
diff --git a/src/theme/SearchBar/index.js b/src/theme/SearchBar/index.js
index 4724bb7e41e..9e49ccc4be5 100644
--- a/src/theme/SearchBar/index.js
+++ b/src/theme/SearchBar/index.js
@@ -27,19 +27,6 @@ function DocSearch({ contextualSearch, externalUrlRegex, ...props }) {
   const { siteMetadata, i18n: { currentLocale } } = useDocusaurusContext();
   const processSearchResultUrl = useSearchResultUrlProcessor();
   const contextualSearchFacetFilters = useAlgoliaContextualFacetFilters();
-  const configFacetFilters = props.searchParameters?.facetFilters ?? [];
-  const facetFilters = contextualSearch
-      ? // Merge contextual search filters with config filters
-      mergeFacetFilters(contextualSearchFacetFilters, configFacetFilters)
-      : // ... or use config facetFilters
-      configFacetFilters;
-  // We add clickAnalyics here
-  const searchParameters = {
-    ...props.searchParameters,
-    facetFilters,
-    clickAnalytics: true,
-    hitsPerPage: 10,
-  };
   const { isAskAIOpen, currentMode } = useAskAI();
   const history = useHistory();
   const searchButtonRef = useRef(null);
diff --git a/src/theme/SearchBar/styles.css b/src/theme/SearchBar/styles.css
index 5df2ec3a144..b269e0e01b9 100644
--- a/src/theme/SearchBar/styles.css
+++ b/src/theme/SearchBar/styles.css
@@ -17,7 +17,7 @@
 }
 
 [data-theme="light"] .DocSearch-Button {
-  background-color: rgb(250, 250, 250);
+  background-color: rgb(240, 240, 240);
   color: black;
 }
 .DocSearch-Button-Placeholder {
diff --git a/static/images/homepage/ai.png b/static/images/homepage/ai.png
new file mode 100644
index 00000000000..e06d844c4dd
Binary files /dev/null and b/static/images/homepage/ai.png differ
diff --git a/static/images/homepage/cloud_icon.png b/static/images/homepage/cloud_icon.png
new file mode 100644
index 00000000000..1b4bad0013f
Binary files /dev/null and b/static/images/homepage/cloud_icon.png differ
diff --git a/static/images/homepage/get_started.png b/static/images/homepage/get_started.png
new file mode 100644
index 00000000000..40eaf2e2b83
Binary files /dev/null and b/static/images/homepage/get_started.png differ
diff --git a/static/images/homepage/json_featured.png b/static/images/homepage/json_featured.png
new file mode 100644
index 00000000000..60d85db4797
Binary files /dev/null and b/static/images/homepage/json_featured.png differ
diff --git a/static/images/homepage/learn.png b/static/images/homepage/learn.png
new file mode 100644
index 00000000000..5d1df065aee
Binary files /dev/null and b/static/images/homepage/learn.png differ
diff --git a/static/images/homepage/migration_icon.png b/static/images/homepage/migration_icon.png
new file mode 100644
index 00000000000..36843f0be4b
Binary files /dev/null and b/static/images/homepage/migration_icon.png differ
diff --git a/static/images/homepage/mongodb_feature.png b/static/images/homepage/mongodb_feature.png
new file mode 100644
index 00000000000..123f9c9f511
Binary files /dev/null and b/static/images/homepage/mongodb_feature.png differ
diff --git a/static/images/homepage/oss_icon.png b/static/images/homepage/oss_icon.png
new file mode 100644
index 00000000000..840dc8aeb58
Binary files /dev/null and b/static/images/homepage/oss_icon.png differ
diff --git a/static/images/homepage/reference.png b/static/images/homepage/reference.png
new file mode 100644
index 00000000000..f738155051c
Binary files /dev/null and b/static/images/homepage/reference.png differ
diff --git a/static/images/homepage/remote_mcp_featured.png b/static/images/homepage/remote_mcp_featured.png
new file mode 100644
index 00000000000..131d1f09ea7
Binary files /dev/null and b/static/images/homepage/remote_mcp_featured.png differ
diff --git a/static/images/logo-druid.png b/static/images/logo-druid.png
new file mode 100644
index 00000000000..0f5ebd8503a
Binary files /dev/null and b/static/images/logo-druid.png differ
diff --git a/static/images/logo-elastic.svg b/static/images/logo-elastic.svg
new file mode 100644
index 00000000000..d240ad568c8
--- /dev/null
+++ b/static/images/logo-elastic.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><path d="M255.96 134.393c0-21.521-13.373-40.117-33.223-47.43a75.239 75.239 0 0 0 1.253-13.791c0-39.909-32.386-72.295-72.295-72.295-23.193 0-44.923 11.074-58.505 30.088-6.686-5.224-14.835-7.94-23.402-7.94-21.104 0-38.446 17.133-38.446 38.446 0 4.597.836 9.194 2.298 13.373C13.582 81.739 0 100.962 0 122.274c0 21.522 13.373 40.327 33.431 47.64-.835 4.388-1.253 8.985-1.253 13.79 0 39.7 32.386 72.087 72.086 72.087 23.402 0 44.924-11.283 58.505-30.088 6.686 5.223 15.044 8.149 23.611 8.149 21.104 0 38.446-17.134 38.446-38.446 0-4.597-.836-9.194-2.298-13.373 19.64-7.104 33.431-26.327 33.431-47.64z" fill="#FFF"/><path d="M100.085 110.364l57.043 26.119 57.669-50.565a64.312 64.312 0 0 0 1.253-12.746c0-35.52-28.834-64.355-64.355-64.355-21.313 0-41.162 10.447-53.072 27.998l-9.612 49.73 11.074 23.82z" fill="#F4BD19"/><path d="M40.953 170.75c-.835 4.179-1.253 8.567-1.253 12.955 0 35.52 29.043 64.564 64.564 64.564 21.522 0 41.372-10.656 53.49-28.208l9.403-49.729-12.746-24.238-57.251-26.118-56.207 50.774z" fill="#3CBEB1"/><path d="M40.536 71.918l39.073 9.194 8.775-44.506c-5.432-4.179-11.91-6.268-18.805-6.268-16.925 0-30.924 13.79-30.924 30.924 0 3.552.627 7.313 1.88 10.656z" fill="#E9478C"/><path d="M37.192 81.32c-17.551 5.642-29.67 22.567-29.67 40.954 0 17.97 11.074 34.059 27.79 40.327l54.953-49.73-10.03-21.52-43.043-10.03z" fill="#2C458F"/><path d="M167.784 219.852c5.432 4.18 11.91 6.478 18.596 6.478 16.925 0 30.924-13.79 30.924-30.924 0-3.761-.627-7.314-1.88-10.657l-39.073-9.193-8.567 44.296z" fill="#95C63D"/><path d="M175.724 165.317l43.043 10.03c17.551-5.85 29.67-22.566 29.67-40.954 0-17.97-11.074-33.849-27.79-40.326l-56.415 49.311 11.492 21.94z" fill="#176655"/></svg>
\ No newline at end of file
diff --git a/static/images/logo-mongo.svg b/static/images/logo-mongo.svg
new file mode 100644
index 00000000000..764ccf588f0
--- /dev/null
+++ b/static/images/logo-mongo.svg
@@ -0,0 +1 @@
+<svg height="2500" viewBox="8.738 -5.03622834 17.45992422 39.40619484" width="2500" xmlns="http://www.w3.org/2000/svg"><path d="m15.9.087.854 1.604c.192.296.4.558.645.802a22.406 22.406 0 0 1 2.004 2.266c1.447 1.9 2.423 4.01 3.12 6.292.418 1.394.645 2.824.662 4.27.07 4.323-1.412 8.035-4.4 11.12a12.7 12.7 0 0 1 -1.57 1.342c-.296 0-.436-.227-.558-.436a3.589 3.589 0 0 1 -.436-1.255c-.105-.523-.174-1.046-.14-1.586v-.244c-.024-.052-.285-24.052-.181-24.175z" fill="#599636"/><path d="m15.9.034c-.035-.07-.07-.017-.105.017.017.35-.105.662-.296.96-.21.296-.488.523-.767.767-1.55 1.342-2.77 2.963-3.747 4.776-1.3 2.44-1.97 5.055-2.16 7.808-.087.993.314 4.497.627 5.508.854 2.684 2.388 4.933 4.375 6.885.488.47 1.01.906 1.55 1.325.157 0 .174-.14.21-.244a4.78 4.78 0 0 0 .157-.68l.35-2.614z" fill="#6cac48"/><path d="m16.754 28.845c.035-.4.227-.732.436-1.063-.21-.087-.366-.26-.488-.453a3.235 3.235 0 0 1 -.26-.575c-.244-.732-.296-1.5-.366-2.248v-.453c-.087.07-.105.662-.105.75a17.37 17.37 0 0 1 -.314 2.353c-.052.314-.087.627-.28.906 0 .035 0 .07.017.122.314.924.4 1.865.453 2.824v.35c0 .418-.017.33.33.47.14.052.296.07.436.174.105 0 .122-.087.122-.157l-.052-.575v-1.604c-.017-.28.035-.558.07-.82z" fill="#c2bfbf"/></svg>
\ No newline at end of file
diff --git a/static/images/logo-mysql.svg b/static/images/logo-mysql.svg
index e6dcc4dcabe..5ebf75735a9 100644
--- a/static/images/logo-mysql.svg
+++ b/static/images/logo-mysql.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="48px" height="48px"><path fill="#00796b" d="M0.002,35.041h1.92v-7.085l2.667,6.057c0.329,0.755,0.779,1.022,1.662,1.022 s1.315-0.267,1.644-1.022l2.667-5.902v6.93h1.92v-7.258c0-0.697-0.277-1.035-0.849-1.209c-1.367-0.43-2.285-0.059-2.7,0.872 l-2.735,6.16l-2.649-6.16c-0.398-0.93-1.332-1.302-2.7-0.872C0.277,26.748,0,27.085,0,27.782v7.258H0.002z"/><path fill="#00796b" d="M13.441,29.281h1.92v4.055c-0.015,0.2,0.064,0.731,0.99,0.745c0.472,0.008,2.821,0,2.85,0v-4.8h1.92 c0.008,0,0,5.968,0,5.993c0.01,1.472-1.828,1.662-2.673,1.687h-5.006v-0.96c0.01,0,4.787,0.001,4.801,0 c1.088-0.115,0.959-0.714,0.959-0.896v-0.064H16.19c-1.67-0.015-2.735-0.751-2.747-1.59C13.441,33.373,13.479,29.317,13.441,29.281 z"/><path fill="#f57f17" d="M22.081,35.041h4.807c0.63,0,1.242-0.132,1.728-0.36c0.81-0.372,1.144-0.875,1.144-1.536v-1.368 c0-1.476-1.83-1.536-2.88-1.536h-1.92c-0.755,0-0.87-0.456-0.96-0.96v-0.96c0.09-0.384,0.258-0.9,0.923-0.96 c0.773,0,4.836,0,4.836,0v-0.96h-4.566c-0.755,0-3.114,0.09-3.114,1.92v1.187c0,0.84,0.738,1.524,2.34,1.692 c0.18,0.012,0.36,0.024,0.539,0.024c0,0,1.866-0.036,1.92-0.024c1.08,0,0.96,0.84,0.96,0.96v0.96c0,0.132-0.03,0.96-0.971,0.96 c-0.072,0-4.789,0-4.789,0V35.041z"/><path fill="#f57f17" d="M40.32,33.08c0,1.159,0.655,1.809,2.392,1.939c0.162,0.011,0.325,0.021,0.488,0.021H48v-0.96h-4.435 c-0.991,0-1.325-0.416-1.325-1.011v-6.669h-1.92V33.08z"/><path fill="#f57f17" d="M30.704,33.121v-4.8c0-1.02,0.5-1.724,1.916-1.92h0.672h3.447h0.525 c1.416,0.196,2.08,0.899,2.08,1.92v4.782c0,0.827-0.215,1.271-0.916,1.559L39.916,36h-2.16l-1.07-0.96h-1.257l-2.136,0.012 c-0.309,0-0.635-0.043-0.993-0.141C31.226,34.618,30.704,34.054,30.704,33.121z M32.624,33.121c0.098,0.467,0.473,0.96,1.14,0.96 h1.864l-1.068-0.96h2.175l0.519,0.482c0,0,0.186-0.152,0.186-0.482c0-0.33-0.016-4.8-0.016-4.8c-0.098-0.434-0.538-0.96-1.188-0.96 h-2.471c-0.749,0-1.14,0.548-1.14,1.058L32.624,33.121L32.624,33.121z"/><path fill="#00796b" d="M46.199,25.389c-1.031-0.028-1.818,0.068-2.491,0.351c-0.191,0.081-0.496,0.083-0.528,0.323 c0.105,0.11,0.121,0.275,0.205,0.41c0.16,0.26,0.432,0.609,0.674,0.791c0.265,0.2,0.538,0.414,0.821,0.587 c0.504,0.307,1.067,0.483,1.553,0.791c0.286,0.181,0.57,0.411,0.85,0.615c0.138,0.102,0.23,0.259,0.41,0.323 c0-0.01,0-0.019,0-0.029c-0.094-0.12-0.119-0.285-0.205-0.411c-0.127-0.127-0.254-0.254-0.381-0.381 c-0.372-0.494-0.846-0.929-1.348-1.289c-0.401-0.288-1.298-0.677-1.466-1.143c-0.01-0.01-0.019-0.019-0.03-0.03 c0.284-0.032,0.617-0.135,0.879-0.205c0.441-0.118,0.834-0.087,1.289-0.205c0.205-0.059,0.41-0.117,0.615-0.176 c0-0.039,0-0.078,0-0.117c-0.23-0.236-0.395-0.548-0.645-0.762c-0.657-0.559-1.373-1.117-2.11-1.583 c-0.409-0.258-0.915-0.426-1.348-0.645c-0.146-0.074-0.402-0.112-0.498-0.234c-0.228-0.29-0.351-0.659-0.527-0.996 c-0.368-0.708-0.73-1.482-1.055-2.227c-0.223-0.508-0.368-1.01-0.645-1.466c-1.331-2.188-2.764-3.509-4.982-4.807 c-0.472-0.276-1.041-0.385-1.642-0.528c-0.323-0.019-0.645-0.039-0.968-0.059c-0.197-0.083-0.401-0.323-0.587-0.44 c-0.735-0.465-2.621-1.475-3.165-0.147c-0.344,0.838,0.514,1.656,0.821,2.081c0.215,0.298,0.491,0.632,0.645,0.968 c0.101,0.22,0.119,0.441,0.205,0.674c0.213,0.574,0.55,1.228,0.826,1.759c0.139,0.269,0.293,0.551,0.469,0.791 c0.108,0.147,0.293,0.212,0.323,0.44c-0.181,0.253-0.191,0.646-0.293,0.968c-0.458,1.445-0.285,3.24,0.381,4.308 c0.204,0.328,0.686,1.032,1.348,0.762c0.579-0.236,0.45-0.967,0.615-1.612c0.037-0.146,0.014-0.253,0.088-0.351 c0,0.01,0,0.019,0,0.03c0.176,0.351,0.351,0.704,0.528,1.055c0.391,0.629,1.084,1.286,1.67,1.73 c0.304,0.23,0.544,0.628,0.938,0.762c0-0.01,0-0.019,0-0.03c-0.01,0-0.019,0-0.03,0c-0.076-0.119-0.196-0.168-0.293-0.264 c-0.229-0.225-0.485-0.504-0.674-0.762c-0.534-0.725-1.006-1.519-1.436-2.345c-0.205-0.395-0.384-0.829-0.557-1.231 c-0.067-0.155-0.066-0.389-0.205-0.469c-0.19,0.294-0.468,0.532-0.615,0.879c-0.234,0.555-0.265,1.233-0.351,1.934 c-0.052,0.018-0.029,0.006-0.059,0.029c-0.408-0.099-0.552-0.518-0.704-0.879c-0.384-0.912-0.455-2.38-0.117-3.429 c0.087-0.272,0.482-1.127,0.323-1.378c-0.076-0.251-0.328-0.396-0.468-0.587c-0.175-0.236-0.348-0.548-0.469-0.821 c-0.314-0.711-0.612-1.538-0.943-2.257c-0.158-0.344-0.425-0.691-0.645-0.996c-0.243-0.338-0.516-0.587-0.704-0.996 c-0.067-0.145-0.158-0.378-0.059-0.528c0.032-0.101,0.076-0.143,0.176-0.176c0.17-0.132,0.643,0.043,0.821,0.117 c0.47,0.195,0.862,0.381,1.26,0.645c0.191,0.127,0.384,0.372,0.615,0.44c0.088,0,0.176,0,0.264,0 c0.413,0.095,0.875,0.03,1.26,0.147c0.682,0.207,1.292,0.529,1.846,0.879c1.69,1.067,3.071,2.585,4.016,4.397 c0.152,0.292,0.218,0.57,0.351,0.879c0.27,0.624,0.611,1.266,0.879,1.876c0.268,0.609,0.53,1.223,0.909,1.73 c0.2,0.266,0.97,0.409,1.319,0.557c0.245,0.104,0.647,0.211,0.879,0.351c0.444,0.268,0.874,0.587,1.289,0.879 C45.528,24.803,46.167,25.124,46.199,25.389z"/><path fill="#00796b" d="M33.098,14.223c-0.215-0.004-0.367,0.023-0.528,0.059c0,0.01,0,0.019,0,0.03c0.01,0,0.019,0,0.03,0 c0.103,0.21,0.283,0.347,0.41,0.528c0.098,0.205,0.195,0.41,0.293,0.615c0.01-0.01,0.019-0.019,0.029-0.029 c0.181-0.128,0.265-0.332,0.264-0.645c-0.073-0.077-0.084-0.173-0.147-0.264C33.365,14.394,33.203,14.325,33.098,14.223z"/></svg>
\ No newline at end of file
+<svg height="2500" preserveAspectRatio="xMidYMid" viewBox="-3.576 -8.996 259.406 260.1" width="2443" xmlns="http://www.w3.org/2000/svg"><g fill="#00546b"><path d="m235.648 194.212c-13.918-.347-24.705 1.045-33.752 4.872-2.61 1.043-6.786 1.044-7.134 4.35 1.392 1.392 1.566 3.654 2.784 5.567 2.09 3.479 5.741 8.177 9.047 10.614 3.653 2.783 7.308 5.566 11.134 8.002 6.786 4.176 14.442 6.611 21.053 10.787 3.829 2.434 7.654 5.568 11.482 8.177 1.914 1.39 3.131 3.654 5.568 4.523v-.521c-1.219-1.567-1.567-3.828-2.784-5.568-1.738-1.74-3.48-3.306-5.22-5.046-5.045-6.784-11.308-12.7-18.093-17.571-5.567-3.828-17.747-9.047-20.008-15.485 0 0-.175-.173-.348-.347 3.827-.348 8.35-1.74 12.005-2.784 5.915-1.567 11.308-1.218 17.398-2.784 2.783-.696 5.567-1.566 8.35-2.436v-1.565c-3.13-3.132-5.392-7.307-8.698-10.265-8.873-7.657-18.617-15.137-28.707-21.4-5.394-3.48-12.354-5.742-18.095-8.699-2.086-1.045-5.567-1.566-6.784-3.306-3.133-3.827-4.873-8.872-7.134-13.396-5.044-9.57-9.917-20.182-14.267-30.272-3.13-6.786-5.044-13.572-8.872-19.834-17.92-29.577-37.406-47.497-67.33-65.07-6.438-3.653-14.093-5.219-22.27-7.132-4.348-.175-8.699-.522-13.048-.697-2.784-1.218-5.568-4.523-8.004-6.089-9.915-6.264-35.492-19.833-42.799-1.913-4.698 11.308 6.96 22.442 10.96 28.185 2.96 4.001 6.786 8.524 8.874 13.048 1.218 2.956 1.565 6.09 2.783 9.221 2.785 7.653 5.393 16.18 9.048 23.314 1.914 3.653 4.001 7.48 6.437 10.786 1.392 1.913 3.827 2.784 4.35 5.915-2.435 3.48-2.61 8.7-4.003 13.049-6.263 19.66-3.826 44.017 5.046 58.457 2.783 4.348 9.395 13.92 18.268 10.265 7.83-3.131 6.09-13.048 8.35-21.747.524-2.09.176-3.48 1.219-4.872v.349c2.436 4.87 4.871 9.569 7.133 14.44 5.394 8.524 14.788 17.398 22.617 23.314 4.177 3.13 7.482 8.524 12.702 10.438v-.523h-.349c-1.044-1.566-2.61-2.261-4.001-3.48-3.131-3.13-6.612-6.958-9.047-10.438-7.306-9.744-13.745-20.53-19.486-31.665-2.783-5.392-5.22-11.308-7.481-16.701-1.045-2.09-1.045-5.22-2.784-6.263-2.61 3.827-6.437 7.133-8.351 11.83-3.304 7.481-3.653 16.702-4.871 26.27-.696.176-.349 0-.697.35-5.566-1.394-7.48-7.134-9.569-12.006-5.22-12.352-6.09-32.186-1.565-46.452 1.218-3.654 6.438-15.136 4.35-18.616-1.044-3.306-4.525-5.22-6.438-7.829-2.261-3.306-4.698-7.48-6.263-11.135-4.176-9.743-6.264-20.53-10.787-30.273-2.088-4.524-5.74-9.22-8.699-13.396-3.305-4.697-6.959-8.004-9.569-13.571-.869-1.913-2.088-5.045-.696-7.133.348-1.392 1.043-1.913 2.436-2.261 2.262-1.915 8.7.521 10.96 1.565 6.438 2.608 11.831 5.046 17.225 8.699 2.435 1.74 5.045 5.046 8.176 5.916h3.654c5.568 1.217 11.83.348 17.05 1.913 9.222 2.957 17.572 7.307 25.054 12.005 22.792 14.44 41.58 34.97 54.282 59.501 2.088 4 2.957 7.656 4.871 11.83 3.655 8.526 8.178 17.225 11.83 25.576 3.654 8.176 7.133 16.528 12.353 23.314 2.61 3.652 13.048 5.567 17.746 7.481 3.48 1.565 8.874 2.958 12.005 4.871 5.915 3.652 11.83 7.83 17.398 11.83 2.784 2.088 11.482 6.438 12.005 9.917z"/><path d="m58.186 43.022c-2.957 0-5.044.35-7.132.871v.348h.348c1.393 2.784 3.827 4.698 5.566 7.133 1.393 2.783 2.61 5.568 4.003 8.352.173-.175.347-.348.347-.348 2.437-1.741 3.654-4.524 3.654-8.7-1.044-1.217-1.218-2.435-2.088-3.653-1.043-1.741-3.306-2.61-4.698-4.003z"/></g></svg>
\ No newline at end of file
diff --git a/static/img/book.svg b/static/img/book.svg
new file mode 100644
index 00000000000..f9430e3354e
--- /dev/null
+++ b/static/img/book.svg
@@ -0,0 +1,23 @@
+<svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+>
+    <path
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.5"
+            d="M12 16.37a6.368 6.368 0 0 0-7.495-1.12c-.684.364-1.509-.085-1.509-.86V5.295c0-.637.294-1.249.812-1.618A6.367 6.367 0 0 1 12 4.364a6.367 6.367 0 0 1 8.191-.687c.518.37.813.981.813 1.618v9.095c0 .775-.826 1.225-1.509.86A6.368 6.368 0 0 0 12 16.37Z"
+            clip-rule="evenodd"
+    />
+    <path
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.5"
+            d="M4.505 19.387A6.368 6.368 0 0 1 12 20.507a6.368 6.368 0 0 1 7.495-1.12M12 16.37V4.363"
+    />
+</svg>
\ No newline at end of file
diff --git a/static/img/lightbulb-on.svg b/static/img/lightbulb-on.svg
new file mode 100644
index 00000000000..cbbf4da07d6
--- /dev/null
+++ b/static/img/lightbulb-on.svg
@@ -0,0 +1,73 @@
+<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+>
+<path
+d="M15 15.1899H9"
+stroke="currentColor"
+strokeWidth="1.5"
+strokeLinecap="round"
+strokeLinejoin="round"
+/>
+<path
+fillRule="evenodd"
+clipRule="evenodd"
+d="M8.54094 14.8962C6.76494 13.6412 5.69994 11.4502 6.07494 9.03819C6.48094 6.43119 8.65394 4.35019 11.2749 4.04319C14.9129 3.61619 17.9999 6.44819 17.9999 10.0002C17.9999 12.0252 16.9939 13.8122 15.4569 14.8982C15.1809 15.0932 14.9999 15.3952 14.9999 15.7332V18.5002C14.9999 19.8812 13.8809 21.0002 12.4999 21.0002H11.4999C10.1189 21.0002 8.99994 19.8812 8.99994 18.5002V15.7372C8.99994 15.3962 8.81794 15.0922 8.54094 14.8962Z"
+stroke="currentColor"
+strokeWidth="1.5"
+strokeLinecap="round"
+strokeLinejoin="round"
+/>
+<path
+d="M20 5.00006L21.19 3.81006"
+stroke="currentColor"
+strokeWidth="1.5"
+strokeLinecap="round"
+strokeLinejoin="round"
+/>
+<path
+d="M3.99957 15L2.80957 16.19"
+stroke="currentColor"
+strokeWidth="1.5"
+strokeLinecap="round"
+strokeLinejoin="round"
+/>
+<path
+d="M4.99957 4.00006L3.80957 2.81006"
+stroke="currentColor"
+strokeWidth="1.5"
+strokeLinecap="round"
+strokeLinejoin="round"
+/>
+<path
+d="M20 15L21.19 16.19"
+stroke="currentColor"
+strokeWidth="1.5"
+strokeLinecap="round"
+strokeLinejoin="round"
+/>
+<path
+d="M21 10H22.69"
+stroke="currentColor"
+strokeWidth="1.5"
+strokeLinecap="round"
+strokeLinejoin="round"
+/>
+<path
+d="M1.30957 10H2.99957"
+stroke="currentColor"
+strokeWidth="1.5"
+strokeLinecap="round"
+strokeLinejoin="round"
+/>
+<path
+d="M9 18H14.87"
+stroke="currentColor"
+strokeWidth="1.5"
+strokeLinecap="round"
+strokeLinejoin="round"
+/>
+</svg>
\ No newline at end of file
diff --git a/static/img/rocket.svg b/static/img/rocket.svg
new file mode 100644
index 00000000000..91706ae89ef
--- /dev/null
+++ b/static/img/rocket.svg
@@ -0,0 +1,47 @@
+<svg
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        >
+<g clipPath="url(#clip0_5185_4114)">
+<path
+        d="M9 17.25C9 17.25 8.25 20.25 3.75 20.25C3.75 15.75 6.75 15 6.75 15"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+/>
+<path
+        d="M17.9166 10.5834C20.1666 8.3334 20.3072 5.65683 20.2369 4.4634C20.2252 4.2815 20.1476 4.11009 20.0188 3.98121C19.8899 3.85232 19.7185 3.77478 19.5366 3.76308C18.3431 3.69277 15.6684 3.83152 13.4166 6.0834L7.5 12L12 16.5L17.9166 10.5834Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+/>
+<path
+        d="M12.7498 6.75H6.97007C6.77142 6.75009 6.58092 6.82899 6.44038 6.96937L3.22007 10.1897C3.12174 10.2882 3.05278 10.4122 3.02091 10.5477C2.98903 10.6832 2.99549 10.8249 3.03957 10.9569C3.08365 11.089 3.1636 11.2061 3.27048 11.2953C3.37736 11.3845 3.50696 11.4422 3.64475 11.4619L7.49975 12"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+/>
+<path
+        d="M17.25 11.25V17.0297C17.2499 17.2283 17.171 17.4188 17.0306 17.5594L13.8103 20.7797C13.7118 20.878 13.5878 20.947 13.4523 20.9788C13.3168 21.0107 13.1751 21.0043 13.0431 20.9602C12.911 20.9161 12.7939 20.8362 12.7047 20.7293C12.6155 20.6224 12.5578 20.4928 12.5381 20.355L12 16.5"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+/>
+</g>
+<defs>
+<clipPath id="clip0_5185_4114">
+    <rect
+            width="24"
+            height="24"
+            fill="currentColor"
+    />
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 7328ef623c7..5d2a58269b5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -301,6 +301,15 @@
     js-tokens "^4.0.0"
     picocolors "^1.0.0"
 
+"@babel/code-frame@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.27.1.tgz#200f715e66d52a23b221a9435534a91cc13ad5be"
+  integrity sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.27.1"
+    js-tokens "^4.0.0"
+    picocolors "^1.1.1"
+
 "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.26.5":
   version "7.26.5"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.26.5.tgz#df93ac37f4417854130e21d72c66ff3d4b897fc7"
@@ -338,6 +347,17 @@
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^3.0.2"
 
+"@babel/generator@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.28.0.tgz#9cc2f7bd6eb054d77dc66c2664148a0c5118acd2"
+  integrity sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==
+  dependencies:
+    "@babel/parser" "^7.28.0"
+    "@babel/types" "^7.28.0"
+    "@jridgewell/gen-mapping" "^0.3.12"
+    "@jridgewell/trace-mapping" "^0.3.28"
+    jsesc "^3.0.2"
+
 "@babel/helper-annotate-as-pure@^7.25.9":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz#d8eac4d2dc0d7b6e11fa6e535332e0d3184f06b4"
@@ -389,6 +409,11 @@
     lodash.debounce "^4.0.8"
     resolve "^1.14.2"
 
+"@babel/helper-globals@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-globals/-/helper-globals-7.28.0.tgz#b9430df2aa4e17bc28665eadeae8aa1d985e6674"
+  integrity sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==
+
 "@babel/helper-member-expression-to-functions@^7.25.9":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz#9dfffe46f727005a5ea29051ac835fb735e4c1a3"
@@ -397,6 +422,14 @@
     "@babel/traverse" "^7.25.9"
     "@babel/types" "^7.25.9"
 
+"@babel/helper-module-imports@^7.16.7":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz#7ef769a323e2655e126673bb6d2d6913bbead204"
+  integrity sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==
+  dependencies:
+    "@babel/traverse" "^7.27.1"
+    "@babel/types" "^7.27.1"
+
 "@babel/helper-module-imports@^7.25.9":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz#e7f8d20602ebdbf9ebbea0a0751fb0f2a4141715"
@@ -457,11 +490,21 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz#1aabb72ee72ed35789b4bbcad3ca2862ce614e8c"
   integrity sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==
 
+"@babel/helper-string-parser@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz#54da796097ab19ce67ed9f88b47bb2ec49367687"
+  integrity sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==
+
 "@babel/helper-validator-identifier@^7.25.9":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz#24b64e2c3ec7cd3b3c547729b8d16871f22cbdc7"
   integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
 
+"@babel/helper-validator-identifier@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz#a7054dcc145a967dd4dc8fee845a57c1316c9df8"
+  integrity sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==
+
 "@babel/helper-validator-option@^7.25.9":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz#86e45bd8a49ab7e03f276577f96179653d41da72"
@@ -498,6 +541,13 @@
   dependencies:
     "@babel/types" "^7.26.10"
 
+"@babel/parser@^7.27.2", "@babel/parser@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.0.tgz#979829fbab51a29e13901e5a80713dbcb840825e"
+  integrity sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==
+  dependencies:
+    "@babel/types" "^7.28.0"
+
 "@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.25.9":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.9.tgz#cc2e53ebf0a0340777fff5ed521943e253b4d8fe"
@@ -1164,6 +1214,11 @@
   dependencies:
     regenerator-runtime "^0.14.0"
 
+"@babel/runtime@^7.18.3", "@babel/runtime@^7.28.2", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7":
+  version "7.28.2"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.28.2.tgz#2ae5a9d51cc583bd1f5673b3bb70d6d819682473"
+  integrity sha512-KHp2IflsnGywDjBWDkR9iEqiWSpc8GIi0lgTT3mOElT0PP1tG26P4tmFI2YvAdzgq9RGyoHZQEIEdZy6Ec5xCA==
+
 "@babel/template@^7.25.9":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.25.9.tgz#ecb62d81a8a6f5dc5fe8abfc3901fc52ddf15016"
@@ -1182,6 +1237,15 @@
     "@babel/parser" "^7.26.9"
     "@babel/types" "^7.26.9"
 
+"@babel/template@^7.27.2":
+  version "7.27.2"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.2.tgz#fa78ceed3c4e7b63ebf6cb39e5852fca45f6809d"
+  integrity sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/parser" "^7.27.2"
+    "@babel/types" "^7.27.1"
+
 "@babel/traverse@^7.25.9", "@babel/traverse@^7.26.5", "@babel/traverse@^7.26.7":
   version "7.26.7"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.26.7.tgz#99a0a136f6a75e7fb8b0a1ace421e0b25994b8bb"
@@ -1195,6 +1259,19 @@
     debug "^4.3.1"
     globals "^11.1.0"
 
+"@babel/traverse@^7.27.1":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.0.tgz#518aa113359b062042379e333db18380b537e34b"
+  integrity sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.28.0"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/parser" "^7.28.0"
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.28.0"
+    debug "^4.3.1"
+
 "@babel/types@^7.21.3", "@babel/types@^7.25.9", "@babel/types@^7.26.5", "@babel/types@^7.26.7", "@babel/types@^7.4.4":
   version "7.26.7"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.26.7.tgz#5e2b89c0768e874d4d061961f3a5a153d71dc17a"
@@ -1211,6 +1288,14 @@
     "@babel/helper-string-parser" "^7.25.9"
     "@babel/helper-validator-identifier" "^7.25.9"
 
+"@babel/types@^7.27.1", "@babel/types@^7.28.0":
+  version "7.28.2"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.2.tgz#da9db0856a9a88e0a13b019881d7513588cf712b"
+  integrity sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==
+  dependencies:
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.27.1"
+
 "@braintree/sanitize-url@^7.0.4":
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/@braintree/sanitize-url/-/sanitize-url-7.1.1.tgz#15e19737d946559289b915e5dad3b4c28407735e"
@@ -2213,6 +2298,39 @@
   dependencies:
     tslib "^2.4.0"
 
+"@emotion/babel-plugin@^11.13.5":
+  version "11.13.5"
+  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz#eab8d65dbded74e0ecfd28dc218e75607c4e7bc0"
+  integrity sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.16.7"
+    "@babel/runtime" "^7.18.3"
+    "@emotion/hash" "^0.9.2"
+    "@emotion/memoize" "^0.9.0"
+    "@emotion/serialize" "^1.3.3"
+    babel-plugin-macros "^3.1.0"
+    convert-source-map "^1.5.0"
+    escape-string-regexp "^4.0.0"
+    find-root "^1.1.0"
+    source-map "^0.5.7"
+    stylis "4.2.0"
+
+"@emotion/cache@^11.14.0":
+  version "11.14.0"
+  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.14.0.tgz#ee44b26986eeb93c8be82bb92f1f7a9b21b2ed76"
+  integrity sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==
+  dependencies:
+    "@emotion/memoize" "^0.9.0"
+    "@emotion/sheet" "^1.4.0"
+    "@emotion/utils" "^1.4.2"
+    "@emotion/weak-memoize" "^0.4.0"
+    stylis "4.2.0"
+
+"@emotion/hash@^0.9.2":
+  version "0.9.2"
+  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.2.tgz#ff9221b9f58b4dfe61e619a7788734bd63f6898b"
+  integrity sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==
+
 "@emotion/is-prop-valid@1.2.2":
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz#d4175076679c6a26faa92b03bb786f9e52612337"
@@ -2220,16 +2338,90 @@
   dependencies:
     "@emotion/memoize" "^0.8.1"
 
+"@emotion/is-prop-valid@^1.3.0":
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-1.3.1.tgz#8d5cf1132f836d7adbe42cf0b49df7816fc88240"
+  integrity sha512-/ACwoqx7XQi9knQs/G0qKvv5teDMhD7bXYns9N/wM8ah8iNb8jZ2uNO0YOgiq2o2poIvVtJS2YALasQuMSQ7Kw==
+  dependencies:
+    "@emotion/memoize" "^0.9.0"
+
 "@emotion/memoize@^0.8.1":
   version "0.8.1"
   resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.8.1.tgz#c1ddb040429c6d21d38cc945fe75c818cfb68e17"
   integrity sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==
 
+"@emotion/memoize@^0.9.0":
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.9.0.tgz#745969d649977776b43fc7648c556aaa462b4102"
+  integrity sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==
+
+"@emotion/react@^11.14.0":
+  version "11.14.0"
+  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.14.0.tgz#cfaae35ebc67dd9ef4ea2e9acc6cd29e157dd05d"
+  integrity sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==
+  dependencies:
+    "@babel/runtime" "^7.18.3"
+    "@emotion/babel-plugin" "^11.13.5"
+    "@emotion/cache" "^11.14.0"
+    "@emotion/serialize" "^1.3.3"
+    "@emotion/use-insertion-effect-with-fallbacks" "^1.2.0"
+    "@emotion/utils" "^1.4.2"
+    "@emotion/weak-memoize" "^0.4.0"
+    hoist-non-react-statics "^3.3.1"
+
+"@emotion/serialize@^1.3.3":
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.3.3.tgz#d291531005f17d704d0463a032fe679f376509e8"
+  integrity sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==
+  dependencies:
+    "@emotion/hash" "^0.9.2"
+    "@emotion/memoize" "^0.9.0"
+    "@emotion/unitless" "^0.10.0"
+    "@emotion/utils" "^1.4.2"
+    csstype "^3.0.2"
+
+"@emotion/sheet@^1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.4.0.tgz#c9299c34d248bc26e82563735f78953d2efca83c"
+  integrity sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==
+
+"@emotion/styled@^11.14.1":
+  version "11.14.1"
+  resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-11.14.1.tgz#8c34bed2948e83e1980370305614c20955aacd1c"
+  integrity sha512-qEEJt42DuToa3gurlH4Qqc1kVpNq8wO8cJtDzU46TjlzWjDlsVyevtYCRijVq3SrHsROS+gVQ8Fnea108GnKzw==
+  dependencies:
+    "@babel/runtime" "^7.18.3"
+    "@emotion/babel-plugin" "^11.13.5"
+    "@emotion/is-prop-valid" "^1.3.0"
+    "@emotion/serialize" "^1.3.3"
+    "@emotion/use-insertion-effect-with-fallbacks" "^1.2.0"
+    "@emotion/utils" "^1.4.2"
+
 "@emotion/unitless@0.8.1":
   version "0.8.1"
   resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.1.tgz#182b5a4704ef8ad91bde93f7a860a88fd92c79a3"
   integrity sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==
 
+"@emotion/unitless@^0.10.0":
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.10.0.tgz#2af2f7c7e5150f497bdabd848ce7b218a27cf745"
+  integrity sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==
+
+"@emotion/use-insertion-effect-with-fallbacks@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.2.0.tgz#8a8cb77b590e09affb960f4ff1e9a89e532738bf"
+  integrity sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg==
+
+"@emotion/utils@^1.4.2":
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.4.2.tgz#6df6c45881fcb1c412d6688a311a98b7f59c1b52"
+  integrity sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==
+
+"@emotion/weak-memoize@^0.4.0":
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz#5e13fac887f08c44f76b0ccaf3370eb00fec9bb6"
+  integrity sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==
+
 "@esbuild/aix-ppc64@0.25.0":
   version "0.25.0"
   resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.0.tgz#499600c5e1757a524990d5d92601f0ac3ce87f64"
@@ -2565,6 +2757,14 @@
     "@types/yargs" "^17.0.8"
     chalk "^4.0.0"
 
+"@jridgewell/gen-mapping@^0.3.12":
+  version "0.3.12"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz#2234ce26c62889f03db3d7fea43c1932ab3e927b"
+  integrity sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
 "@jridgewell/gen-mapping@^0.3.5":
   version "0.3.8"
   resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz#4f0e06362e01362f823d348f1872b08f666d8142"
@@ -2597,6 +2797,11 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
   integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
 
+"@jridgewell/sourcemap-codec@^1.5.0":
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.4.tgz#7358043433b2e5da569aa02cbc4c121da3af27d7"
+  integrity sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==
+
 "@jridgewell/trace-mapping@^0.3.18", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
   version "0.3.25"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
@@ -2605,6 +2810,14 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
+"@jridgewell/trace-mapping@^0.3.28":
+  version "0.3.29"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.29.tgz#a58d31eaadaf92c6695680b2e1d464a9b8fbf7fc"
+  integrity sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
 "@jsep-plugin/assignment@^1.3.0":
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/@jsep-plugin/assignment/-/assignment-1.3.0.tgz#fcfc5417a04933f7ceee786e8ab498aa3ce2b242"
@@ -2700,6 +2913,94 @@
     "@module-federation/runtime" "0.8.4"
     "@module-federation/sdk" "0.8.4"
 
+"@mui/core-downloads-tracker@^7.3.0":
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-7.3.0.tgz#94a3a530a82d7524ec3a6e7b51afc6941f9f3aee"
+  integrity sha512-E4eWI90atwCf0rUjuzdlDRI6coA03ZEOAqk5qjEU9IdCLYRlOG65P7WBCpwFYOwDqzUVCHzx8U4q//csULLsOg==
+
+"@mui/material@^7.3.0":
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/@mui/material/-/material-7.3.0.tgz#12a375b2c96c84be53cd2cd51a6aa3cccd7e85d1"
+  integrity sha512-t0fb7+zEDTjnVe4hqzNvoGIopzGJ6AyN+qodGRENAFvL/UV3IT/vFIMHloFGnJ9DPmIgWaWasKgefPUU3OsgOQ==
+  dependencies:
+    "@babel/runtime" "^7.28.2"
+    "@mui/core-downloads-tracker" "^7.3.0"
+    "@mui/system" "^7.3.0"
+    "@mui/types" "^7.4.5"
+    "@mui/utils" "^7.3.0"
+    "@popperjs/core" "^2.11.8"
+    "@types/react-transition-group" "^4.4.12"
+    clsx "^2.1.1"
+    csstype "^3.1.3"
+    prop-types "^15.8.1"
+    react-is "^19.1.1"
+    react-transition-group "^4.4.5"
+
+"@mui/private-theming@^7.3.0":
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/@mui/private-theming/-/private-theming-7.3.0.tgz#665f7577162b5cce3b60a1c19cfb9d44220ea327"
+  integrity sha512-qU6rkH377L9byQrgXVW4rGsXVs7Q7H65Rj4IaITK3Vj2J5IP9nomMxJ77/w5kbJcEcaDEoLK42Ro3qMtHmvd4Q==
+  dependencies:
+    "@babel/runtime" "^7.28.2"
+    "@mui/utils" "^7.3.0"
+    prop-types "^15.8.1"
+
+"@mui/styled-engine-sc@^7.3.0":
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/@mui/styled-engine-sc/-/styled-engine-sc-7.3.0.tgz#4fe55a1ddcf4b225e5cd30e1f15f77720d08f8fe"
+  integrity sha512-t3a+TK1H83fjtlhAv5qxlY7KOm4LRX8+xSP545jQIZ2tku93n/LnZNkCVwHxLbZ4Zx00qT5+hE0rNQKIPl2vnQ==
+  dependencies:
+    "@babel/runtime" "^7.28.2"
+    "@types/hoist-non-react-statics" "^3.3.7"
+    csstype "^3.1.3"
+    hoist-non-react-statics "^3.3.2"
+    prop-types "^15.8.1"
+
+"@mui/styled-engine@^7.3.0":
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/@mui/styled-engine/-/styled-engine-7.3.0.tgz#9fe42f130dc436e3ff15e43394717e514c7c5a0a"
+  integrity sha512-O8GNVzpr+ZGzHXCGlYXnc9iSgBldrX3UtPswvLEZX8fyjKfh6wYVvbc7Oa6FdFKdbWWXAnrJ9YTVBQsk2VXDSg==
+  dependencies:
+    "@babel/runtime" "^7.28.2"
+    "@emotion/cache" "^11.14.0"
+    "@emotion/serialize" "^1.3.3"
+    "@emotion/sheet" "^1.4.0"
+    csstype "^3.1.3"
+    prop-types "^15.8.1"
+
+"@mui/system@^7.3.0":
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/@mui/system/-/system-7.3.0.tgz#d166cf92f1b6e6fdf7789360abe8b33f65ee4b8a"
+  integrity sha512-D4VclTIVbMxwrPeDF+PEfwCo9BC+4pYnM1OakA5iFznmE1QRVanyXtpUM3319IhlZolN82EG04iKk3XiiQZmHg==
+  dependencies:
+    "@babel/runtime" "^7.28.2"
+    "@mui/private-theming" "^7.3.0"
+    "@mui/styled-engine" "^7.3.0"
+    "@mui/types" "^7.4.5"
+    "@mui/utils" "^7.3.0"
+    clsx "^2.1.1"
+    csstype "^3.1.3"
+    prop-types "^15.8.1"
+
+"@mui/types@^7.4.5":
+  version "7.4.5"
+  resolved "https://registry.yarnpkg.com/@mui/types/-/types-7.4.5.tgz#97533ac6f95498820e1331c6b961b7acc04e91d7"
+  integrity sha512-ZPwlAOE3e8C0piCKbaabwrqZbW4QvWz0uapVPWya7fYj6PeDkl5sSJmomT7wjOcZGPB48G/a6Ubidqreptxz4g==
+  dependencies:
+    "@babel/runtime" "^7.28.2"
+
+"@mui/utils@^7.3.0":
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/@mui/utils/-/utils-7.3.0.tgz#4e5e6643479e7246c3c8c0e418cecc690df107d5"
+  integrity sha512-YdL6ebwFV7PIOidIsees3HxkZ8hZjj+/atKLuI1ENwvJJ1puiEoLEmuDU72qSbKu911/GeFa7pc7Cn/ZmAj6yQ==
+  dependencies:
+    "@babel/runtime" "^7.28.2"
+    "@mui/types" "^7.4.5"
+    "@types/prop-types" "^15.7.15"
+    clsx "^2.1.1"
+    prop-types "^15.8.1"
+    react-is "^19.1.1"
+
 "@napi-rs/wasm-runtime@^0.2.9":
   version "0.2.9"
   resolved "https://registry.yarnpkg.com/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.9.tgz#7278122cf94f3b36d8170a8eee7d85356dfa6a96"
@@ -2973,6 +3274,11 @@
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.28.tgz#d45e01c4a56f143ee69c54dd6b12eade9e270a73"
   integrity sha512-8LduaNlMZGwdZ6qWrKlfa+2M4gahzFkprZiAt2TF8uS0qQgBizKXpXURqvTJ4WtmupWxaLqjRb2UCTe72mu+Aw==
 
+"@popperjs/core@^2.11.8":
+  version "2.11.8"
+  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
+  integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
+
 "@protobufjs/aspromise@^1.1.1", "@protobufjs/aspromise@^1.1.2":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@protobufjs/aspromise/-/aspromise-1.1.2.tgz#9b8b0cc663d669a7d8f6f5d0893a14d348f30fbf"
@@ -4550,6 +4856,13 @@
   resolved "https://registry.yarnpkg.com/@types/history/-/history-4.7.11.tgz#56588b17ae8f50c53983a524fc3cc47437969d64"
   integrity sha512-qjDJRrmvBMiTx+jyLxvLfJU7UznFuokDv4f3WRuriHKERccVpFU+8XMQUAbDzoiJCsmexxRExQeMwwCdamSKDA==
 
+"@types/hoist-non-react-statics@^3.3.7":
+  version "3.3.7"
+  resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.7.tgz#306e3a3a73828522efa1341159da4846e7573a6c"
+  integrity sha512-PQTyIulDkIDro8P+IHbKCsw7U2xxBYflVzW/FgWdCAePD9xGSidgA76/GeJ6lBKoblyhf9pBY763gbrN+1dI8g==
+  dependencies:
+    hoist-non-react-statics "^3.3.0"
+
 "@types/html-minifier-terser@^6.0.0":
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#4fc33a00c1d0c16987b1a20cf92d20614c55ac35"
@@ -4659,6 +4972,11 @@
   resolved "https://registry.yarnpkg.com/@types/prismjs/-/prismjs-1.26.5.tgz#72499abbb4c4ec9982446509d2f14fb8483869d6"
   integrity sha512-AUZTa7hQ2KY5L7AmtSiqxlhWxb4ina0yd8hNbl4TWuqnv/pFP0nDMb3YrfSBf4hJVGLh2YEIBfKaBW/9UEl6IQ==
 
+"@types/prop-types@^15.7.15":
+  version "15.7.15"
+  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.15.tgz#e6e5a86d602beaca71ce5163fadf5f95d70931c7"
+  integrity sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==
+
 "@types/qs@*":
   version "6.9.18"
   resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.18.tgz#877292caa91f7c1b213032b34626505b746624c2"
@@ -4695,6 +5013,11 @@
     "@types/history" "^4.7.11"
     "@types/react" "*"
 
+"@types/react-transition-group@^4.4.12":
+  version "4.4.12"
+  resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.12.tgz#b5d76568485b02a307238270bfe96cb51ee2a044"
+  integrity sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==
+
 "@types/react@*", "@types/react@^19.0.4":
   version "19.0.8"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-19.0.8.tgz#7098e6159f2a61e4f4cef2c1223c044a9bec590e"
@@ -5204,6 +5527,15 @@ babel-plugin-dynamic-import-node@^2.3.3:
   dependencies:
     object.assign "^4.1.0"
 
+babel-plugin-macros@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
+  integrity sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    cosmiconfig "^7.0.0"
+    resolve "^1.19.0"
+
 babel-plugin-polyfill-corejs2@^0.4.10:
   version "0.4.12"
   resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.12.tgz#ca55bbec8ab0edeeef3d7b8ffd75322e210879a9"
@@ -5784,7 +6116,7 @@ clone-deep@^4.0.1:
     kind-of "^6.0.2"
     shallow-clone "^3.0.0"
 
-clsx@^2.0.0, clsx@^2.1.0:
+clsx@^2.0.0, clsx@^2.1.0, clsx@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.1.1.tgz#eed397c9fd8bd882bfb18deab7102049a2f32999"
   integrity sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==
@@ -6000,6 +6332,11 @@ content-type@~1.0.4, content-type@~1.0.5:
   resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
   integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
 
+convert-source-map@^1.5.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
+  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
+
 convert-source-map@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
@@ -6097,6 +6434,17 @@ cosmiconfig@^6.0.0:
     path-type "^4.0.0"
     yaml "^1.7.2"
 
+cosmiconfig@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
+  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
 cosmiconfig@^8.1.3, cosmiconfig@^8.3.5:
   version "8.3.6"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-8.3.6.tgz#060a2b871d66dba6c8538ea1118ba1ac16f5fae3"
@@ -6311,7 +6659,7 @@ csso@^5.0.5:
   dependencies:
     css-tree "~2.2.0"
 
-csstype@3.1.3, csstype@^3.0.2:
+csstype@3.1.3, csstype@^3.0.2, csstype@^3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
   integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
@@ -6847,6 +7195,14 @@ dom-converter@^0.2.0:
   dependencies:
     utila "~0.4"
 
+dom-helpers@^5.0.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902"
+  integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==
+  dependencies:
+    "@babel/runtime" "^7.8.7"
+    csstype "^3.0.2"
+
 dom-serializer@^1.0.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
@@ -7548,6 +7904,11 @@ find-cache-dir@^4.0.0:
     common-path-prefix "^3.0.0"
     pkg-dir "^7.0.0"
 
+find-root@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
+  integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
+
 find-up@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
@@ -8201,7 +8562,7 @@ history@^4.9.0:
     tiny-warning "^1.0.0"
     value-equal "^1.0.1"
 
-hoist-non-react-statics@^3.1.0:
+hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.1, hoist-non-react-statics@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
   integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
@@ -8445,7 +8806,7 @@ immutable@^5.0.2:
   resolved "https://registry.yarnpkg.com/immutable/-/immutable-5.0.3.tgz#aa037e2313ea7b5d400cd9298fa14e404c933db1"
   integrity sha512-P8IdPQHq3lA1xVeBRi5VPqUm5HDgKnx0Ru51wZz5mjxHr5n3RWhjIpOFU7ybkUxfB+5IToy+OLaHYDBIWsv+uw==
 
-import-fresh@^3.1.0, import-fresh@^3.3.0:
+import-fresh@^3.1.0, import-fresh@^3.2.1, import-fresh@^3.3.0:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.1.tgz#9cecb56503c0ada1f2741dbbd6546e4b13b57ccf"
   integrity sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==
@@ -11875,6 +12236,11 @@ react-is@^16.13.1, react-is@^16.6.0, react-is@^16.7.0:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
   integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
 
+react-is@^19.1.1:
+  version "19.1.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-19.1.1.tgz#038ebe313cf18e1fd1235d51c87360eb87f7c36a"
+  integrity sha512-tr41fA15Vn8p4X9ntI+yCyeGSf1TlYaY5vlTZfQmeLBrFo3psOPX6HhTDnFNL9uj3EhP0KAQ80cugCl4b4BERA==
+
 react-json-view-lite@^1.2.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/react-json-view-lite/-/react-json-view-lite-1.5.0.tgz#377cc302821717ac79a1b6d099e1891df54c8662"
@@ -11989,6 +12355,16 @@ react-tabs@^6.0.2:
     clsx "^2.0.0"
     prop-types "^15.5.0"
 
+react-transition-group@^4.4.5:
+  version "4.4.5"
+  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.5.tgz#e53d4e3f3344da8521489fbef8f2581d42becdd1"
+  integrity sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    dom-helpers "^5.0.1"
+    loose-envify "^1.4.0"
+    prop-types "^15.6.2"
+
 react-virtualized-auto-sizer@^1.0.20:
   version "1.0.26"
   resolved "https://registry.yarnpkg.com/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.26.tgz#e9470ef6a778dc4f1d5fd76305fa2d8b610c357a"
@@ -12418,7 +12794,7 @@ resolve-pkg-maps@^1.0.0:
   resolved "https://registry.yarnpkg.com/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz#616b3dc2c57056b5588c31cdf4b3d64db133720f"
   integrity sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==
 
-resolve@^1.1.6, resolve@^1.14.2:
+resolve@^1.1.6, resolve@^1.14.2, resolve@^1.19.0:
   version "1.22.10"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
   integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
@@ -13032,6 +13408,11 @@ source-map-support@~0.5.20:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
+source-map@^0.5.7:
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
+  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
+
 source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
@@ -13244,6 +13625,21 @@ styled-components@^6.0.7:
     stylis "4.3.2"
     tslib "2.6.2"
 
+styled-components@^6.1.19:
+  version "6.1.19"
+  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-6.1.19.tgz#9a41b4db79a3b7a2477daecabe8dd917235263d6"
+  integrity sha512-1v/e3Dl1BknC37cXMhwGomhO8AkYmN41CqyX9xhUDxry1ns3BFQy2lLDRQXJRdVVWB9OHemv/53xaStimvWyuA==
+  dependencies:
+    "@emotion/is-prop-valid" "1.2.2"
+    "@emotion/unitless" "0.8.1"
+    "@types/stylis" "4.2.5"
+    css-to-react-native "3.2.0"
+    csstype "3.1.3"
+    postcss "8.4.49"
+    shallowequal "1.1.0"
+    stylis "4.3.2"
+    tslib "2.6.2"
+
 styled-jsx@*:
   version "5.1.6"
   resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.1.6.tgz#83b90c077e6c6a80f7f5e8781d0f311b2fe41499"
@@ -13259,6 +13655,11 @@ stylehacks@^6.1.1:
     browserslist "^4.23.0"
     postcss-selector-parser "^6.0.16"
 
+stylis@4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.2.0.tgz#79daee0208964c8fe695a42fcffcac633a211a51"
+  integrity sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==
+
 stylis@4.3.2:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.3.2.tgz#8f76b70777dd53eb669c6f58c997bf0a9972e444"