Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -17,16 +17,16 @@ import { Droplet, Globe, Leaf, Palette, Sparkles } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-stagger"
+        defaultButtonVariant="directional-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
-        contentWidth="mediumSmall"
+        contentWidth="medium"
         sizing="mediumSizeLargeTitles"
-        background="grid"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="solid"
-        headingFontWeight="light"
+        background="floatingGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -56,7 +56,7 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroCentered
       background={{
-        variant: "radial-gradient"}}
+        variant: "sparkles-gradient"}}
       title="Unveil Your Essence with MARRYME"
       description="Discover a world of exquisite fragrances and luxurious cosmetics, crafted to elevate your senses and express your unique beauty."
       avatars={[
@@ -139,9 +139,9 @@ export default function LandingPage() {
 
   <div id="products" data-section="products">
       <ProductCardFour
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
+      gridVariant="bento-grid"
       useInvertedBackground={false}
       products={[
         {
@@ -164,7 +164,7 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSix
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
@@ -285,4 +285,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}