Update src/app/page.tsx

Merge version_3 into main

src/app/layout.tsx

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

src/app/page.tsx

@@ -101,6 +101,8 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
+          cardClassName="group perspective cursor-pointer h-full"
+          containerClassName="[&_.card-inner]:group-hover:transition-transform [&_.card-inner]:group-hover:duration-500 [&_.card-inner]:group-hover:[transform-style:preserve-3d] [&_.card-inner]:group-hover:[transform:rotateY(180deg)]"
         />
       </div>
 
@@ -233,4 +235,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #fafffb;;
+  /* --background: #010912;;
-  --card: #f7fffa;;
+  --card: #152840;;
-  --foreground: #001a0a;;
+  --foreground: #e6f0ff;;
-  --primary-cta: #0a7039;;
+  --primary-cta: #cee7ff;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #0e1a29;;
-  --accent: #a8d9be;;
+  --accent: #3f5c79;;
-  --background-accent: #6bbf8e;; */
+  --background-accent: #004a93;; */
 
-  --background: #fafffb;;
+  --background: #010912;;
-  --card: #f7fffa;;
+  --card: #152840;;
-  --foreground: #001a0a;;
+  --foreground: #e6f0ff;;
-  --primary-cta: #0a7039;;
+  --primary-cta: #cee7ff;;
   --primary-cta-text: #fafffb;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #0e1a29;;
   --secondary-cta-text: #001a0a;;
-  --accent: #a8d9be;;
+  --accent: #3f5c79;;
-  --background-accent: #6bbf8e;;
+  --background-accent: #004a93;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);