Merge version_3 into main

Merge version_3 into main

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #fffffae6;;
-  --card: #fcfcfc;;
-  --foreground: #121200e6;;
-  --primary-cta: #ffcf40;;
-  --secondary-cta: #ffffff;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;;
+  --background: #000000;
+  --card: #1a1a1a;
+  --foreground: #ffffffe6;
+  --primary-cta: #e6e6e6;
+  --secondary-cta: #1a1a1a;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/layout.tsx

@@ -1278,4 +1278,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
@@ -136,7 +136,7 @@ export default function EmodjiSitePage() {
               title: "Organized emoji collections"
             }
           ]}
-          gridVariant="uniform-all-items-equal"
+          gridVariant="bento-grid"
           animationType="slide-up"
           title="EMODJISITE by Numbers"
           description="See the impact of emoji learning"
@@ -164,4 +164,4 @@ export default function EmodjiSitePage() {
       </div>
     </ThemeProvider>
   );
-}
+}