Update src/app/page.tsx

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -20,7 +20,7 @@ export default function LandingPage() {
       borderRadius="sharp"
       contentWidth="medium"
       sizing="largeSizeMediumTitles"
-      background="aurora"
+      background="none"
       cardStyle="solid"
       primaryButtonStyle="inset-glow"
       secondaryButtonStyle="radial-glow"
@@ -45,7 +45,7 @@ export default function LandingPage() {
         <HeroSignup
           title="Premium Barbershop Experience"
           description="Experience expert grooming and professional barbering at The Edge. Book your appointment today and discover why hundreds of satisfied customers trust us with their style."
-          background={{ variant: "aurora" }}
+          background={{ variant: "sparkles-gradient" }}
           tag="Welcome to The Edge"
           tagIcon={Scissors}
           inputPlaceholder="Enter your email"
@@ -66,6 +66,8 @@ export default function LandingPage() {
           imageSrc="https://img.b2bpic.net/free-photo/side-view-man-getting-new-haircut_23-2148242786.jpg"
           imageAlt="The Edge Barbershop Interior"
           useInvertedBackground={false}
+          mediaAnimation="slide-up"
+          metricsAnimation="fade-in"
         />
       </div>
 
@@ -146,6 +148,7 @@ export default function LandingPage() {
           cardTag="See what they say"
           cardTagIcon={Heart}
           useInvertedBackground={false}
+          cardAnimation="slide-up"
         />
       </div>
 
@@ -169,7 +172,7 @@ export default function LandingPage() {
               id: "4",              value: "15+",              title: "Years Strong",              description: "Trusted barbershop in the community",              icon: Calendar
             }
           ]}
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="uniform-all-items-equal"
           animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground={false}