development/70643d56-b39a-4fa4-b60a-fce7c0e7b6f6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: development:version_1
Branches Tags
development:main development:version_5 development:version_4 development:version_3 development:version_2 development:version_1
..
compare: development:version_3
Branches Tags
development:main development:version_5 development:version_4 development:version_3 development:version_2 development:version_1

4 Commits
version_1 ... version_3

Author SHA1 Message Date
development
6bdefa3a3f Update src/app/page.tsx 2026-01-21 17:28:31 +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
3 changed files with 34 additions and 35 deletions
Expand all files Collapse all files

32
src/app/globals.css
View File

@@ -4,21 +4,21 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #f5f5f5;; /* --background: #010912;;
--card: #ffffff;; --card: #152840;;
--foreground: #1c1c1c;; --foreground: #e6f0ff;;
--primary-cta: #1c1c1c;; --primary-cta: #cee7ff;;
--secondary-cta: #ffffff;; --secondary-cta: #0e1a29;;
--accent: #15479c;; --accent: #3f5c79;;
--background-accent: #a8cce8;; */ --background-accent: #004a93;; */
--background: #f5f5f5;; --background: #010912;;
--card: #ffffff;; --card: #152840;;
--foreground: #1c1c1c;; --foreground: #e6f0ff;;
--primary-cta: #1c1c1c;; --primary-cta: #cee7ff;;
--secondary-cta: #ffffff;; --secondary-cta: #0e1a29;;
--accent: #15479c;; --accent: #3f5c79;;
--background-accent: #a8cce8;; --background-accent: #004a93;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -509,7 +509,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-noto-sans), sans-serif; font-family: var(--font-space-grotesk), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -522,5 +522,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-noto-sans), sans-serif; font-family: var(--font-space-grotesk), sans-serif;
} }

10
src/app/layout.tsx
View File

@@ -1,11 +1,11 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Noto_Sans } from "next/font/google"; import { Space_Grotesk } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const notoSans = Noto_Sans({ const spaceGrotesk = Space_Grotesk({
variable: "--font-noto-sans", subsets: ["latin"], variable: "--font-space-grotesk", subsets: ["latin"],
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
@@ -30,7 +30,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={notoSans.variable} className={spaceGrotesk.variable}
> >
<Tag /> <Tag />
{children} {children}
@@ -1256,4 +1256,4 @@ export default function RootLayout({
</ServiceWrapper> </ServiceWrapper>
</html> </html>
); );
} }

27
src/app/page.tsx
View File

@@ -1,8 +1,8 @@
"use client" "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit'; import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout'; import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen'; import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo'; import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
@@ -15,16 +15,16 @@ import { Zap, Calendar } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-magnetic" defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur" defaultTextAnimation="entrance-slide"
borderRadius="sharp" borderRadius="rounded"
contentWidth="medium" contentWidth="medium"
sizing="mediumLarge" sizing="largeSizeMediumTitles"
background="radialGradient" background="aurora"
cardStyle="layered-gradient" cardStyle="glass-depth"
primaryButtonStyle="radial-glow" primaryButtonStyle="inset-glow"
secondaryButtonStyle="layered" secondaryButtonStyle="glass"
headingFontWeight="light" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
@@ -41,14 +41,13 @@ export default function LandingPage() {
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroBillboardScroll
title="Building the future, one innovation at a time" 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." 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" tag="Next Generation"
tagIcon={Zap} tagIcon={Zap}
imageSrc="https://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125956.jpg" imageSrc="https://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125956.jpg"
imageAlt="Revolutionary tech product showcase" imageAlt="Revolutionary tech product showcase"
imagePosition="right"
buttons={[ buttons={[
{ text: "Explore the future", href: "contact" }, { text: "Explore the future", href: "contact" },
{ text: "View Demo", href: "#process" } { text: "View Demo", href: "#process" }
@@ -236,4 +235,4 @@ export default function LandingPage() {
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }