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 62 additions and 16 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({
+const inter = Inter({
-  variable: "--font-plus-jakarta-sans",
+  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}
--- 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}
@@ -50,7 +51,7 @@ export default function LandingPage() {
            { text: "Book a Demo", href: "contact" },
            { text: "Learn How It Works", href: "how-it-works" }
          ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767551140484-75myjdoa.jpg"
+          imageSrc="https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1200&h=600&fit=crop"
          imageAlt="system architecture infrastructure diagram technology flow data pipeline network diagram"
          imagePosition="right"
          fixedMediaHeight={true}
@@ -58,10 +59,16 @@ export default function LandingPage() {
      </div>
      <div id="system-architecture" data-section="system-architecture">
-        <TagAbout
+        <MediaSplitAbout
-          tag="How It Works"
+          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>
@@ -116,7 +160,7 @@ export default function LandingPage() {
              name: "Predictive Resource Allocation",
              price: "40% reduction",
              variant: "In infrastructure costs",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767551141756-0jpqu94a.jpg",
+              imageSrc: "https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=400&fit=crop",
              imageAlt: "cloud infrastructure server architecture distributed systems cloud computing infrastructure"
            },
            {
@@ -124,7 +168,7 @@ export default function LandingPage() {
              name: "Anomaly Detection Engine",
              price: "99.97%",
              variant: "Uptime guarantee with predictive alerts",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548946838-9eu2bn6w.jpg",
+              imageSrc: "https://images.unsplash.com/photo-1555949519-2cdbaa6fb0c5?w=600&h=400&fit=crop",
              imageAlt: "machine learning architecture neural network visualization AI algorithm data science intelligent automation"
            },
            {
@@ -132,7 +176,7 @@ export default function LandingPage() {
              name: "Automated Incident Response",
              price: "87%",
              variant: "Faster MTTR. Self-healing systems.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767551142117-ou336baw.jpg",
+              imageSrc: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=600&h=400&fit=crop",
              imageAlt: "artificial intelligence machine learning neural network AI technology smart systems"
            }
          ]}
@@ -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>
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
development	2b96b98913	Update src/app/page.tsx	2026-01-04 18:40:57 +00:00
development	8cd81406df	Update src/app/layout.tsx	2026-01-04 18:40:56 +00:00