diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6c0fd7e..467ad48 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -225,6 +225,20 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             animationType="blur-reveal"
+            className="py-16 md:py-24"
+            containerClassName="max-w-7xl mx-auto px-4"
+            textBoxClassName="mb-12"
+            textBoxTitleClassName="text-4xl md:text-5xl font-light mb-4"
+            textBoxDescriptionClassName="text-lg text-foreground/70 max-w-2xl mb-12"
+            gridClassName="grid grid-cols-1 md:grid-cols-3 gap-8"
+            cardClassName="bg-card rounded-2xl p-8 border border-accent/10 hover:border-accent/30 transition-all"
+            planTagClassName="inline-block px-3 py-1 bg-primary-cta/10 text-primary-cta text-xs font-semibold rounded-full mb-4"
+            planPriceClassName="text-3xl font-bold text-foreground mb-2"
+            planDescriptionClassName="text-foreground/70 mb-6"
+            planButtonClassName="w-full bg-primary-cta text-primary-cta-text py-3 rounded-full font-semibold hover:opacity-90 transition-opacity mb-6"
+            featuresTitleClassName="text-sm font-semibold text-foreground/70 mb-4"
+            featuresListClassName="space-y-3"
+            featureItemClassName="flex items-center gap-3 text-foreground"
             plans={[
               {
                 id: "plan-36",                tag: "Popular",                price: "36 Months",                period: "3 Years",                description: "Perfect for value seekers",                button: { text: "Get Quote", href: "#" },
@@ -246,7 +260,6 @@ export default function LandingPage() {
                 ]
               }
             ]}
-            plans={[
               {
                 id: "plan-36",                tag: "Popular",                price: "36 Months",                period: "3 Years",                description: "Perfect for value seekers",                button: { text: "Get Quote", href: "#" },
                 featuresTitle: "Includes",                features: [
@@ -293,7 +306,7 @@ export default function LandingPage() {
             tag="Performance Metrics"
             tagIcon={TrendingUp}
             tagAnimation="slide-up"
-            textboxLayout="centered"
+            textboxLayout="default"
             useInvertedBackground={false}
             animationType="blur-reveal"
             metrics={[