Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -21,7 +21,7 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="mediumSmall"
         sizing="mediumLargeSizeLargeTitles"
-        background="grid"
+        background="aurora"
         cardStyle="glass-elevated"
         primaryButtonStyle="gradient"
         secondaryButtonStyle="layered"
@@ -67,14 +67,14 @@ export default function LandingPage() {
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/natural-abstract-background-with-crystal-dew-drops-spider-web-sunlight-with-bokeh_169016-14225.jpg"
       imageAlt="Fluid 3D background of glowing skin cells, representing advanced aesthetic science."
-      mediaAnimation="opacity"
+      mediaAnimation="blur-reveal"
       frameStyle="card"
     />
   </div>
 
   <div id="dr-nashwan" data-section="dr-nashwan">
       <TeamCardSix
-      animationType="slide-up"
+      animationType="depth-3d"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
@@ -128,7 +128,7 @@ export default function LandingPage() {
         {
           id: "device-y",          name: "AuraPro Y",          price: "Optimal Results",          variant: "Rejuvenation System",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599402.jpg",          imageAlt: "AuraPro Y rejuvenation system"},
         {
-          id: "device-other-1",          name: "Clarity Z",          price: "Skin Refinement",          variant: "Texture & Tone",          imageSrc: "http://img.b2bpic.net/free-photo/set-smoke-swirling-from-incense-against-black-backdrop_23-2148092827.jpg",          imageAlt: "Clarity Z skin refinement device"},
+          id: "device-z",          name: "Clarity Z",          price: "Skin Refinement",          variant: "Texture & Tone",          imageSrc: "http://img.b2bpic.net/free-photo/set-smoke-swirling-from-incense-against-black-backdrop_23-2148092827.jpg",          imageAlt: "Clarity Z skin refinement device"},
         {
           id: "device-other-2",          name: "Radiance M",          price: "Cellular Boost",          variant: "Anti-Aging Matrix",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821338.jpg",          imageAlt: "Radiance M anti-aging device"},
         {
@@ -145,7 +145,7 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardThirteen
-      animationType="slide-up"
+      animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={false}
       carouselMode="buttons"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #2a2928;
-  --primary-cta: #B8860B;
+  --background: #000000;
+  --card: #0c0c0c;
+  --foreground: #ffffff;
+  --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #2a2928;
-  --accent: #E3CC9F;
-  --background-accent: #C6B180;
+  --secondary-cta: #000000;
+  --secondary-cta-text: #ffffff;
+  --accent: #535353;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);