development/0d34ac4d-6cfd-441a-bd47-2ad3d7ddffdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: development:version_2
Branches Tags
development:main development:version_5 development:version_4 development:version_3 development:version_2 development:version_1
...
pull from: development:version_4
Branches Tags
development:main development:version_5 development:version_4 development:version_3 development:version_2 development:version_1

5 Commits
version_2 ... version_4

Author SHA1 Message Date
development
814d429868 Update src/app/page.tsx 2026-01-27 03:51:00 +00:00
development
cc3ca36448 Update src/app/layout.tsx 2026-01-27 03:50:59 +00:00
development
d57e19f4d6 Update src/app/globals.css 2026-01-27 03:50:58 +00:00
development
4144cbbeb0 Update src/app/page.tsx 2026-01-27 03:48:09 +00:00
development
b6beaca00c Update src/app/layout.tsx 2026-01-27 03:48:08 +00:00
3 changed files with 83 additions and 23 deletions
Expand all files Collapse all files

28
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: #0a0a0a;;
--card: #ffffff;; --card: #1a1a1a;;
--foreground: #1c1c1c;; --foreground: #ffffffe6;;
--primary-cta: #1c1c1c;; --primary-cta: #fde047;;
--secondary-cta: #ffffff;; --secondary-cta: #1a1a1a;;
--accent: #15479c;; --accent: #fde047;;
--background-accent: #a8cce8;; */ --background-accent: #333333;; */
--background: #f5f5f5;; --background: #0a0a0a;;
--card: #ffffff;; --card: #1a1a1a;;
--foreground: #1c1c1c;; --foreground: #ffffffe6;;
--primary-cta: #1c1c1c;; --primary-cta: #fde047;;
--secondary-cta: #ffffff;; --secondary-cta: #1a1a1a;;
--accent: #15479c;; --accent: #fde047;;
--background-accent: #a8cce8;; --background-accent: #333333;;
/* 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);

11
src/app/layout.tsx
View File

@@ -1,12 +1,11 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Cormorant_Garamond } from "next/font/google"; import { Inter } 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 cormorantGaramond = Cormorant_Garamond({ const inter = Inter({
variable: "--font-cormorant-garamond", subsets: ["latin"], variable: "--font-inter", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
@@ -37,7 +36,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={cormorantGaramond.variable} className={inter.variable}
> >
<Tag /> <Tag />
{children} {children}
@@ -1263,4 +1262,4 @@ export default function RootLayout({
</ServiceWrapper> </ServiceWrapper>
</html> </html>
); );
} }

67
src/app/page.tsx
View File

@@ -1,4 +1,4 @@
"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';
@@ -16,7 +16,7 @@ export default function LandingPage() {
<ThemeProvider <ThemeProvider
defaultButtonVariant="bounce-effect" defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight" defaultTextAnimation="background-highlight"
borderRadius="pill" borderRadius="sharp"
contentWidth="mediumLarge" contentWidth="mediumLarge"
sizing="mediumLargeSizeMediumTitles" sizing="mediumLargeSizeMediumTitles"
background="plain" background="plain"
@@ -71,6 +71,67 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="social-proof" data-section="social-proof">
<div className="flex items-center justify-center py-12 md:py-16 bg-background">
<div className="flex flex-wrap items-center justify-center gap-8 md:gap-12 lg:gap-16 px-6">
<div className="flex flex-col items-center gap-2">
<div className="h-12 md:h-16 w-auto flex items-center">
<svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Microsoft logo">
<rect x="1" y="1" width="5" height="5" fill="#00A4EF"/>
<rect x="9" y="1" width="5" height="5" fill="#7FBA00"/>
<rect x="1" y="9" width="5" height="5" fill="#FFB900"/>
<rect x="9" y="9" width="5" height="5" fill="#F25022"/>
</svg>
</div>
<p className="text-sm text-foreground/60 text-center">Microsoft</p>
</div>
<div className="flex flex-col items-center gap-2">
<div className="h-12 md:h-16 w-auto flex items-center">
<svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Google logo">
<path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/>
<path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/>
<path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/>
<path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/>
</svg>
</div>
<p className="text-sm text-foreground/60 text-center">Google</p>
</div>
<div className="flex flex-col items-center gap-2">
<div className="h-12 md:h-16 w-auto flex items-center">
<svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Amazon logo">
<path d="M6 6h12v1H6V6zm0 2h12v1H6V8zm0 2h12v1H6v-1zm10.5 2.5c-.276 0-.5.224-.5.5v3c0 .276.224.5.5.5s.5-.224.5-.5v-3c0-.276-.224-.5-.5-.5zm-2 0c-.276 0-.5.224-.5.5v3c0 .276.224.5.5.5s.5-.224.5-.5v-3c0-.276-.224-.5-.5-.5zm-2 0c-.276 0-.5.224-.5.5v3c0 .276.224.5.5.5s.5-.224.5-.5v-3c0-.276-.224-.5-.5-.5zM6 19h12v1H6v-1z" fill="#FF9900"/>
</svg>
</div>
<p className="text-sm text-foreground/60 text-center">Amazon</p>
</div>
<div className="flex flex-col items-center gap-2">
<div className="h-12 md:h-16 w-auto flex items-center">
<svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Adobe logo">
<path d="M1 1v22h22V1H1zm3 3h4v4H4V4zm6 0h4v4h-4V4zm6 0h4v4h-4V4zm-12 6h4v4H4v-4zm6 0h4v4h-4v-4zm6 0h4v4h-4v-4zm-12 6h4v4H4v-4zm6 0h4v4h-4v-4zm6 0h4v4h-4v-4z" fill="#FF0000"/>
</svg>
</div>
<p className="text-sm text-foreground/60 text-center">Adobe</p>
</div>
<div className="flex flex-col items-center gap-2">
<div className="h-12 md:h-16 w-auto flex items-center">
<svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Disney logo">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6z" fill="#113CCF"/>
</svg>
</div>
<p className="text-sm text-foreground/60 text-center">Disney</p>
</div>
<div className="flex flex-col items-center gap-2">
<div className="h-12 md:h-16 w-auto flex items-center">
<svg className="h-full w-auto" viewBox="0 0 24 24" fill="currentColor" aria-label="Coca-Cola logo">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6z" fill="#E4001B"/>
</svg>
</div>
<p className="text-sm text-foreground/60 text-center">Coca-Cola</p>
</div>
</div>
</div>
</div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardFour <ProductCardFour
title="Featured Digital Products" title="Featured Digital Products"
@@ -233,4 +294,4 @@ export default function LandingPage() {
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }