Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Award, Globe, Package, Sparkles } from 'lucide-react';
 
@@ -45,7 +45,7 @@ export default function LandingPage() {
           title="Welcome to Jio - Where Joy Comes to Play"
           description="Discover the world's most delightful toys crafted for imagination, learning, and endless fun. Every toy tells a story of happiness."
           tag="Premium Toys for Every Age"
-          imageSrc="http://img.b2bpic.net/free-photo/elevated-view-two-boys-gathering-confetti-wooden-floor_23-2148046178.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/elevated-view-two-boys-gathering-confetti-wooden-floor_23-2148046178.jpg?_wi=1"
           imageAlt="Colorful toys and children playing"
           textPosition="bottom-left"
           showBlur={true}
@@ -143,12 +143,16 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenter
+        <ContactSplit
           tag="Stay Connected"
           title="Never Miss Out on New Toys & Exclusive Deals"
           description="Subscribe to our newsletter for the latest toy releases, special discounts, and parenting tips delivered straight to your inbox."
           background={{ variant: "rotated-rays-animated-grid" }}
           useInvertedBackground={false}
+          videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34my1kGeblbsCcwUUCcjBY9WFkg/uploaded-1771684785214-9g6egt6v.mp4"
+          imageAlt="Newsletter signup"
+          mediaPosition="right"
+          mediaAnimation="slide-up"
           inputPlaceholder="Enter your email"
           buttonText="Subscribe"
           termsText="We respect your privacy. Unsubscribe at any time. No spam, just pure toy joy!"

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f7f6f7;;
+  /* --background: #fffbf5;;
-  --card: #ffffff;;
+  --card: #ffe8dc;;
-  --foreground: #032419;;
+  --foreground: #5c2e1a;;
-  --primary-cta: #2bb889;;
+  --primary-cta: #d32f2f;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #ffd54f;;
-  --accent: #09b97e;;
+  --accent: #1976d2;;
-  --background-accent: #a8e8c3;; */
+  --background-accent: #bbdefb;; */
 
-  --background: #f7f6f7;;
+  --background: #fffbf5;;
-  --card: #ffffff;;
+  --card: #ffe8dc;;
-  --foreground: #032419;;
+  --foreground: #5c2e1a;;
-  --primary-cta: #2bb889;;
+  --primary-cta: #d32f2f;;
   --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #ffd54f;;
   --secondary-cta-text: #032419;;
-  --accent: #09b97e;;
+  --accent: #1976d2;;
-  --background-accent: #a8e8c3;;
+  --background-accent: #bbdefb;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);