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 NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
@@ -41,17 +41,16 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard
-          logoText="Vitality Moringa"
+        <HeroSplit
+          title="Vitality Moringa"
           description="Farm-grown moringa nutritional capsules and powder. Pure, potent wellness in every serving. Sustainably sourced superfoods to elevate your health journey."
+          background={{ variant: "plain" }}
           buttons={[
             { text: "Explore Products", href: "#products" },
             { text: "Learn More", href: "#about" }
           ]}
-          background={{ variant: "sparkles-gradient" }}
           imageSrc="http://img.b2bpic.net/free-photo/close-up-green-asian-tea-matcha_23-2148296717.jpg?_wi=1"
           imageAlt="Premium moringa powder in eco-friendly packaging"
-          frameStyle="card"
           mediaAnimation="slide-up"
           buttonAnimation="slide-up"
           className="w-full"
@@ -72,7 +71,6 @@ export default function LandingPage() {
           imageAlt="Sustainable moringa plant farm with green leaves"
           mediaAnimation="slide-up"
           metricsAnimation="slide-up"
-          tagAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #f5f5f5;
-  --primary-cta: #ff0000;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000f06e6;
+  --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffff;
-  --accent: #991b1b;
-  --background-accent: #7f1d1d;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000f06e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);