Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -62,6 +62,7 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <SplitAbout
       textboxLayout="default"
+      useInvertedBackground={false}
       title="The Heart of Khalyam"
       description="At Khalyam Bakery, we honor the ancient art of slow-baking. Every loaf and pastry we create is a testament to our dedication to quality, sustainability, and the joy of sharing real food with our neighborhood."
       bulletPoints={[
@@ -76,6 +77,8 @@ export default function LandingPage() {
 
   <div id="menu" data-section="menu">
       <ProductCardOne
+      textboxLayout="default"
+      useInvertedBackground={false}
       animationType="slide-up"
       gridVariant="three-columns-all-equal-width"
       title="Our Daily Selection"
@@ -93,6 +96,8 @@ export default function LandingPage() {
 
   <div id="team" data-section="team">
       <TeamCardFive
+      textboxLayout="default"
+      useInvertedBackground={false}
       animationType="slide-up"
       title="Meet the Bakers"
       description="Meet the passionate team behind the Khalyam signature flavors."
@@ -106,6 +111,8 @@ export default function LandingPage() {
 
   <div id="social-proof" data-section="social-proof">
       <SocialProofOne
+      textboxLayout="default"
+      useInvertedBackground={false}
       names={["Local Grains", "Farmers Guild", "Artisan Collective", "Sustainable Eats", "Bread Enthusiasts"]}
       title="Proud Partners"
       description="Our quality is rooted in the strong partnerships we maintain with our community and suppliers."
@@ -114,6 +121,8 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTen
+      textboxLayout="default"
+      useInvertedBackground={false}
       title="A Neighborhood Favorite"
       description="Hear from our wonderful community of bread and pastry lovers."
       testimonials={[
@@ -126,6 +135,7 @@ export default function LandingPage() {
 
   <div id="faq" data-section="faq">
       <FaqSplitText
+      useInvertedBackground={false}
       faqs={[
         { id: "q1", title: "Do you offer catering?", content: "Yes, we cater for events large and small. Please contact us for details." },
         { id: "q2", title: "Do you use preservatives?", content: "No, our breads are 100% natural, preservative-free, and slow-fermented." },
@@ -138,6 +148,9 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactSplit
+      tag="Contact"
+      background={{ variant: "plain" }}
+      useInvertedBackground={false}
       title="Reach Out to Us"
       description="Interested in our baking process or have a special request? We'd love to hear from you."
       imageSrc="http://img.b2bpic.net/free-photo/provencal-style-windows_1147-424.jpg"