Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -3,8 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import TeamCardFive from '@/components/sections/team/TeamCardFive';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Target, Users, TrendingUp, ShieldCheck } from "lucide-react";
 
 export default function AboutPage() {
   return (
@@ -22,44 +25,66 @@ export default function AboutPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarStyleApple
+            <NavbarStyleApple
             navItems={[
-              { name: "Home", id: "/" },
-              { name: "About", id: "/about" },
-              { name: "Services", id: "/services" },
-              { name: "Portfolio", id: "/portfolio" },
-              { name: "Contact", id: "/contact" },
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Portfolio", id: "/portfolio" },
+                { name: "Contact", id: "/contact" },
             ]}
             brandName="AiViqo"
-          />
+            />
         </div>
 
-        <div id="about" data-section="about">
-          <InlineImageSplitTextAbout
-            useInvertedBackground={false}
-            heading={[
-              { type: 'text', content: "Driven by Innovation, " },
-              { type: 'image', src: "http://img.b2bpic.net/free-photo/diverse-business-team-working-together_23-2149520445.jpg", alt: "Founder Team" },
-              { type: 'text', content: " Built for Scale." }
-            ]}
-          />
-          <div className="px-6 py-12 space-y-8">
-            <h2 className="text-3xl font-bold">Our Journey</h2>
-            <p className="text-lg leading-relaxed">Founded by industry veterans with a shared vision, AiViqo began as a small boutique consultancy focused on solving the most complex automation bottlenecks for mid-market firms. Over the years, we have transformed into an enterprise-grade AI partner, serving clients across North America and Europe.</p>
-            <p className="text-lg leading-relaxed">Our leadership team brings decades of combined experience in software engineering, data science, and business operations. We believe that technology should serve business goals, not dictate them, and we remain committed to creating transparent, high-ROI AI solutions.</p>
-          </div>
+        <div id="about-hero" data-section="about-hero">
+            <TextSplitAbout
+                title="Pioneering the Next Generation of Enterprise AI"
+                description={[
+                    "AiViqo was founded on a simple premise: technology should serve business goals, not create more friction.",                    "Our mission is to bridge the gap between high-complexity business requirements and elegant, automated workflows. We don't just implement software; we engineer growth ecosystems."
+                ]}
+                useInvertedBackground={false}
+            />
+        </div>
+
+        <div id="metrics" data-section="metrics">
+            <MetricCardThree
+                title="Our Impact"
+                description="Data-driven results that define our excellence."
+                animationType="slide-up"
+                metrics={[
+                    { id: "1", icon: Target, title: "Processes Automated", value: "500+" },
+                    { id: "2", icon: Users, title: "Businesses Scaled", value: "150+" },
+                    { id: "3", icon: TrendingUp, title: "Growth Efficiency", value: "3.5x" },
+                    { id: "4", icon: ShieldCheck, title: "System Uptime", value: "99.9%" }
+                ]}
+            />
+        </div>
+
+        <div id="team" data-section="team">
+            <TeamCardFive
+                title="Meet the Architects"
+                description="The diverse team of experts behind AiViqo."
+                animationType="blur-reveal"
+                textboxLayout="default"
+                team={[
+                    { id: "1", name: "Alex Rivers", role: "Founder & CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-glasses-standing-office-copy-space_23-2148782068.jpg" },
+                    { id: "2", name: "Maya Chen", role: "Head of AI Operations", imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-using-laptop_23-2148855663.jpg" },
+                    { id: "3", name: "Sam Thorne", role: "Lead Systems Architect", imageSrc: "http://img.b2bpic.net/free-photo/confident-man-suit-posing-office_23-2148753265.jpg" }
+                ]}
+            />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterLogoEmphasis
+            <FooterLogoEmphasis
             columns={[
-              { items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
-              { items: [{ label: "Contact", href: "/contact" }, { label: "Portfolio", href: "/portfolio" }] },
+                { items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
+                { items: [{ label: "Contact", href: "/contact" }, { label: "Portfolio", href: "/portfolio" }] },
             ]}
             logoText="AiViqo"
-          />
+            />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}