src/app/page.tsx

@@ -62,6 +62,7 @@ export default function LandingPage() {
             bulletPoints={[{ title: "Live Tracking", description: "Real-time data feeds.", icon: Target }]}
             imageSrc="http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=7"
             textboxLayout="split"
+            useInvertedBackground={false}
           />
         </div>
 
@@ -71,6 +72,8 @@ export default function LandingPage() {
             description="Everything you need to climb the leaderboard."
             animationType="slide-up"
             textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
             features={[
               {
                 title: "Advanced Analytics",                description: "Deep insights into recoil patterns and positioning.",                imageSrc: "http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=2"
@@ -82,9 +85,11 @@ export default function LandingPage() {
         <div id="products" data-section="products">
           <ProductCardOne
             title="Pro Gear & Access"
+            description="Elevate your performance with our premium tools."
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
             products={[{ id: "1", name: "Premium Stats Access", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=3" }]}
           />
         </div>
@@ -92,8 +97,10 @@ export default function LandingPage() {
         <div id="pricing" data-section="pricing">
           <PricingCardOne
             title="Subscription Plans"
+            description="Choose the plan that fits your competitive level."
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
             plans={[
               { id: "pro", badge: "Best Seller", price: "$19", subtitle: "Professional level stats", features: ["Live Data", "Unlimited Replays"] }
             ]}
@@ -103,9 +110,11 @@ export default function LandingPage() {
         <div id="metrics" data-section="metrics">
           <MetricCardOne
             title="Platform Metrics"
+            description="Trusted by players globally."
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
             metrics={[{ id: "1", value: "500k", title: "Active Users", description: "Growing daily", icon: Users }]}
           />
         </div>
@@ -113,9 +122,11 @@ export default function LandingPage() {
         <div id="team" data-section="team">
           <TeamCardOne
             title="Our Leadership"
+            description="Meet the team behind the portal."
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
             members={[{ id: "1", name: "Alex Pro", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=4" }]}
           />
         </div>
@@ -123,9 +134,11 @@ export default function LandingPage() {
         <div id="testimonial" data-section="testimonial">
           <TestimonialCardOne
             title="Community Voices"
+            description="What our users are saying about us."
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
             testimonials={[{ id: "1", name: "Jane Doe", role: "Coach", company: "Team Liquid", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/e-sports-winner-trophy-standing-stage_1419-2793.jpg?_wi=5" }]}
           />
         </div>
@@ -133,9 +146,11 @@ export default function LandingPage() {
         <div id="faq" data-section="faq">
           <FaqBase
             title="Questions?"
+            description="Common answers for our users."
             faqs={[{ id: "1", title: "How do I start?", content: "Simply sign up for our premium plan." }]}
             faqsAnimation="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
           />
         </div>
 
@@ -145,14 +160,18 @@ export default function LandingPage() {
             description="Join our mailing list to receive tournament alerts."
             tag="Newsletter"
             tagIcon={Zap}
+            background={{ variant: "sparkles-gradient" }}
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="social-proof" data-section="social-proof">
           <SocialProofOne
             title="Trusted By Industry Leaders"
+            description="Recognized partners and organizations."
             names={["Valve", "ESL", "PGL", "Blast"]}
             textboxLayout="default"
+            useInvertedBackground={false}
           />
         </div>