Merge version_5 into main

Update src/app/page.tsx
2026-01-21 17:38:30 +00:00 · 2026-01-21 17:38:25 +00:00 · 2026-01-21 17:34:52 +00:00 · 2026-01-21 17:34:47 +00:00 · 2026-01-21 17:28:35 +00:00 · 2026-01-21 17:28:31 +00:00
3 changed files with 43 additions and 38 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4,21 +4,21 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  /* --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1c1c1c;;
-  --secondary-cta: #ffffff;;
-  --accent: #15479c;;
-  --background-accent: #a8cce8;; */
+  /* --background: #010912;;
+  --card: #152840;;
+  --foreground: #e6f0ff;;
+  --primary-cta: #cee7ff;;
+  --secondary-cta: #0e1a29;;
+  --accent: #3f5c79;;
+  --background-accent: #004a93;; */

-  --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1c1c1c;;
-  --secondary-cta: #ffffff;;
-  --accent: #15479c;;
-  --background-accent: #a8cce8;;
+  --background: #010912;;
+  --card: #152840;;
+  --foreground: #e6f0ff;;
+  --primary-cta: #cee7ff;;
+  --secondary-cta: #0e1a29;;
+  --accent: #3f5c79;;
+  --background-accent: #004a93;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -509,7 +509,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-noto-sans), sans-serif;
+  font-family: var(--font-space-grotesk), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -522,5 +522,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-noto-sans), sans-serif;
+  font-family: var(--font-space-grotesk), sans-serif;
 }
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,11 +1,11 @@
 import type { Metadata } from "next";
-import { Noto_Sans } from "next/font/google";
+import { Space_Grotesk } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const notoSans = Noto_Sans({
-  variable: "--font-noto-sans",  subsets: ["latin"],
+const spaceGrotesk = Space_Grotesk({
+  variable: "--font-space-grotesk",  subsets: ["latin"],
 });

 export const metadata: Metadata = {
@@ -30,7 +30,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={notoSans.variable}
+          className={spaceGrotesk.variable}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,8 +1,8 @@
-"use client"
+"use client";

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
@@ -15,16 +15,16 @@ import { Zap, Calendar } from "lucide-react";
 export default function LandingPage() {
  return (
    <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="reveal-blur"
-      borderRadius="sharp"
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
      contentWidth="medium"
-      sizing="mediumLarge"
-      background="radialGradient"
-      cardStyle="layered-gradient"
-      primaryButtonStyle="radial-glow"
-      secondaryButtonStyle="layered"
-      headingFontWeight="light"
+      sizing="largeSizeMediumTitles"
+      background="aurora"
+      cardStyle="glass-depth"
+      primaryButtonStyle="inset-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
@@ -41,18 +41,23 @@ export default function LandingPage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroSplit
+        <HeroSplitKpi
          title="Building the future, one innovation at a time"
          description="Our tech startup delivers elegant, powerful solutions designed for tomorrow's digital world. Experience the perfect blend of simplicity and sophistication."
          tag="Next Generation"
          tagIcon={Zap}
-          imageSrc="https://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125956.jpg"
-          imageAlt="Revolutionary tech product showcase"
-          imagePosition="right"
          buttons={[
            { text: "Explore the future", href: "contact" },
            { text: "View Demo", href: "#process" }
          ]}
+          kpis={[
+            { value: "500K+", label: "Active Users" },
+            { value: "98%", label: "Satisfaction Rate" },
+            { value: "150+", label: "Enterprise Clients" }
+          ]}
+          imageSrc="https://img.b2bpic.net/free-vector/high-tech-futuristic-lines-technology-banner_1017-23966.jpg"
+          imageAlt="Innovation and technology"
+          enableKpiAnimation={true}
        />
      </div>

@@ -91,7 +96,7 @@ export default function LandingPage() {
            },
            {
              id: 3,
-              tag: "Launch",              title: "Seamless Deployment",              subtitle: "From beta to production excellence",              description: "We ensure flawless launches with rigorous testing and strategic rollout. Our deployment process minimizes risk while maximizing impact, getting your innovation to market quickly.",              imageSrc: "https://img.b2bpic.net/free-vector/creative-flat-business-concept_23-2147800499.jpg",              imageAlt: "Product launch and deployment",              buttons: [
+              tag: "Launch",              title: "Seamless Deployment",              subtitle: "From beta to production excellence",              description: "We ensure flawless launches with rigorous testing and strategic rollout. Our deployment process minimizes risk while maximizing impact, getting your innovation to market quickly.",              imageSrc: "https://img.b2bpic.net/free-photo/creative-flat-business-concept_23-2147800499.jpg",              imageAlt: "Product launch and deployment",              buttons: [
                { text: "Start Project", href: "#contact" }
              ]
            }
Author	SHA1	Message	Date
development	80b5c72292	Merge version_5 into main Merge version_5 into main	2026-01-21 17:38:30 +00:00
development	4427c7494f	Update src/app/page.tsx	2026-01-21 17:38:25 +00:00
development	74a290ccfa	Merge version_4 into main Merge version_4 into main	2026-01-21 17:34:52 +00:00
development	ac2e11c39c	Update src/app/page.tsx	2026-01-21 17:34:47 +00:00
development	412309b08e	Merge version_3 into main Merge version_3 into main	2026-01-21 17:28:35 +00:00
development	6bdefa3a3f	Update src/app/page.tsx	2026-01-21 17:28:31 +00:00
development	e10abe0ae5	Merge version_2 into main Merge version_2 into main	2026-01-21 17:23:36 +00:00
development	ed7e217174	Update src/app/page.tsx	2026-01-21 17:23:32 +00:00
development	54f05a82b3	Update src/app/layout.tsx	2026-01-21 17:23:31 +00:00
development	0ecaaf8098	Update src/app/globals.css	2026-01-21 17:23:30 +00:00