src/app/page.tsx

@@ -42,7 +42,7 @@ export default function LandingPage() {
         <HeroBillboardCarousel
           title="Email sequences that actually sound like you"
           description="Connect your Shopify store. We learn your brand voice. AI generates human-sounding welcome, cart recovery, and loyalty sequences in minutes—not weeks. Every email scores for authenticity before you send."
-          background={{ variant: "circleGradient" }}
+          background={{ variant: "radial-gradient" }}
           tag="AI-Powered Email"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -112,6 +112,7 @@ export default function LandingPage() {
           containerClassName="py-16 px-4 md:px-8"
           titleClassName="text-3xl md:text-4xl font-bold"
           descriptionClassName="text-lg opacity-90 leading-relaxed"
+          textBoxTitleClassName="text-3xl md:text-4xl font-bold"
         />
       </div>
 
@@ -131,7 +132,7 @@ export default function LandingPage() {
               id: "metric-4",              value: "5",              title: "Email Sequences",              description: "Welcome, cart recovery, post-purchase, winback, loyalty",              icon: Mail
             }
           ]}
-          gridVariant="uniform-all-items-equal"
+          gridVariant="bento-grid"
           animationType="slide-up"
           title="Real Impact on Ecommerce Revenue"
           description="SendAuth customers see measurable improvements across email performance metrics and overall customer lifetime value."
@@ -196,6 +197,9 @@ export default function LandingPage() {
           descriptionClassName="text-lg opacity-90 leading-relaxed"
           nameClassName="font-semibold text-lg"
           roleClassName="text-sm opacity-75"
+          textBoxClassName="py-20 px-4 md:px-8"
+          textBoxTitleClassName="text-4xl md:text-5xl font-bold"
+          textBoxDescriptionClassName="text-lg opacity-90 leading-relaxed"
         />
       </div>
 
@@ -233,8 +237,8 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           containerClassName="py-20 px-4 md:px-8"
-          titleClassName="text-4xl md:text-5xl font-bold"
-          descriptionClassName="text-lg opacity-90 leading-relaxed"
+          textBoxTitleClassName="text-4xl md:text-5xl font-bold"
+          textBoxDescriptionClassName="text-lg opacity-90 leading-relaxed"
           accordionTitleClassName="font-semibold text-lg"
           accordionContentClassName="text-base opacity-85 leading-relaxed"
         />