From b2ac6e1c17962eb408eb079c91b653cdedeb4922 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 28 Mar 2026 10:12:16 +0000
Subject: [PATCH] Update src/app/investments/page.tsx

---
 src/app/investments/page.tsx | 191 ++++++++++-------------------------
 1 file changed, 52 insertions(+), 139 deletions(-)

diff --git a/src/app/investments/page.tsx b/src/app/investments/page.tsx
index 6612158..b58a97c 100644
--- a/src/app/investments/page.tsx
+++ b/src/app/investments/page.tsx
@@ -7,7 +7,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 
-export default function LandingPage() {
+export default function InvestmentsPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -22,147 +22,60 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Team",
-          id: "/team",
-        },
-        {
-          name: "Investments",
-          id: "/investments",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="MGI Holdings"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Team", id: "/team" },
+              { name: "Investments", id: "/investments" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="MGI Holdings"
+            button={{ text: "Get In Touch", href: "/contact" }}
+          />
+        </div>
 
-  <div id="product" data-section="product">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Recent Assets"
-      description="Our current portfolio showcase."
-      products={[
-        {
-          id: "1",
-          name: "Mayfair Plaza",
-          price: "Commercial",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/hilton-hyde-park-hotel-building-exterior-1774692661737-deaf826e.png?_wi=3",
-        },
-        {
-          id: "2",
-          name: "Hyde Park Suites",
-          price: "Hospitality",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/hanover-square-office-building-1774692661191-15ad9635.png?_wi=2",
-        },
-      ]}
-    />
-  </div>
+        <div id="product" data-section="product">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Recent Assets"
+            description="Our current portfolio showcase."
+            products={[
+              { id: "1", name: "Mayfair Plaza", price: "Commercial", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/hilton-hyde-park-hotel-building-exterior-1774692661737-deaf826e.png" },
+              { id: "2", name: "Hyde Park Suites", price: "Hospitality", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/hanover-square-office-building-1774692661191-15ad9635.png" },
+              { id: "3", name: "Commercial Block", price: "High Yield Asset", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/modern-london-office-building-glass-1774692661059-6b3fba49.png" }
+            ]}
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Performance Data"
-      description="Tangible results for our investors."
-      metrics={[
-        {
-          id: "1",
-          value: "12%",
-          title: "Avg. Annual Return",
-          items: [
-            "Conservative",
-            "Stable",
-          ],
-        },
-        {
-          id: "2",
-          value: "£1B",
-          title: "Capital Deployed",
-          items: [
-            "Efficient",
-            "Proven",
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Performance Data"
+            description="Tangible results for our investors."
+            metrics={[
+              { id: "1", value: "12%", title: "Avg. Annual Return", items: ["Conservative", "Stable"] },
+              { id: "2", value: "£1B", title: "Capital Deployed", items: ["Efficient", "Proven"] }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      columns={[
-        {
-          title: "MGI Holdings",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Team",
-              href: "/team",
-            },
-            {
-              label: "Investments",
-              href: "/investments",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "/privacy",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "13 Hanover Square, Mayfair, London",
-              href: "#",
-            },
-            {
-              label: "+44 20 3982 6789",
-              href: "tel:+442039826789",
-            },
-            {
-              label: "Mon-Fri: 10AM-6PM",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 MGI Holdings. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              { title: "MGI Holdings", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Team", href: "/team" }, { label: "Investments", href: "/investments" }, { label: "Contact", href: "/contact" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }] },
+              { title: "Contact", items: [{ label: "13 Hanover Square, Mayfair, London", href: "#" }, { label: "+44 20 3982 6789", href: "tel:+442039826789" }, { label: "Mon-Fri: 10AM-6PM", href: "#" }] }
+            ]}
+            copyrightText="© 2024 MGI Holdings. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );