src/app/page.tsx

@@ -35,7 +35,7 @@ export default function LandingPage() {
       contentWidth="mediumLarge"
       sizing="mediumLargeSizeMediumTitles"
       background="grid"
-      cardStyle="gradient-mesh"
+      cardStyle="glass-elevated"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="solid"
       headingFontWeight="normal"
@@ -180,6 +180,7 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           carouselMode="buttons"
+          cardClassName="backdrop-blur-md bg-white/10 border border-white/20"
         />
       </div>
 
@@ -214,6 +215,8 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="smooth"
+          showCard={true}
+          accordionClassName="backdrop-blur-md bg-white/10 border border-white/20 rounded-lg"
         />
       </div>
 
@@ -228,6 +231,7 @@ export default function LandingPage() {
           inputPlaceholder="Enter your email address"
           buttonText="Create My Website"
           termsText="We respect your privacy. No spam. Unsubscribe anytime."
+          formWrapperClassName="backdrop-blur-md bg-white/10 border border-white/20 rounded-lg p-6"
         />
       </div>
 
@@ -250,4 +254,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}