Update src/app/page.tsx

src/app/page.tsx

@@ -80,6 +80,7 @@ export default function LandingPage() {
           <FeatureCardTwentyEight
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
             features={[
               { id: "1", title: "Free Shipping", subtitle: "Free global delivery on every single order", category: "Logistics", value: "Express" },
               { id: "2", title: "Secure Payment", subtitle: "Protected and encrypted checkout process", category: "Safety", value: "SSL" },
@@ -120,6 +121,7 @@ export default function LandingPage() {
           <TestimonialCardTwo
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
             testimonials={[]}
             title="Trusted by Thousands"
             description="See why our customers love our curated collection."
@@ -130,6 +132,7 @@ export default function LandingPage() {
           <MetricCardThree
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
             metrics={[
               { id: "m1", title: "Happy Customers", value: "15,000+", icon: Smile },
               { id: "m2", title: "Products Shipped", value: "50,000+", icon: Package },
@@ -144,12 +147,17 @@ export default function LandingPage() {
           <SocialProofOne
             names={["Tech Insider", "Gadget Daily", "Digital Trends", "Future Gear"]}
             title="As Seen In"
+            description=""
+            useInvertedBackground={false}
+            textboxLayout="default"
           />
         </div>
 
         <div id="faq" data-section="faq">
           <FaqBase
             textboxLayout="default"
+            useInvertedBackground={false}
+            description=""
             faqs={[
               { id: "f1", title: "How long is shipping?", content: "Orders typically ship within 3-5 business days." },
             ]}
@@ -163,6 +171,8 @@ export default function LandingPage() {
             tag="Contact Us"
             title="Need Help With Your Order?"
             description="Reach out to our dedicated support team."
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
             buttons={[{ text: "Contact Support", href: "mailto:support@shopifydrop.com" }]}
           />
         </div>