Update src/app/page.tsx

Update src/app/layout.tsx
2026-01-04 23:18:09 +00:00 · 2026-01-04 23:18:08 +00:00 · 2026-01-04 19:29:39 +00:00 · 2026-01-04 19:19:46 +00:00 · 2026-01-04 19:17:48 +00:00 · 2026-01-04 19:11:25 +00:00
3 changed files with 21 additions and 12 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-fraunces), 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-fraunces), 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 { Fraunces } from "next/font/google";
+import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const fraunces = Fraunces({
-  variable: "--font-fraunces",
+const inter = Inter({
+  variable: "--font-inter",
  subsets: ["latin"],
 });

@@ -43,7 +43,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={fraunces.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';
@@ -43,7 +43,7 @@ export default function LandingPage() {

      <div id="hero" data-section="hero">
        <HeroSplit
-          title="Where Infrastructure Transcends Into Art"
+          title="Infrastructure Transcends Into Art"
          description="Enterprise-grade systems that handle complexity with precision. Automate the entire stack. Move faster. Scale without friction."
          tag="Enterprise Platform"
          tagIcon={Zap}
@@ -59,10 +59,16 @@ 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" }
+          ]}
        />
      </div>

@@ -98,6 +104,7 @@ export default function LandingPage() {
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
+          cardDescriptionClassName="text-neutral-300/90 font-medium contrast-75"
        />
      </div>

@@ -203,6 +210,7 @@ export default function LandingPage() {
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
+          cardDescriptionClassName="text-neutral-200/95 font-semibold contrast-100"
        />
      </div>

@@ -268,6 +276,7 @@ export default function LandingPage() {
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
+          cardDescriptionClassName="text-neutral-200/95 font-bold contrast-125"
        />
      </div>

@@ -318,4 +327,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
development	6f866031a7	Update src/app/page.tsx	2026-01-04 23:18:09 +00:00
development	3e90d4d08d	Update src/app/layout.tsx	2026-01-04 23:18:08 +00:00
development	e3126ea284	Update src/app/page.tsx	2026-01-04 19:29:39 +00:00
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