src/app/page.tsx

@@ -19,6 +19,8 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
         background="none"
         cardStyle="glass-elevated"
         primaryButtonStyle="gradient"
@@ -67,6 +69,7 @@ export default function LandingPage() {
             ]}
             title="Signature Flavors"
             description="Taste the mastery in every bite with our signature, handcrafted Mexican dishes."
+            useInvertedBackground={false}
           />
         </div>
 
@@ -76,7 +79,12 @@ export default function LandingPage() {
             textboxLayout="split"
             gridVariant="three-columns-all-equal-width"
             useInvertedBackground={true}
-            features={[]}
+            features={[
+              { title: "Traditional Roots", description: "Centuries-old recipes.", imageSrc: "", titleImageSrc: "", buttonText: "Learn" },
+              { title: "Modern Flare", description: "Contemporary techniques.", imageSrc: "", titleImageSrc: "", buttonText: "Learn" },
+              { title: "Local Produce", description: "Farm-to-table quality.", imageSrc: "", titleImageSrc: "", buttonText: "Learn" },
+              { title: "Handcrafted Drinks", description: "Signature cocktails.", imageSrc: "", titleImageSrc: "", buttonText: "Learn" }
+            ]}
             title="The El Gran Toro Experience"
             description="More than just food, we curate a total sensory experience grounded in rich Mexican history."
           />
@@ -88,6 +96,8 @@ export default function LandingPage() {
             metrics={[]}
             title="Culinary Excellence"
             description="Numbers behind our passion for serving true Mexican gastronomy."
+            textboxLayout="default"
+            useInvertedBackground={false}
           />
         </div>
 
@@ -97,6 +107,7 @@ export default function LandingPage() {
             testimonials={[]}
             title="What Guests Are Saying"
             description="Authentic experiences that keep our guests coming back for more."
+            useInvertedBackground={false}
           />
         </div>
 
@@ -107,6 +118,7 @@ export default function LandingPage() {
             title="Frequently Asked Questions"
             description="Everything you need to know for your perfect visit."
             faqsAnimation="slide-up"
+            useInvertedBackground={false}
           />
         </div>
 
@@ -118,6 +130,7 @@ export default function LandingPage() {
               { name: "name", type: "text", placeholder: "Your Name" },
               { name: "email", type: "email", placeholder: "Your Email" }
             ]}
+            useInvertedBackground={false}
           />
         </div>