Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -3,6 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import Link from "next/link";
+import MediaAbout from '@/components/sections/about/MediaAbout';
 
 interface FooterProps {
   brandName?: string;
@@ -34,11 +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 = {
@@ -62,13 +64,20 @@ export default function AboutPage() {
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay {...navbarProps} />
       </div>
-      {/* 
-        Due to an empty sectionRegistry, no sections can be rendered on this page.
-        This site will only display the Navbar and Footer.
-      */}
-      <main className="min-h-[calc(10vh)] flex items-center justify-center">
-        <h1 className="text-3xl md:text-5xl font-bold text-center">About Nexsoft Australia</h1>
+
+      <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>
   );