Update src/app/styles/variables.css

Merge version_2 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';
@@ -8,14 +8,14 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Sparkles, Heart, Smile, Shield, Gift } from 'lucide-react';
+import { Sparkles, Heart, Smile, Shield, Gift, Mail, Users, Star } from 'lucide-react';
 
 export default function LandingPage() {
   return (
     <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: "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"
@@ -260,4 +260,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f8fafc;
-  --foreground: #0f172a;
-  --primary-cta: #2563eb;
+  --background: #1e3a8a;
+  --card: #1f2937;
+  --foreground: #ffffff;
+  --primary-cta: #fbbf24;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #fef3c7;
+  --secondary-cta: #fbbf24;
   --secondary-cta-text: #1f2937;
   --accent: #fbbf24;
-  --background-accent: #dbeafe;
+  --background-accent: #fbbf24;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);