Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -17,15 +17,15 @@ export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="smallMedium"
-        sizing="largeSmall"
-        background="noiseDiagonalGradient"
-        cardStyle="inset"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="bold"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="none"
+        cardStyle="outline"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -43,7 +43,7 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{ variant: "sparkles-gradient" }}
+      background={{ variant: "plain" }}
       title="Scaling Software & Ventures"
       description="Software engineer turned entrepreneur. Architecting high-scale digital infrastructure and building next-generation SaaS products to solve complex global problems."
       tag="Tech Leadership"
@@ -51,7 +51,7 @@ export default function LandingPage() {
         { imageSrc: "http://img.b2bpic.net/free-photo/data-center-admin-typing-keyboard-developing-disaster-recovery-plans_482257-128492.jpg", imageAlt: "Modern coding workspace" },
         { imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg", imageAlt: "Professional portrait" }
       ]}
-      mediaAnimation="blur-reveal"
+      mediaAnimation="opacity"
       rating={5}
       ratingText="Trusted by 50+ partners"
       tagIcon={Zap}
@@ -60,7 +60,7 @@ export default function LandingPage() {
 
   <div id="about" data-section="about">
       <TextAbout
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       tag="About Me"
       title="Blending deep technical expertise with entrepreneurial vision to accelerate innovation and solve business challenges."
       tagIcon={User}
@@ -87,10 +87,10 @@ export default function LandingPage() {
 
   <div id="projects" data-section="projects">
       <ProductCardThree
-      animationType="scale-rotate"
+      animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       products={[
         { id: "p1", name: "Analytics Pro", price: "SaaS Platform", imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg" },
         { id: "p2", name: "TaskFlow", price: "Mobile App", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-white-background_9975-133803.jpg" },
@@ -106,7 +106,7 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
-      animationType="depth-3d"
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
@@ -122,8 +122,8 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSixteen
       textboxLayout="split"
-      useInvertedBackground={true}
-      animationType="depth-3d"
+      useInvertedBackground={false}
+      animationType="slide-up"
       testimonials={[
         { id: "t1", name: "Sarah Johnson", role: "CEO", company: "InnovateTech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg" },
         { id: "t2", name: "Michael Chen", role: "CTO", company: "CodeFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg" },
@@ -142,7 +142,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{ variant: "sparkles-gradient" }}
+      background={{ variant: "plain" }}
       tag="Contact"
       title="Ready to build something great?"
       description="Let's discuss how we can leverage technology to build your next breakthrough product."
@@ -163,4 +163,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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