Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -15,7 +15,7 @@ export default function LandingPage() {
     <ThemeProvider
       defaultButtonVariant="text-shift"
       defaultTextAnimation="background-highlight"
-      borderRadius="rounded"
+      borderRadius="pill"
       contentWidth="medium"
       sizing="largeSmall"
       background="circleGradient"
@@ -41,9 +41,12 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroSplitTestimonial
-          title="Meet Mojik, the toy kids actually talk to"
+          title="The AI toy kids won't want to put down"
           description="Mojik is a smart plush companion that talks, plays, and grows with your child — while giving parents a safer, calmer kind of tech. Early access now."
           background={{ variant: "plain" }}
+          tag="Meet Mojik"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
           testimonials={[
             {
               name: "Safe for home",              handle: "Always",              testimonial: "Age-appropriate, privacy-first, and thoughtfully designed.",              rating: 5
@@ -52,18 +55,15 @@ export default function LandingPage() {
               name: "Ages 3–10+",              handle: "Perfect for",              testimonial: "Grows with your child through every stage.",              rating: 5
             },
             {
-              name: "First families",              handle: "Join the",              testimonial: "Be among the first to bring Mojik home.",              rating: 5
+              name: "Early access now",              handle: "Join the",              testimonial: "Be among the first to bring Mojik home.",              rating: 5
             }
           ]}
-          tag="Early Access Available"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
           buttons={[
-            { text: "Join the Waitlist", href: "#early-access" },
+            { text: "Get Early Access", href: "#early-access" },
-            { text: "See Mojik in Action", href: "#how-mojik-works" }
+            { text: "See Mojik in action", href: "#how-mojik-works" }
           ]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/casual-smiling-young-woman-knitted-clothes-holding-big-soft-teddy-bear_158595-1770.jpg?_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDzEwjBs1dWpPT5VXSrEmnXmYO/uploaded-1774201748791-7x6alz3g.jpg"
           imageAlt="Mojik yellow AI plush toy"
           mediaAnimation="slide-up"
           imagePosition="right"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #1e3a8a;
-  --card: #f9f9f9;
+  --card: #1f2937;
-  --foreground: #0f172a;
+  --foreground: #ffffff;
-  --primary-cta: #15479c;
+  --primary-cta: #fbbf24;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #FFC700;
+  --secondary-cta: #fbbf24;
   --secondary-cta-text: #1f2937;
-  --accent: #FFC700;
+  --accent: #fbbf24;
-  --background-accent: #e8f2ff;
+  --background-accent: #fbbf24;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);