Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -67,6 +67,8 @@ export default function LandingPage() {
             { text: "Ask About Specials", href: "#contact" }
           ]}
           useInvertedBackground={false}
+          titleClassName="!text-black"
+          descriptionClassName="!text-black"
         />
       </div>
 
@@ -124,6 +126,8 @@ export default function LandingPage() {
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={true}
+          featureTitleClassName="!text-black"
+          featureDescriptionClassName="!text-black"
         />
       </div>
 
@@ -156,6 +160,8 @@ export default function LandingPage() {
           animationType="slide-up"
           useInvertedBackground={false}
           speed={40}
+          textBoxTitleClassName="!text-black"
+          textBoxDescriptionClassName="!text-black"
         />
       </div>
 
@@ -171,6 +177,8 @@ export default function LandingPage() {
           useInvertedBackground={true}
           speed={40}
           showCard={true}
+          textBoxTitleClassName="!text-black"
+          textBoxDescriptionClassName="!text-black"
         />
       </div>
 
@@ -188,6 +196,8 @@ export default function LandingPage() {
           inputPlaceholder="Enter your email for daily specials"
           buttonText="Subscribe"
           termsText="We'll send you weekly health tips and special offers. You can unsubscribe anytime."
+          titleClassName="!text-black"
+          descriptionClassName="!text-black"
         />
       </div>
 
@@ -203,6 +213,8 @@ export default function LandingPage() {
           useInvertedBackground={true}
           imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-buying-vegetables_23-2149050810.jpg?_wi=2"
           imageAlt="Fresh healthy food at Abby's"
+          titleClassName="!text-black"
+          descriptionClassName="!text-black"
         />
       </div>