From 30daf7bcc4c45c2750e0f05b259a0c701f7b8c6c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 9 Jun 2026 10:08:52 +0000
Subject: [PATCH] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 203 +++++++++++++++++------------------------
 1 file changed, 85 insertions(+), 118 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 330bc54..d568a6e 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,13 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import { Building, Code, Globe } from "lucide-react";
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -23,122 +22,90 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Accueil",
-          id: "/",
-        },
-        {
-          name: "Solutions",
-          id: "/solutions",
-        },
-        {
-          name: "SIA Experience",
-          id: "/sia-experience",
-        },
-        {
-          name: "À Propos",
-          id: "/about",
-        },
-      ]}
-      logoSrc="http://img.b2bpic.net/free-vector/data-storage-designs-collection_1209-9.jpg"
-      logoAlt="Logo GeoradarTech GmbH"
-      brandName="GeoradarTech GmbH"
-      button={{
-        text: "Contactez-nous",
-        href: "/contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+            navItems={[
+                {
+                  name: "Accueil",                  id: "/"},
+                {
+                  name: "Solutions",                  id: "/solutions"},
+                {
+                  name: "SIA Experience",                  id: "/sia-experience"},
+                {
+                  name: "À Propos",                  id: "/about"},
+            ]}
+            logoSrc="http://img.b2bpic.net/free-vector/data-storage-designs-collection_1209-9.jpg"
+            logoAlt="Logo GeoradarTech GmbH"
+            brandName="GeoradarTech GmbH"
+            button={{
+                text: "Contactez-nous",                href: "/contact"}}
+            />
+        </div>
 
-  <div id="corporate-profile" data-section="corporate-profile">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Notre Profil Corporatif"
-      metrics={[
-        {
-          icon: Building,
-          label: "Ingénierie Allemande",
-          value: "Précision",
-        },
-        {
-          icon: Code,
-          label: "Traitement de Données",
-          value: "Académique",
-        },
-        {
-          icon: Globe,
-          label: "Opérations Terrain",
-          value: "Internationale",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="corporate-profile-intro" data-section="corporate-profile-intro">
+            <InlineImageSplitTextAbout
+                useInvertedBackground={false}
+                heading={[
+                    { type: 'text', content: "Ingénierie de Précision Allemande, Expertise Mondiale" }
+                ]}
+                buttons={[
+                    { text: "Nos Solutions", href: "/solutions" },
+                    { text: "Contactez-nous", href: "/contact" }
+                ]}
+                buttonAnimation="slide-up"
+                imageSrc="http://img.b2bpic.net/free-photo/industrial-plant-with-pipes-digital-hologram_124507-16016.jpg"
+                imageAlt="Concept de jumelage numérique d'une usine"
+            />
+        </div>
 
-  <div id="euler-hermes-guarantee" data-section="euler-hermes-guarantee">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Euler Hermes",
-        "Garantie Fédérale Allemande",
-      ]}
-      title="Sécurité & Garantie"
-      description="Toutes nos opérations et créances commerciales à l'international sont rigoureusement sécurisées et garanties par la République Fédérale d'Allemagne via la couverture Euler Hermes, assurant une tranquillité d'esprit complète à nos partenaires."
-      tagAnimation="none"
-      buttonAnimation="none"
-      showCard={true}
-    />
-  </div>
+        <div id="corporate-profile-mission" data-section="corporate-profile-mission">
+            <FeatureCardTwentyOne
+                useInvertedBackground={false}
+                title="Notre Mission: Des Données Sous-Surface en 3D Exploitables"
+                description="GeoradarTech GmbH se positionne comme un fournisseur de données hautement spécialisées pour la cartographie 3D détaillée du sous-sol et l'intégration de jumeaux numériques (CIM Digital Twins) pour les infrastructures critiques. Nous transformons les défis complexes de l'ingénierie souterraine en solutions claires et exploitables, alliant la rigueur de l'ingénierie allemande à une expertise terrain inégalée, forgée dans des environnements tropicaux exigeants."
+                mediaAnimation="blur-reveal"
+                mediaPosition="left"
+                imageSrc="http://img.b2bpic.net/free-photo/engineer-working-computer-room_482257-120516.jpg"
+                imageAlt="Ingénieur analysant des données géophysiques"
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      logoSrc="http://img.b2bpic.net/free-vector/data-storage-designs-collection_1209-9.jpg"
-      logoAlt="Logo GeoradarTech GmbH"
-      columns={[
-        {
-          items: [
-            {
-              label: "Accueil",
-              href: "/",
-            },
-            {
-              label: "Solutions",
-              href: "/solutions",
-            },
-            {
-              label: "SIA Experience",
-              href: "/sia-experience",
-            },
-            {
-              label: "À Propos",
-              href: "/about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Confidentialité",
-              href: "#",
-            },
-            {
-              label: "Mentions Légales",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="GeoradarTech GmbH"
-    />
-  </div>
+        <div id="corporate-profile-risk" data-section="corporate-profile-risk">
+            <FeatureCardTwentyOne
+                useInvertedBackground={false}
+                title="Sécurité et Fiabilité Internationales: Couverture Euler Hermes"
+                description="Nos opérations à l'échelle mondiale sont renforcées par une gestion des risques exemplaire, incluant une couverture complète par Euler Hermes. Cette garantie financière assure une tranquillité d'esprit inégalée pour nos partenaires et clients, protégeant leurs investissements et assurant la continuité de nos services, même dans les contextes internationaux les plus complexes."
+                mediaAnimation="blur-reveal"
+                mediaPosition="right"
+                imageSrc="http://img.b2bpic.net/free-photo/futuristic-technology-digital-background-with-cityscape_1340-30513.jpg"
+                imageAlt="Concept de sécurité et opérations globales"
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+            logoSrc="http://img.b2bpic.net/free-vector/data-storage-designs-collection_1209-9.jpg"
+            logoAlt="Logo GeoradarTech GmbH"
+            columns={[
+                {
+                items: [
+                    { label: "Accueil", href: "/" },
+                    { label: "Solutions", href: "/solutions" },
+                    { label: "SIA Experience", href: "/sia-experience" },
+                    { label: "À Propos", href: "/about" },
+                ],
+                },
+                {
+                items: [
+                    { label: "Contact", href: "/contact" },
+                    { label: "Confidentialité", href: "#" },
+                    { label: "Mentions Légales", href: "#" },
+                ],
+                },
+            ]}
+            logoText="GeoradarTech GmbH"
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );