Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -3,10 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import Link from "next/link";
-import TextAbout from '@/components/sections/about/TextAbout';
-import TeamCardFive from '@/components/sections/team/TeamCardFive';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import { Rocket } from 'lucide-react';
+import MediaAbout from '@/components/sections/about/MediaAbout';
 
 interface FooterProps {
   brandName?: string;
@@ -38,12 +35,12 @@ const Footer: React.FC<FooterProps> = ({ brandName = "Nexsoft Australia", navIte
 export default function AboutPage() {
   const navItems = [
     {name: "Home", id: "home", href: "/"},
-    {name: "About us", id: "about", href: "/about"},
+    {name: "About us", id: "about-us", href: "/about"},
     {name: "Services", id: "services", href: "/services"},
     {name: "Products", id: "products", href: "/products"},
     {name: "Achievements", id: "achievements", href: "/portfolio"},
     {name: "News", id: "news", href: "/portfolio"},
-    {name: "Contact us", id: "contact", href: "/contact"}
+    {name: "Contact us", id: "contact-us", href: "/contact"}
   ];
 
   const navbarProps = {
@@ -67,46 +64,21 @@ export default function AboutPage() {
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay {...navbarProps} />
       </div>
-      <div id="about-content" data-section="about-content">
-        <TextAbout
-          tag="Who We Are"
-          tagIcon={Rocket}
-          title="Driving Innovation with Passion and Expertise"
-          buttons={[
-            { text: "Our Services", href: "/services" }
-          ]}
-          useInvertedBackground={false}
-        />
-      </div>
-      <div id="team" data-section="team">
-        <TeamCardFive
-          title="Meet Our Expert Team"
-          description="Dedicated professionals passionate about your success."
-          team={[
-            { id: '1', name: 'John Doe', role: 'CEO & Founder', imageSrc: 'https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_960_720.png', imageAlt: 'John Doe' },
-            { id: '2', name: 'Jane Smith', role: 'Lead Developer', imageSrc: 'https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_960_720.png', imageAlt: 'Jane Smith' },
-            { id: '3', name: 'Emily White', role: 'Head of Marketing', imageSrc: 'https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_960_720.png', imageAlt: 'Emily White' }
-          ]}
-          animationType={'slide-up'}
-          useInvertedBackground={true}
-          textboxLayout={'default'}
-        />
-      </div>
-      <div id="metrics" data-section="metrics">
-        <MetricCardSeven
-          title="Our Impact in Numbers"
-          description="Quantifying our commitment to excellence and client success."
-          metrics={[
-            { id: '1', value: '10+', title: 'Years of Experience', items: ['Industry leading solutions', 'Proven track record'] },
-            { id: '2', value: '100%', title: 'Client Satisfaction', items: ['Dedicated support', 'Tailored approach'] },
-            { id: '3', value: '250+', title: 'Successful Projects', items: ['On-time delivery', 'Exceeding expectations'] }
-          ]}
-          animationType={'blur-reveal'}
-          useInvertedBackground={false}
-          textboxLayout={'default'}
-        />
-      </div>
+
+      <main>
+        <div id="about-section" data-section="about-section">
+          <MediaAbout
+            title="Dedicated to Innovation and Excellence"
+            description="At Nexsoft Australia, we are a passionate team committed to transforming ideas into cutting-edge software solutions. With years of experience and a deep understanding of modern technology trends, we empower businesses to achieve their goals through robust, scalable, and user-friendly applications. Our focus is on delivering exceptional value and fostering long-term partnerships."
+            imageSrc="https://picsum.photos/seed/aboutcompany/1920/1080?_wi=1"
+            imageAlt="Team collaborating"
+            useInvertedBackground={false}
+            ariaLabel="About Our Company Section"
+          />
+        </div>
+      </main>
+
       <Footer brandName="Nexsoft Australia" navItems={navItems} />
     </ThemeProvider>
   );
-}
+}