Update src/app/page.tsx

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={[
@@ -194,6 +194,7 @@ export default function LandingPage() {
         "http://img.b2bpic.net/free-photo/woman-looking-tired-after-shopping_23-2148302827.jpg",        "http://img.b2bpic.net/free-photo/front-view-man-holding-hearing-aids_23-2149705965.jpg",        "http://img.b2bpic.net/free-photo/woman-choosing-dress_23-2147688707.jpg",        "http://img.b2bpic.net/free-photo/women-getting-display-window-japanese-hairdressers-ready_23-2149395757.jpg",        "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-81887.jpg",        "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographers-working-studio_23-2150247255.jpg",        "http://img.b2bpic.net/free-vector/being-against-animal-cruelty-badge-set_23-2148830704.jpg"]}
       title="Trusted by Beauty Connoisseurs"
       description="Featured in leading beauty publications and trusted by industry experts worldwide."
+      animationType="blur-reveal"
     />
   </div>
 
@@ -285,4 +286,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}