Skip to content

Commit 9d72c8d

Browse files
asvegahasvegah
committed
add Tailwind CSS integration and update layout for enterprise AI platform
1 parent b044fe9 commit 9d72c8d

12 files changed

Lines changed: 459 additions & 10 deletions

‎app/favicon.ico‎

220 KB
Binary file not shown.

‎app/globals.css‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
@import "tailwindcss";
2+
3+
:root {
4+
--background: #ffffff;
5+
--foreground: #171717;
6+
}
7+
8+
@theme inline {
9+
--color-background: var(--background);
10+
--color-foreground: var(--foreground);
11+
--font-sans: var(--font-geist-sans);
12+
--font-mono: var(--font-geist-mono);
13+
}
14+
15+
@media (prefers-color-scheme: dark) {
16+
:root {
17+
--background: #0a0a0a;
18+
--foreground: #ededed;
19+
}
20+
}
21+
22+
body {
23+
background: var(--background);
24+
color: var(--foreground);
25+
font-family: Arial, Helvetica, sans-serif;
26+
}

‎app/layout.tsx‎

Lines changed: 20 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,20 @@
1-
import type { Metadata } from 'next';
1+
import type { Metadata } from "next";
2+
import { Geist, Geist_Mono } from "next/font/google";
3+
import "./globals.css";
4+
5+
const geistSans = Geist({
6+
variable: "--font-geist-sans",
7+
subsets: ["latin"],
8+
});
9+
10+
const geistMono = Geist_Mono({
11+
variable: "--font-geist-mono",
12+
subsets: ["latin"],
13+
});
214

315
export const metadata: Metadata = {
4-
title: 'Next.js on GitHub Pages',
5-
description: 'Deploy your static Next.js site to GitHub Pages.',
16+
title: "Agentic operating system for enterprise",
17+
description: "Enterprise AI platform built on the language of business to build and deploy AI-powered applications for search, discovery, advanced retrieval and process automation."
618
};
719

820
export default function RootLayout({
@@ -12,7 +24,11 @@ export default function RootLayout({
1224
}>) {
1325
return (
1426
<html lang="en">
15-
<body>{children}</body>
27+
<body
28+
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
29+
>
30+
{children}
31+
</body>
1632
</html>
1733
);
1834
}

‎app/page.tsx‎

Lines changed: 95 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,99 @@
1+
import Image from "next/image";
2+
13
export default function Home() {
24
return (
3-
<main>
4-
<div>Next.js on GitHub Pages</div>
5-
</main>
5+
<div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
6+
<main className="flex flex-col gap-[32px] row-start-2 items-center sm:items-start">
7+
<Image
8+
className="dark:invert"
9+
src="/simtropolis.svg"
10+
alt="Next.js logo"
11+
width={180}
12+
height={38}
13+
priority
14+
/>
15+
<ol className="list-inside list-decimal text-sm/6 text-center sm:text-left font-[family-name:var(--font-geist-mono)]">
16+
<li className="mb-2 tracking-[-.01em]">
17+
AI-driven and secured collaboration, built for operational teams.
18+
</li>
19+
<li className="mb-2 tracking-[-.01em]">
20+
Build internal {" "}
21+
<code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded font-[family-name:var(--font-geist-mono)] font-semibold">
22+
apps/agents
23+
</code>
24+
to automate your business operations.
25+
</li>
26+
<li className="tracking-[-.01em]">
27+
Optimized for enterprise generative AI, search and discovery, and advanced retrieval.
28+
</li>
29+
</ol>
30+
31+
<div className="flex gap-4 items-center flex-col sm:flex-row">
32+
<a
33+
className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 sm:w-auto"
34+
href="#"
35+
// target="_blank"
36+
rel="noopener noreferrer"
37+
>
38+
Coming soon
39+
</a>
40+
<a
41+
className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 w-full sm:w-auto md:w-[158px]"
42+
href="#"
43+
// target="_blank"
44+
rel="noopener noreferrer"
45+
>
46+
Subscribe
47+
</a>
48+
</div>
49+
</main>
50+
<footer className="row-start-3 flex gap-[24px] flex-wrap items-center justify-center">
51+
<a
52+
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
53+
href="#"
54+
// target="_blank"
55+
rel="noopener noreferrer"
56+
>
57+
<Image
58+
aria-hidden
59+
src="/file.svg"
60+
alt="File icon"
61+
width={16}
62+
height={16}
63+
/>
64+
Channels
65+
</a>
66+
<a
67+
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
68+
href="#"
69+
// target="_blank"
70+
rel="noopener noreferrer"
71+
>
72+
<Image
73+
aria-hidden
74+
src="/window.svg"
75+
alt="Window icon"
76+
width={16}
77+
height={16}
78+
/>
79+
Agents
80+
</a>
81+
<a
82+
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
83+
href="#"
84+
// target="_blank"
85+
rel="noopener noreferrer"
86+
>
87+
<Image
88+
aria-hidden
89+
src="/globe.svg"
90+
alt="Globe icon"
91+
width={16}
92+
height={16}
93+
/>
94+
Applications
95+
</a>
96+
</footer>
97+
</div>
698
);
799
}

‎package.json‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,12 @@
55
"build": "next build"
66
},
77
"dependencies": {
8+
"@tailwindcss/postcss": "^4.0.14",
89
"next": "^15.1.7",
10+
"postcss": "^8.5.3",
911
"react": "^19.0.0",
10-
"react-dom": "^19.0.0"
12+
"react-dom": "^19.0.0",
13+
"tailwindcss": "^4.0.14"
1114
},
1215
"devDependencies": {
1316
"@types/node": "^22.13.4",

0 commit comments

Comments
 (0)