Update src/app/page.tsx

src/app/page.tsx

@@ -31,7 +31,7 @@ export default function LandingPage() {
       borderRadius="soft"
       contentWidth="mediumLarge"
       sizing="mediumSizeLargeTitles"
-      background="grid"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
@@ -56,12 +56,12 @@ export default function LandingPage() {
             { text: "Rezerwuj wizytę", href: "#booking" },
             { text: "Dowiedz się więcej", href: "#services" }
           ]}
-          background={{ variant: "grid" }}
+          background={{ variant: "sparkles-gradient" }}
           imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg"
           imageAlt="Wnętrze salonu Barbershop Rustam"
           frameStyle="card"
           mediaAnimation="slide-up"
-          buttonAnimation="entrance-slide"
+          buttonAnimation="slide-up"
           className="min-h-screen"
           containerClassName="space-y-8"
           logoClassName="text-5xl sm:text-7xl font-bold tracking-tight"
@@ -77,7 +77,7 @@ export default function LandingPage() {
           description="Profesjonalne zabiegi fryzjerskie i goleniu brzytwą w najwyższym standardzie"
           tag="Cennik"
           tagIcon={Scissors}
-          tagAnimation="entrance-slide"
+          tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
@@ -108,7 +108,7 @@ export default function LandingPage() {
             }
           ]}
           buttons={[{ text: "Rezerwuj wizytę", href: "#booking" }]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="slide-up"
           gridClassName="grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"
           containerClassName="py-20"
         />
@@ -120,7 +120,7 @@ export default function LandingPage() {
           description="Doświadczeni barberzy z pasją do swojego rzemiosła"
           tag="Zespół"
           tagIcon={Users}
-          tagAnimation="entrance-slide"
+          tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
@@ -146,7 +146,7 @@ export default function LandingPage() {
             }
           ]}
           buttons={[{ text: "Rezerwuj u swojego barbera", href: "#booking" }]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="slide-up"
           containerClassName="py-20"
         />
       </div>
@@ -157,7 +157,7 @@ export default function LandingPage() {
           description="Przykłady naszych najlepszych prac - zobacz jak zmieniamy wygląd naszych klientów"
           tag="Galeria"
           tagIcon={Image}
-          tagAnimation="entrance-slide"
+          tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="blur-reveal"
@@ -180,7 +180,7 @@ export default function LandingPage() {
             }
           ]}
           buttons={[{ text: "Rezerwuj wizytę", href: "#booking" }]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="slide-up"
           containerClassName="py-20"
         />
       </div>
@@ -191,7 +191,7 @@ export default function LandingPage() {
           description="Opinie naszych zadowolonych klientów z Google Maps i osobistych rekomendacji"
           tag="Opinie"
           tagIcon={MessageCircle}
-          tagAnimation="entrance-slide"
+          tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
@@ -223,7 +223,7 @@ export default function LandingPage() {
             }
           ]}
           buttons={[{ text: "Pozostaw opinię", href: "https://www.google.com/maps" }]}
-          buttonAnimation="entrance-slide"
+          buttonAnimation="slide-up"
           containerClassName="py-20"
         />
       </div>
@@ -232,7 +232,7 @@ export default function LandingPage() {
         <ContactCenter
           tag="Rezerwacja"
           tagIcon={Calendar}
-          tagAnimation="entrance-slide"
+          tagAnimation="slide-up"
           title="Zarezerwuj swoją wizytę"
           description="Wybierz barbera, usługę i dostępny termin. Potwierdzenie otrzymasz SMS-em i emailem."
           background={{ variant: "sparkles-gradient" }}