Update src/app/page.tsx

src/app/page.tsx

@@ -26,7 +26,7 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav">
+  <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
         { name: "Home", id: "hero" },
@@ -39,7 +39,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="hero">
+  <div id="hero" data-section="hero">
       <HeroLogo
       logoText="RAS Scheduler"
       description="A sophisticated system designed to efficiently allocate resources by evaluating task requirements, priorities, and system constraints to minimize idle time."
@@ -48,19 +48,22 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="architecture">
+  <div id="architecture" data-section="architecture">
       <InlineImageSplitTextAbout
       heading={[{ type: "text", content: "System Architecture & Flow" }]}
       buttons={[{ text: "Learn More" }]}
+      useInvertedBackground={false}
     />
   </div>
 
-  <div id="metrics">
+  <div id="metrics" data-section="metrics">
       <MetricCardOne
       title="Real-time Resource Distribution"
       gridVariant="uniform-all-items-equal"
       animationType="slide-up"
       textboxLayout="split"
+      description="Key performance indicators for resource management."
+      useInvertedBackground={false}
       metrics={[
         { id: "m1", value: "60%", title: "CPU Utilization", description: "Average usage", icon: Cpu },
         { id: "m2", value: "70%", title: "Memory Allocation", description: "Available capacity", icon: BrainCircuit },
@@ -70,11 +73,13 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="features">
+  <div id="features" data-section="features">
       <FeatureCardTwentyThree
       animationType="slide-up"
       title="Key Features"
       textboxLayout="split"
+      description="Advanced capabilities for resource optimization."
+      useInvertedBackground={false}
       features={[
         { id: "f1", title: "Priority Allocation", tags: ["Strategy"], imageSrc: "http://img.b2bpic.net/free-vector/online-marketing-sticker-set_534985-34.jpg" },
         { id: "f2", title: "Idle Time Reduction", tags: ["Efficiency"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-notebook-clock-arrangement_23-2149320924.jpg" },
@@ -83,11 +88,13 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="socialProof">
+  <div id="socialProof" data-section="socialProof">
       <TestimonialCardSix
       title="Client Feedback"
       animationType="slide-up"
       textboxLayout="default"
+      description="What our partners say about us."
+      useInvertedBackground={false}
       testimonials={[
         { id: "t1", name: "TechFlow Inc", handle: "@techflow", testimonial: "The resource allocation has significantly improved our project delivery timelines." },
         { id: "t2", name: "DataBridge", handle: "@databridge", testimonial: "A robust and reliable system that fits perfectly into our infrastructure." },
@@ -95,7 +102,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="footer">
+  <div id="footer" data-section="footer">
       <FooterCard
       logoText="RAS Project"
       copyrightText="© 2025 Resource Management Team"