Update src/app/about-us/page.tsx

src/app/about-us/page.tsx

@@ -2,25 +2,24 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import { Twitter, Linkedin, Instagram } from "lucide-react";
-
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import TextAbout from "@/components/sections/about/TextAbout";
+import { Instagram, Linkedin, Twitter } from "lucide-react";
 
 export default function AboutUsPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-magnetic"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="mediumSmall"
-        sizing="mediumLargeSizeMediumTitles"
-        background="circleGradient"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="extrabold"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumSmall"
+      sizing="mediumLargeSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
@@ -30,13 +29,14 @@ export default function AboutUsPage() {
               { name: "About Us", id: "/about-us" },
               { name: "Founder Story", id: "/founder-story" },
               { name: "Mission & Vision", id: "/mission-vision" },
+              { name: "Team", id: "/team" },
               { name: "Features", id: "#features" },
               { name: "Explore", id: "#explore" },
               { name: "Metrics", id: "#metrics" },
               { name: "Testimonials", id: "#testimonials" },
               { name: "Partners", id: "#partners" },
               { name: "FAQ", id: "#faq" },
-              { name: "Contact", id: "#contact" },
+              { name: "Contact Us", id: "/contact-us" }
             ]}
             logoSrc="http://img.b2bpic.net/free-vector/gradient-electronics-logos-pack_23-2148971491.jpg"
             logoAlt="LifeAtlas X Logo"
@@ -49,30 +49,33 @@ export default function AboutUsPage() {
         </div>
 
         <div id="about-us-content" data-section="about-us-content">
-          <MetricSplitMediaAbout
+          <TextAbout
             useInvertedBackground={false}
-            title="Who We Are: LifeAtlas X"
-            description="LifeAtlas X is a pioneering platform dedicated to making the vast and complex world of Earth's biodiversity accessible to everyone. Born from a passion for nature and the power of artificial intelligence, we strive to transform how individuals learn, explore, and connect with life on our planet. Our team of scientists, engineers, and educators are committed to building an interactive and engaging experience that inspires discovery and fosters environmental stewardship."
-            metrics={[
-              { value: "50+", title: "Dedicated Team" },
-              { value: "5 Yrs", title: "In Development" },
-              { value: "100+", title: "Global Partners" },
+            title="About LifeAtlas X: Unveiling Earth's Biodiversity"
+            description="LifeAtlas X is dedicated to revolutionizing how we understand and interact with the natural world. Our platform leverages cutting-edge AI and extensive scientific data to provide unparalleled access to Earth's diverse ecosystems and species. We empower a global community of students, educators, researchers, and enthusiasts to explore, learn, and contribute to the collective knowledge of biodiversity. Our mission is to foster curiosity, deepen understanding, and inspire conservation efforts through immersive and interactive digital experiences."
+            buttons={[
+              {
+                text: "Our Mission",                href: "/mission-vision"},
+              {
+                text: "Meet the Team",                href: "/team"},
             ]}
-            imageSrc="http://img.b2bpic.net/free-photo/group-multiethnic-students-with-laptop-books-university-campus_23-2149594589.jpg"
-            imageAlt="Diverse team working together"
-            mediaAnimation="slide-up"
-            metricsAnimation="slide-up"
           />
         </div>
 
         <div id="footer" data-section="footer">
-            <FooterCard
+          <FooterCard
             logoText="LifeAtlas X"
             copyrightText="© 2024 LifeAtlas X. All rights reserved."
             socialLinks={[
-              { icon: Twitter, href: "#", ariaLabel: "Twitter" },
-              { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
-              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+              {
+                icon: Twitter,
+                href: "#",                ariaLabel: "Twitter"},
+              {
+                icon: Linkedin,
+                href: "#",                ariaLabel: "LinkedIn"},
+              {
+                icon: Instagram,
+                href: "#",                ariaLabel: "Instagram"},
             ]}
           />
         </div>