Update src/app/page.tsx

src/app/page.tsx

@@ -19,7 +19,7 @@ export default function LandingPage() {
       borderRadius="soft"
       contentWidth="compact"
       sizing="large"
-      background="animated-grid"
+      background="circleGradient"
       cardStyle="glass-elevated"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="solid"
@@ -59,7 +59,7 @@ export default function LandingPage() {
           imageAlt="Kalaprabha Art Studio interior with art supplies and creative workspace"
           mediaAnimation="blur-reveal"
           imagePosition="right"
-          background={{ variant: "animated-grid" }}
+          background={{ variant: "plain" }}
           className="py-20 md:py-32"
           titleClassName="text-4xl md:text-5xl font-bold leading-tight"
           descriptionClassName="text-lg md:text-xl font-medium"
@@ -126,8 +126,6 @@ export default function LandingPage() {
           titleClassName="text-3xl md:text-4xl font-bold"
           descriptionClassName="text-base md:text-lg text-gray-600"
           cardNameClassName="text-lg font-bold mt-4"
-          titleClassName="text-3xl md:text-4xl font-bold"
-          descriptionClassName="text-base md:text-lg text-gray-600"
         />
       </div>
 
@@ -156,8 +154,8 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           className="py-20 md:py-28"
-          titleClassName="text-3xl md:text-4xl font-bold"
-          descriptionClassName="text-base md:text-lg text-gray-600"
+          textBoxTitleClassName="text-3xl md:text-4xl font-bold"
+          textBoxDescriptionClassName="text-base md:text-lg text-gray-600"
           cardTitleClassName="text-xl font-bold"
         />
       </div>
@@ -188,8 +186,8 @@ export default function LandingPage() {
           useInvertedBackground={true}
           speed={40}
           className="py-20 md:py-28"
-          titleClassName="text-3xl md:text-4xl font-bold"
-          descriptionClassName="text-base md:text-lg text-gray-600"
+          textBoxTitleClassName="text-3xl md:text-4xl font-bold"
+          textBoxDescriptionClassName="text-base md:text-lg text-gray-600"
         />
       </div>
 
@@ -200,7 +198,7 @@ export default function LandingPage() {
           description="Book a class or reach out with questions. We'd love to welcome you to our community of artists in Pune."
           tagIcon={Phone}
           tagAnimation="slide-up"
-          background={{ variant: "grid" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your email"
           buttonText="Get Started"