Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import BlogCardThree from '@/components/sections/blog/BlogCardThree';
@@ -41,29 +41,21 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCarouselLogo
+        <HeroSplit
-          logoText="MAULIK"
+          background={{ variant: 'glowing-orb' }}
-          description="Building AI agents that scale to millions. I'm exploring how conversational intelligence can reshape how we work. Mailient is my current obsession—an AI email agent that understands context, intent, and nuance. This is where systems thinking meets product."
+          title="Building AI agents that scale to millions"
+          description="I'm exploring how conversational intelligence can reshape how we work. Mailient is my current obsession—an AI email agent that understands context, intent, and nuance. This is where systems thinking meets product."
+          tag="New Release"
+          tagIcon={Sparkles}
+          imagePosition="right"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac8t78U3tGwzyss4ErWsc06Rq2/a-minimalist-sophisticated-tech-workspac-1772951773595-252577a7.png?_wi=1"
+          imageAlt="AI vision interface representing future of work"
+          mediaAnimation="slide-up"
           buttons={[
             { text: 'Explore My Thinking', href: '#thinking' },
             { text: 'See Mailient', href: 'https://mailient.com' }
           ]}
-          slides={[
+          buttonAnimation="slide-up"
-            {
-              imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac8t78U3tGwzyss4ErWsc06Rq2/a-minimalist-sophisticated-tech-workspac-1772951773595-252577a7.png?_wi=1',
-              imageAlt: 'AI vision interface representing future of work'
-            },
-            {
-              imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac8t78U3tGwzyss4ErWsc06Rq2/clean-minimal-interface-mockup-of-an-ai--1772951775571-7f7270e6.png?_wi=1',
-              imageAlt: 'Mailient AI email agent interface'
-            },
-            {
-              imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac8t78U3tGwzyss4ErWsc06Rq2/abstract-representation-of-complex-syste-1772951773297-67f5f6be.png?_wi=1',
-              imageAlt: 'Systems thinking and interconnected ideas'
-            }
-          ]}
-          autoplayDelay={5000}
-          showDimOverlay={true}
         />
       </div>
 
@@ -77,7 +69,7 @@ export default function LandingPage() {
             { icon: Compass, label: 'Vision', value: 'Stanford' }
           ]}
           metricsAnimation="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
         />
       </div>
 
@@ -89,7 +81,7 @@ export default function LandingPage() {
           tagIcon={Sparkles}
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           gridVariant="three-columns-all-equal-width"
           products={[
             {
@@ -127,7 +119,7 @@ export default function LandingPage() {
           tag="Essays"
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           blogs={[
             {
               id: '1',
@@ -173,7 +165,7 @@ export default function LandingPage() {
           tag="First Principles"
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           features={[
             {
               id: '1',
@@ -230,7 +222,7 @@ export default function LandingPage() {
           title="Let's Talk"
           description="Interested in AI systems, founder thinking, or just want to discuss ideas? I'm always open to conversations with investors, builders, and fellow thinkers."
           background={{ variant: 'sparkles-gradient' }}
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac8t78U3tGwzyss4ErWsc06Rq2/minimalist-representation-of-connection--1772951772300-864e0191.png"
           imageAlt="Connection and communication"
           mediaAnimation="slide-up"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
+  --background: #0a0a0a;
-  --card: #1a2a1a;
+  --card: #1a1a1a;
-  --foreground: #ffffff;
+  --foreground: #ffffffe6;
-  --primary-cta: #c1e1c1;
+  --primary-cta: #e6e6e6;
   --primary-cta-text: #0a150a;
-  --secondary-cta: #0d1a0d;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #e1f6e1;
-  --accent: #2d4a2d;
+  --accent: #737373;
-  --background-accent: #c1e1c1;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);