Update src/app/page.tsx

2026-01-04 19:19:46 +00:00 · 2026-01-04 19:17:48 +00:00 · 2026-01-04 19:11:25 +00:00 · 2026-01-04 19:07:51 +00:00 · 2026-01-04 19:07:51 +00:00 · 2026-01-04 19:05:37 +00:00
3 changed files with 22 additions and 15 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -495,7 +495,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-plus-jakarta-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-plus-jakarta-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,11 +1,11 @@
 import type { Metadata } from "next";
-import { Plus_Jakarta_Sans } from "next/font/google";
+import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const plusJakartaSans = Plus_Jakarta_Sans({
-  variable: "--font-plus-jakarta-sans",
+const inter = Inter({
+  variable: "--font-inter",
  subsets: ["latin"],
 });

@@ -43,7 +43,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={plusJakartaSans.variable}
+          className={inter.variable}
        >
          <Tag />
          {children}
@@ -1269,4 +1269,4 @@ export default function RootLayout({
      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
-import TagAbout from '@/components/sections/about/TagAbout';
+import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
 import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import ProductCardFive from '@/components/sections/product/ProductCardFive';
@@ -59,10 +59,17 @@ export default function LandingPage() {
      </div>

      <div id="system-architecture" data-section="system-architecture">
-        <TagAbout
-          tag="How It Works"
+        <MediaSplitAbout
+          title="How It Works"
          description="Our platform bridges software, infrastructure, and intelligent automation into a unified system. Each layer solves specific problems and amplifies the next. No fragmentation. No manual bridges. Pure orchestration."
+          imageSrc="https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=400&fit=crop"
+          imageAlt="infrastructure architecture technology system"
+          imagePosition="right"
          useInvertedBackground="noInvert"
+          buttons={[
+            { text: "Learn More", href: "features" },
+            { text: "Schedule Demo", href: "contact" }
+          ]}
        />
      </div>

@@ -93,7 +100,7 @@ export default function LandingPage() {
              title: "Unified Control Plane",
              description: "One API. One mental model. Connect software, infrastructure, and intelligent systems without translation layers. Complete orchestration. Radical simplicity."
            }
-          ]}
+          ]
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
@@ -198,7 +205,7 @@ export default function LandingPage() {
              title: "Enterprise Operations Centers",
              description: "Problem: Monitoring hundreds of systems across hybrid infrastructure is a monitoring nightmare. Solution: Unified observability with AI-driven root cause analysis. Outcome: 75% reduction in MTTR, full compliance audit trail."
            }
-          ]}
+          ]
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
@@ -231,7 +238,7 @@ export default function LandingPage() {
              value: "3hrs",
              description: "Average time to full production deployment from dev."
            }
-          ]}
+          ]
          useInvertedBackground="noInvert"
        />
      </div>
@@ -263,7 +270,7 @@ export default function LandingPage() {
              title: "Continuous Optimization",
              description: "Real-time observability shows where you're winning. Our system continuously finds new improvements. You focus on building."
            }
-          ]}
+          ]
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
@@ -318,4 +325,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
development	d41aed34e1	Update src/app/page.tsx	2026-01-04 19:19:46 +00:00
development	dec7ed256d	Update src/app/page.tsx	2026-01-04 19:17:48 +00:00
development	6f84a6d836	Update src/app/page.tsx	2026-01-04 19:11:25 +00:00
development	050edb6f2a	Update src/app/layout.tsx	2026-01-04 19:07:51 +00:00
development	432f03e74f	Update src/app/globals.css	2026-01-04 19:07:51 +00:00
development	45d1779274	Update src/app/page.tsx	2026-01-04 19:05:37 +00:00
development	e05f540ce5	Update src/app/layout.tsx	2026-01-04 19:05:36 +00:00
development	9fd0e855ee	Update src/app/globals.css	2026-01-04 19:05:35 +00:00