Update src/app/page.tsx

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 · 2026-01-04 19:07:51 +00:00 · 2026-01-04 19:07:51 +00:00
3 changed files with 60 additions and 14 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
@@ -1,15 +1,16 @@
-"use client"
+"use client";

 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';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import { Zap, Layers, Brain, Target } from "lucide-react";
+import { Zap, Layers, Brain, Target, Package } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -42,7 +43,7 @@ export default function LandingPage() {

      <div id="hero" data-section="hero">
        <HeroSplit
-          title="Infrastructure, software, and intelligence unified."
+          title="Where 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}
@@ -58,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>

@@ -97,6 +104,43 @@ export default function LandingPage() {
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
+          cardDescriptionClassName="text-neutral-300/90 font-medium contrast-75"
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardFive
+          title="Browse Our Product Offerings"
+          description="Explore our comprehensive suite of enterprise solutions designed to accelerate your digital transformation."
+          tag="Products"
+          tagIcon={Package}
+          textboxLayout="default"
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          useInvertedBackground="noInvert"
+          products={[
+            {
+              id: "1",
+              button: { text: "Explore", href: "#product-1" },
+              imageSrc: "https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=400&fit=crop",
+              imageAlt: "cloud infrastructure server architecture distributed systems",
+              isFavorited: false
+            },
+            {
+              id: "2",
+              button: { text: "Learn More", href: "#product-2" },
+              imageSrc: "https://images.unsplash.com/photo-1555949519-2cdbaa6fb0c5?w=600&h=400&fit=crop",
+              imageAlt: "machine learning architecture neural network visualization AI",
+              isFavorited: false
+            },
+            {
+              id: "3",
+              button: { text: "Get Started", href: "#product-3" },
+              imageSrc: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=600&h=400&fit=crop",
+              imageAlt: "artificial intelligence technology smart systems automation",
+              isFavorited: false
+            }
+          ]}
        />
      </div>

@@ -166,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>

@@ -231,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>

@@ -281,4 +327,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
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
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
development	8f9a4e3fac	Update src/app/page.tsx	2026-01-04 19:01:55 +00:00
development	0295a82fcd	Update src/app/page.tsx	2026-01-04 18:49:32 +00:00