Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -77,9 +77,15 @@ export default function LandingPage() {
           useInvertedBackground={false}
           tag="Proven Track Record"
           tagIcon={CheckCircle}
+          tagAnimation="slide-up"
           buttons={[
             { text: "See What Customers Say", href: "#testimonials" }
           ]}
+          buttonAnimation="slide-up"
+          cardClassName="backdrop-blur-md bg-white/10 border border-white/20 rounded-xl p-8 hover:bg-white/15 transition-all duration-300 shadow-lg"
+          valueClassName="text-4xl font-bold text-white mb-2"
+          titleClassName="text-xl font-semibold text-white mb-3"
+          descriptionClassName="text-sm text-white/80"
         />
       </div>
 
@@ -106,9 +112,11 @@ export default function LandingPage() {
           useInvertedBackground={true}
           tag="Summer Specials"
           tagIcon={Zap}
+          tagAnimation="slide-up"
           buttons={[
             { text: "Ask for Custom Package", href: "#contact" }
           ]}
+          buttonAnimation="slide-up"
           carouselMode="buttons"
         />
       </div>
@@ -119,9 +127,11 @@ export default function LandingPage() {
           description="Based right here in Čačak, we combine deep local knowledge with personalized service. We don't just sell tickets — we craft memories."
           tag="Personalized Service"
           tagIcon={Heart}
+          tagAnimation="slide-up"
           buttons={[
             { text: "Get Free Consultation", href: "tel:+381648812345" }
           ]}
+          buttonAnimation="slide-up"
           bulletPoints={[
             {
               title: "Expert Local Knowledge",              description: "Personal experience with top destinations ensures you get insider tips and authentic recommendations.",              icon: MapPin
@@ -142,6 +152,9 @@ export default function LandingPage() {
           imagePosition="right"
           textboxLayout="default"
           useInvertedBackground={false}
+          bulletPointClassName="flex gap-4 items-start mb-6 last:mb-0"
+          bulletTitleClassName="font-semibold text-lg text-white mb-1"
+          bulletDescriptionClassName="text-sm text-white/80"
         />
       </div>
 
@@ -174,6 +187,13 @@ export default function LandingPage() {
           useInvertedBackground={true}
           speed={40}
           topMarqueeDirection="left"
+          cardClassName="backdrop-blur-md bg-white/10 border border-white/20 rounded-xl p-6 shadow-lg hover:bg-white/15 transition-all duration-300"
+          imageWrapperClassName="w-16 h-16 rounded-full overflow-hidden border-2 border-white/30 flex-shrink-0"
+          imageClassName="w-full h-full object-cover"
+          nameClassName="font-semibold text-white text-lg"
+          handleClassName="text-white/70 text-sm"
+          testimonialClassName="text-white/90 text-base leading-relaxed mt-3"
+          iconClassName="w-5 h-5 text-yellow-400"
         />
       </div>
 
@@ -190,6 +210,8 @@ export default function LandingPage() {
           ]}
           background={{ variant: "gradient-bars" }}
           useInvertedBackground={false}
+          buttonAnimation="slide-up"
+          tagAnimation="slide-up"
         />
       </div>
 
@@ -236,4 +258,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}