Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -48,12 +48,13 @@ export default function LandingPage() {
             { text: "Book an Appointment", href: "#contact" },
             { text: "Call the Clinic", href: "tel:+390321836450" }
           ]}
-          background={{ variant: "plain" }}
+          background={{ variant: "sparkles-gradient" }}
           imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-female-male-dentist-clinic_23-2147879205.jpg"
           imageAlt="Modern dental clinic interior"
-          mediaAnimation="slide-up"
+          mediaAnimation="blur-reveal"
           frameStyle="card"
           buttonAnimation="slide-up"
+          containerClassName="relative overflow-hidden before:absolute before:inset-0 before:bg-gradient-to-br before:from-transparent before:via-primary-cta/5 before:to-transparent before:pointer-events-none after:absolute after:inset-0 after:bg-radial-gradient after:opacity-30 after:pointer-events-none"
         />
       </div>
 
@@ -151,7 +152,7 @@ export default function LandingPage() {
             { text: "Call Now", href: "tel:+390321836450" },
             { text: "Get Directions", href: "https://maps.google.com/?q=Via+San+Giuseppe+26,+Recetto,+Novara,+Italy" }
           ]}
-          background={{ variant: "plain" }}
+          background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
         />
       </div>
@@ -163,7 +164,7 @@ export default function LandingPage() {
           buttons={[
             { text: "Schedule Appointment", href: "#appointment" }
           ]}
-          background={{ variant: "plain" }}
+          background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
         />
       </div>