Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -14,16 +14,16 @@ import { Calendar, Camera, Scissors, Sparkles, Star, Users, MapPin } from "lucid
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="text-stagger"
+      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="entrance-slide"
+      defaultTextAnimation="reveal-blur"
-      borderRadius="soft"
+      borderRadius="pill"
-      contentWidth="compact"
+      contentWidth="mediumLarge"
-      sizing="largeSmall"
+      sizing="largeSizeMediumTitles"
-      background="circleGradient"
+      background="aurora"
-      cardStyle="glass-depth"
+      cardStyle="gradient-mesh"
-      primaryButtonStyle="shadow"
+      primaryButtonStyle="gradient"
-      secondaryButtonStyle="layered"
+      secondaryButtonStyle="glass"
-      headingFontWeight="normal"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
@@ -67,13 +67,13 @@ export default function LandingPage() {
         <FeatureCardSix
           tag="Our Services"
           tagIcon={Sparkles}
-          tagAnimation="slide-up"
+          tagAnimation="blur-reveal"
           title="Premium Grooming Services"
           description="From classic cuts to modern styles, we offer comprehensive grooming solutions tailored to your preferences"
           textboxLayout="default"
           useInvertedBackground={false}
           buttons={[{ text: "Book Now", href: "contact" }]}
-          buttonAnimation="slide-up"
+          buttonAnimation="blur-reveal"
           features={[
             {
               id: 1,
@@ -99,13 +99,13 @@ export default function LandingPage() {
         <TeamCardOne
           tag="Our Team"
           tagIcon={Users}
-          tagAnimation="slide-up"
+          tagAnimation="blur-reveal"
           title="Meet Our Expert Barbers"
           description="Skilled professionals with years of experience in precision grooming and customer service"
           textboxLayout="default"
           useInvertedBackground={false}
           gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
+          animationType="scale-rotate"
           members={[
             {
               id: "1",              name: "Marco S.",              role: "Head Barber",              imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-with-tattooed-arms-dressed-shirt-posing-grey-background_613910-2010.jpg",              imageAlt: "Marco S., Head Barber at Kubazz"
@@ -127,7 +127,7 @@ export default function LandingPage() {
         <TestimonialCardFive
           tag="Client Reviews"
           tagIcon={Star}
-          tagAnimation="slide-up"
+          tagAnimation="blur-reveal"
           title="What Our Clients Say"
           description="Real feedback from satisfied customers who trust Kubazz for their grooming needs"
           textboxLayout="default"
@@ -159,12 +159,12 @@ export default function LandingPage() {
         <ProductCardTwo
           tag="Portfolio"
           tagIcon={Camera}
-          tagAnimation="slide-up"
+          tagAnimation="blur-reveal"
           title="Our Work Gallery"
           description="Showcase of precision cuts and professional grooming transformations by our expert barbers"
           textboxLayout="default"
           useInvertedBackground={false}
-          animationType="slide-up"
+          animationType="scale-rotate"
           gridVariant="three-columns-all-equal-width"
           carouselMode="buttons"
           products={[
@@ -200,14 +200,14 @@ export default function LandingPage() {
         <ContactCTA
           tag="Ready for Your Perfect Cut?"
           tagIcon={Calendar}
-          tagAnimation="slide-up"
+          tagAnimation="blur-reveal"
           title="Book Your Appointment Today"
           description="Located at 123 Main St, open Mon-Sat 10am-8pm. Call us at (555) 123-4567 or visit our location to schedule your grooming session. Walk-ins also welcome!"
           buttons={[
             { text: "Call Now", href: "tel:+15551234567" },
             { text: "Get Directions", href: "https://maps.google.com" }
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="blur-reveal"
           background={{ variant: "plain" }}
           useInvertedBackground={false}
         />